PageSourceSearch

https://www.solkyst.ca/search

html solkyst.ca collected 2026-10-07 13:06:48 UTC 2,046,234 bytes, 57,255 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="en"
5>
6  <head>
7    
8      <link
9        rel="expect"
10        href="#MainContent"
11        blocking="render"
12        id="view-transition-render-blocker"
13      >
14    
15<meta charset="utf-8">
16<meta
17  http-equiv="X-UA-Compatible"
18  content="IE=edge"
19>
20<meta
21  name="viewport"
22  content="width=device-width,initial-scale=1"
23>
24<meta
25  name="view-transition"
26  content="same-origin"
27>
28<meta
29  name="theme-color"
30  content=""
31>
32
33<meta
34  property="og:site_name"
35  content="SOL KYST"
36>
37<meta
38  property="og:url"
39  content="https://www.solkyst.ca/search"
40>
41<meta
42  property="og:title"
43  content="Search"
44>
45<meta
46  property="og:type"
47  content="website"
48>
49<meta
50  property="og:description"
51  content="Premium sunglasses designed to fit &amp; flatter wide faces. Shop size-inclusive styles that actually fit. Bold, elevated eyewear designed with your face in mind. For big heads, round and square face shapes and lovers of oversize sunglasses. Prescription services available."
52><meta
53    property="og:image"
54    content="http://www.solkyst.ca/cdn/shop/files/IMG_2405_1.jpg?v=1784217803"
55  >
56  <meta
57    property="og:image:secure_url"
58    content="https://www.solkyst.ca/cdn/shop/files/IMG_2405_1.jpg?v=1784217803"
59  >
60  <meta
61    property="og:image:width"
62    content="4160"
63  >
64  <meta
65    property="og:image:height"
66    content="4160"
67  ><meta
68  name="twitter:card"
69  content="summary_large_image"
70>
71<meta
72  name="twitter:title"
73  content="Search"
74>
75<meta
76  name="twitter:description"
77  content="Premium sunglasses designed to fit &amp; flatter wide faces. Shop size-inclusive styles that actually fit. Bold, elevated eyewear designed with your face in mind. For big heads, round and square face shapes and lovers of oversize sunglasses. Prescription services available."
78>
79
80<title>
81  Search
82 &ndash; SOL KYST</title>
83
84<link
85  rel="canonical"
86  href="https://www.solkyst.ca/search"
87>
88
89
90  <meta
91    name="description"
92    content="Premium sunglasses designed to fit &amp; flatter wide faces. Shop size-inclusive styles that actually fit. Bold, elevated eyewear designed with your face in mind. For big heads, round and square face shapes and lovers of oversize sunglasses. Prescription services available."
93  >
94
95<link href="//www.solkyst.ca/cdn/shop/t/38/assets/overflow-list.css?v=101911674359793798601776963414" as="style" rel="preload">
96<link href="//www.solkyst.ca/cdn/shop/t/38/assets/base.css?v=53151808676100643821776966209" rel="stylesheet" type="text/css" media="all" />
97
98<link
99    rel="preload"
100    as="font"
101    href="//www.solkyst.ca/cdn/fonts/red_hat_text/redhattext_n4.f45549d853e5e3e2907f21be9aecf95e1eaa7516.woff2"
102    type="font/woff2"
103    crossorigin
104    fetchpriority="low"
105  ><link
106    rel="preload"
107    as="font"
108    href="//www.solkyst.ca/cdn/fonts/newsreader/newsreader_n2.5960e0b0697503210b916625dc75038e9a2edf1e.woff2"
109    type="font/woff2"
110    crossorigin
111    fetchpriority="low"
112  ><link
113    rel="preload"
114    as="font"
115    href="//www.solkyst.ca/cdn/fonts/newsreader/newsreader_n2.5960e0b0697503210b916625dc75038e9a2edf1e.woff2"
116    type="font/woff2"
117    crossorigin
118    fetchpriority="low"
119  ><link
120    rel="preload"
121    as="font"
122    href="//www.solkyst.ca/cdn/fonts/red_hat_text/redhattext_n4.f45549d853e5e3e2907f21be9aecf95e1eaa7516.woff2"
123    type="font/woff2"
124    crossorigin
125    fetchpriority="low"
126  >
127<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 127
127
128<script type="importmap">
129  {
130    "imports": {
131      "@theme/overflow-list": "//www.solkyst.ca/cdn/shop/t/38/assets/overflow-list.js?v=46858356770684902511776963414",
132      "@theme/product-title": "//www.solkyst.ca/cdn/shop/t/38/assets/product-title-truncation.js?v=81744426891537421781776963414",
133      "@theme/component": "//www.solkyst.ca/cdn/shop/t/38/assets/component.js?v=184240237101443119871776963414",
134      "@theme/dialog": "//www.solkyst.ca/cdn/shop/t/38/assets/dialog.js?v=61774032287387761671776963414",
135      "@theme/events": "//www.solkyst.ca/cdn/shop/t/38/assets/events.js?v=147926035229139604561776963414",
136      "@theme/focus": "//www.solkyst.ca/cdn/shop/t/38/assets/focus.js?v=60436577539430446401776963414",
137      "@theme/morph": "//www.solkyst.ca/cdn/shop/t/38/assets/morph.js?v=35457747882330740861776963414",
138      "@theme/paginated-list": "//www.solkyst.ca/cdn/shop/t/38/assets/paginated-list.js?v=95298315036233333871776963414",
139      "@theme/performance": "//www.solkyst.ca/cdn/shop/t/38/assets/performance.js?v=171015751390534793081776963414",
140      "@theme/product-form": "//www.solkyst.ca/cdn/shop/t/38/assets/product-form.js?v=37993400097492174081776963414",
141      "@theme/recently-viewed-products": "//www.solkyst.ca/cdn/shop/t/38/assets/recently-viewed-products.js?v=94729125001750262651776963414",
142      "@theme/scrolling": "//www.solkyst.ca/cdn/shop/t/38/assets/scrolling.js?v=118005526288211533611776963414",
143      "@theme/section-renderer": "//www.solkyst.ca/cdn/shop/t/38/assets/section-renderer.js?v=117273408521114569061776963414",
144      "@theme/section-hydration": "//www.solkyst.ca/cdn/shop/t/38/assets/section-hydration.js?v=177651605160027701221776963414",
145      "@theme/utilities": "//www.solkyst.ca/cdn/shop/t/38/assets/utilities.js?v=74252600229394689081776963414",
146      "@theme/variant-picker": "//www.solkyst.ca/cdn/shop/t/38/assets/variant-picker.js?v=124079696159966615681776963414",
147      "@theme/media-gallery": "//www.solkyst.ca/cdn/shop/t/38/assets/media-gallery.js?v=111441960308641931071776963414",
148      "@theme/quick-add": "//www.solkyst.ca/cdn/shop/t/38/assets/quick-add.js?v=148903382353369979481776963414",
149      "@theme/paginated-list-aspect-ratio": "//www.solkyst.ca/cdn/shop/t/38/assets/paginated-list-aspect-ratio.js?v=25254270272143792451776963414",
150      "@theme/popover-polyfill": "//www.solkyst.ca/cdn/shop/t/38/assets/popover-polyfill.js?v=119029313658895111201776963414",
151      "@theme/component-quantity-selector": "//www.solkyst.ca/cdn/shop/t/38/assets/component-quantity-selector.js?v=67906657287482036641776963414",
152      "@theme/comparison-slider": "//www.solkyst.ca/cdn/shop/t/38/assets/comparison-slider.js?v=106705562947035711941776963414",
153      "@theme/sticky-add-to-cart": "//www.solkyst.ca/cdn/shop/t/38/assets/sticky-add-to-cart.js?v=48956925339276737091776963414",
154      "@theme/fly-to-cart": "//www.solkyst.ca/cdn/shop/t/38/assets/fly-to-cart.js?v=129971753673458693881776963414"
155    }
156  }
157</script>
157
158
159<script
160  src="//www.solkyst.ca/cdn/shop/t/38/assets/view-transitions.js?v=7106414069516106341776963414"
161  async
162  
163    blocking="render"
164  
165></script>
165
166
167<link
168  rel="modulepreload"
169  href="//www.solkyst.ca/cdn/shop/t/38/assets/utilities.js?v=74252600229394689081776963414"
170  fetchpriority="low"
171>
172<link
173  rel="modulepreload"
174  href="//www.solkyst.ca/cdn/shop/t/38/assets/component.js?v=184240237101443119871776963414"
175  fetchpriority="low"
176>
177<link
178  rel="modulepreload"
179  href="//www.solkyst.ca/cdn/shop/t/38/assets/section-renderer.js?v=117273408521114569061776963414"
180  fetchpriority="low"
181>
182<link
183  rel="modulepreload"
184  href="//www.solkyst.ca/cdn/shop/t/38/assets/section-hydration.js?v=177651605160027701221776963414"
185  fetchpriority="low"
186>
187<link
188  rel="modulepreload"
189  href="//www.solkyst.ca/cdn/shop/t/38/assets/morph.js?v=35457747882330740861776963414"
190  fetchpriority="low"
191>
192
193
194  <link
195    rel="modulepreload"
196    href="//www.solkyst.ca/cdn/shop/t/38/assets/paginated-list-aspect-ratio.js?v=25254270272143792451776963414"
197    fetchpriority="low"
198  >
199  <link
200    rel="modulepreload"
201    href="//www.solkyst.ca/cdn/shop/t/38/assets/paginated-list.js?v=95298315036233333871776963414"
202    fetchpriority="low"
203  >
204
205  <link
206    rel="modulepreload"
207    href="//www.solkyst.ca/cdn/shop/t/38/assets/product-title-truncation.js?v=81744426891537421781776963414"
208    fetchpriority="low"
209  >
210
211
212<link
213  rel="modulepreload"
214  href="//www.solkyst.ca/cdn/shop/t/38/assets/focus.js?v=60436577539430446401776963414"
215  fetchpriority="low"
216>
217<link
218  rel="modulepreload"
219  href="//www.solkyst.ca/cdn/shop/t/38/assets/recently-viewed-products.js?v=94729125001750262651776963414"
220  fetchpriority="low"
221>
222<link
223  rel="modulepreload"
224  href="//www.solkyst.ca/cdn/shop/t/38/assets/scrolling.js?v=118005526288211533611776963414"
225  fetchpriority="low"
226>
227<link
228  rel="modulepreload"
229  href="//www.solkyst.ca/cdn/shop/t/38/assets/events.js?v=147926035229139604561776963414"
230  fetchpriority="low"
231>
232<script
233  src="//www.solkyst.ca/cdn/shop/t/38/assets/popover-polyfill.js?v=119029313658895111201776963414"
234  type="module"
235  fetchpriority="low"
236></script>
vendor: 1 bytes, line 236
236
237<script
238  src="//www.solkyst.ca/cdn/shop/t/38/assets/overflow-list.js?v=46858356770684902511776963414"
239  type="module"
240  fetchpriority="low"
241></script>
vendor: 1 bytes, line 241
241
242<script
243  src="//www.solkyst.ca/cdn/shop/t/38/assets/quick-add.js?v=148903382353369979481776963414"
244  type="module"
245  fetchpriority="low"
246></script>
246
247
248
249<script
250  src="//www.solkyst.ca/cdn/shop/t/38/assets/dialog.js?v=61774032287387761671776963414"
251  type="module"
252  fetchpriority="low"
253></script>
vendor: 1 bytes, line 253
253
254<script
255  src="//www.solkyst.ca/cdn/shop/t/38/assets/variant-picker.js?v=124079696159966615681776963414"
256  type="module"
257  fetchpriority="low"
258></script>
vendor: 1 bytes, line 258
258
259<script
260  src="//www.solkyst.ca/cdn/shop/t/38/assets/product-card.js?v=124402285637860180781776963414"
261  type="module"
262  fetchpriority="low"
263></script>
vendor: 1 bytes, line 263
263
264<script
265  src="//www.solkyst.ca/cdn/shop/t/38/assets/product-form.js?v=37993400097492174081776963414"
266  type="module"
267  fetchpriority="low"
268></script>
vendor: 1 bytes, line 268
268
269<script
270  src="//www.solkyst.ca/cdn/shop/t/38/assets/fly-to-cart.js?v=129971753673458693881776963414"
271  type="module"
272  fetchpriority="low"
273></script>
vendor: 1 bytes, line 273
273
274<script
275  src="//www.solkyst.ca/cdn/shop/t/38/assets/accordion-custom.js?v=99000499017714805851776963414"
276  type="module"
277  fetchpriority="low"
278></script>
vendor: 1 bytes, line 278
278
279<script
280  src="//www.solkyst.ca/cdn/shop/t/38/assets/disclosure-custom.js?v=168050880623268140331776963414"
281  type="module"
282  fetchpriority="low"
283></script>
vendor: 1 bytes, line 283
283
284<script
285  src="//www.solkyst.ca/cdn/shop/t/38/assets/media.js?v=37825095869491791421776963414"
286  type="module"
287  fetchpriority="low"
288></script>
vendor: 1 bytes, line 288
288
289<script
290  src="//www.solkyst.ca/cdn/shop/t/38/assets/product-price.js?v=117989390664188536191776963414"
291  type="module"
292  fetchpriority="low"
293></script>
vendor: 1 bytes, line 293
293
294<script
295  src="//www.solkyst.ca/cdn/shop/t/38/assets/product-sku.js?v=121804655373531320511776963414"
296  type="module"
297  fetchpriority="low"
298></script>
vendor: 1 bytes, line 298
298
299<script
300  src="//www.solkyst.ca/cdn/shop/t/38/assets/product-title-truncation.js?v=81744426891537421781776963414"
301  type="module"
302  fetchpriority="low"
303></script>
vendor: 1 bytes, line 303
303
304<script
305  src="//www.solkyst.ca/cdn/shop/t/38/assets/product-inventory.js?v=16343734458933704981776963414"
306  type="module"
307  fetchpriority="low"
308></script>
vendor: 1 bytes, line 308
308
309<script
310  src="//www.solkyst.ca/cdn/shop/t/38/assets/show-more.js?v=94563802205717136101776963414"
311  type="module"
312  fetchpriority="low"
313></script>
vendor: 1 bytes, line 313
313
314<script
315  src="//www.solkyst.ca/cdn/shop/t/38/assets/slideshow.js?v=40796646405849125981776963414"
316  type="module"
317  fetchpriority="low"
318></script>
vendor: 1 bytes, line 318
318
319<script
320  src="//www.solkyst.ca/cdn/shop/t/38/assets/layered-slideshow.js?v=30135417790894624731776963414"
321  type="module"
322  fetchpriority="low"
323></script>
vendor: 1 bytes, line 323
323
324<script
325  src="//www.solkyst.ca/cdn/shop/t/38/assets/anchored-popover.js?v=95953304814728754461776963414"
326  type="module"
327  fetchpriority="low"
328></script>
vendor: 1 bytes, line 328
328
329<script
330  src="//www.solkyst.ca/cdn/shop/t/38/assets/floating-panel.js?v=128677600744947036551776963414"
331  type="module"
332  fetchpriority="low"
333></script>
vendor: 1 bytes, line 333
333
334<script
335  src="//www.solkyst.ca/cdn/shop/t/38/assets/video-background.js?v=25237992823806706551776963414"
336  type="module"
337  fetchpriority="low"
338></script>
vendor: 1 bytes, line 338
338
339<script
340  src="//www.solkyst.ca/cdn/shop/t/38/assets/component-quantity-selector.js?v=67906657287482036641776963414"
341  type="module"
342  fetchpriority="low"
343></script>
vendor: 1 bytes, line 343
343
344<script
345  src="//www.solkyst.ca/cdn/shop/t/38/assets/media-gallery.js?v=111441960308641931071776963414"
346  type="module"
347  fetchpriority="low"
348></script>
vendor: 1 bytes, line 348
348
349<script
350  src="//www.solkyst.ca/cdn/shop/t/38/assets/rte-formatter.js?v=101420294193111439321776963414"
351  type="module"
352  fetchpriority="low"
353></script>
vendor: 1 bytes, line 353
353
354<script
355  src="//www.solkyst.ca/cdn/shop/t/38/assets/volume-pricing.js?v=15442793518842484731776963414"
356  type="module"
357  fetchpriority="low"
358></script>
vendor: 1 bytes, line 358
358
359<script
360  src="//www.solkyst.ca/cdn/shop/t/38/assets/price-per-item.js?v=144512917617120124431776963414"
361  type="module"
362  fetchpriority="low"
363></script>
vendor: 1 bytes, line 363
363
364<script
365  src="//www.solkyst.ca/cdn/shop/t/38/assets/volume-pricing-info.js?v=94479640769665442661776963414"
366  type="module"
367  fetchpriority="low"
368></script>
368
369
370
371  
371<script
372    src="//www.solkyst.ca/cdn/shop/t/38/assets/localization.js?v=15585934801240115691776963414"
373    type="module"
374    fetchpriority="low"
375  ></script>
375
376
377
378
379
380
381  
381<script
382    src="//www.solkyst.ca/cdn/shop/t/38/assets/product-card-link.js?v=97122579314620396511776963414"
383    type="module"
384    fetchpriority="low"
385  ></script>
385
386
387
388<script
389  src="//www.solkyst.ca/cdn/shop/t/38/assets/auto-close-details.js?v=58350291535404441581776963414"
390  defer="defer"
391></script>
391
392
393<script>
394  const Theme = {
395    translations: {
396      placeholder_image: `Placeholder image`,
397      added: `Added`,
398      recipient_form_fields_visible: `Recipient form fields are now visible`,
399      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
400      recipient_form_error: `There was an error with the form submission`,
401      items_added_to_cart_one: `1 item added to cart`,
402      items_added_to_cart_other: `{{ count }} items added to cart`,
403    },
404    routes: {
405      cart_add_url: '/cart/add.js',
406      cart_change_url: '/cart/change',
407      cart_update_url: '/cart/update',
408      cart_url: '/cart',
409      predictive_search_url: '/search/suggest',
410      search_url: '/search',
411    },
412    template: {
413      name: 'search',
414    },
415  };
416</script>
416
417<style data-shopify>
418@font-face {
419  font-family: "Red Hat Text";
420  font-weight: 400;
421  font-style: normal;
422  font-display: swap;
423  src: url("//www.solkyst.ca/cdn/fonts/red_hat_text/redhattext_n4.f45549d853e5e3e2907f21be9aecf95e1eaa7516.woff2") format("woff2"),
424       url("//www.solkyst.ca/cdn/fonts/red_hat_text/redhattext_n4.966c83ef0ccfa6512b0ef1e376b376dfb286bd73.woff") format("woff");
425}
426@font-face {
427  font-family: "Red Hat Text";
428  font-weight: 700;
429  font-style: normal;
430  font-display: swap;
431  src: url("//www.solkyst.ca/cdn/fonts/red_hat_text/redhattext_n7.01cb725162eb34b374670b9c1bc513ac241650e6.woff2") format("woff2"),
432       url("//www.solkyst.ca/cdn/fonts/red_hat_text/redhattext_n7.b6189975b2592601f17bfdc64fb3d7ee0b51916e.woff") format("woff");
433}
434@font-face {
435  font-family: "Red Hat Text";
436  font-weight: 400;
437  font-style: italic;
438  font-display: swap;
439  src: url("//www.solkyst.ca/cdn/fonts/red_hat_text/redhattext_i4.6cfaffd6c72cc494343813ed221ebfae57335fcc.woff2") format("woff2"),
440       url("//www.solkyst.ca/cdn/fonts/red_hat_text/redhattext_i4.f23bcdc86836a2cc4ccc8466c927d1089852c8c8.woff") format("woff");
441}
442@font-face {
443  font-family: "Red Hat Text";
444  font-weight: 700;
445  font-style: italic;
446  font-display: swap;
447  src: url("//www.solkyst.ca/cdn/fonts/red_hat_text/redhattext_i7.97ab5b705c1e57acd40bd16c6fd71567cb89284f.woff2") format("woff2"),
448       url("//www.solkyst.ca/cdn/fonts/red_hat_text/redhattext_i7.f3393410cce0aafadc5ec698e5a40558f9a5b199.woff") format("woff");
449}
450@font-face {
451  font-family: Newsreader;
452  font-weight: 200;
453  font-style: normal;
454  font-display: swap;
455  src: url("//www.solkyst.ca/cdn/fonts/newsreader/newsreader_n2.5960e0b0697503210b916625dc75038e9a2edf1e.woff2") format("woff2"),
456       url("//www.solkyst.ca/cdn/fonts/newsreader/newsreader_n2.cd4250115263c9c39d6eddb8b526847dc36a8619.woff") format("woff");
457}
458@font-face {
459  font-family: Newsreader;
460  font-weight: 700;
461  font-style: normal;
462  font-display: swap;
463  src: url("//www.solkyst.ca/cdn/fonts/newsreader/newsreader_n7.23ab8134dd970213aaed7699491a8a2cb47dae45.woff2") format("woff2"),
464       url("//www.solkyst.ca/cdn/fonts/newsreader/newsreader_n7.d508f4855ca4dedbd83fa582e42d6513c7e89b8a.woff") format("woff");
465}
466@font-face {
467  font-family: Newsreader;
468  font-weight: 200;
469  font-style: italic;
470  font-display: swap;
471  src: url("//www.solkyst.ca/cdn/fonts/newsreader/newsreader_i2.6fa7e79ada3d3472b0bbef072304661e3c47c233.woff2") format("woff2"),
472       url("//www.solkyst.ca/cdn/fonts/newsreader/newsreader_i2.7e0d274f114d8e9bd0867a8a4b89e37c9e7b0562.woff") format("woff");
473}
474@font-face {
475  font-family: Newsreader;
476  font-weight: 700;
477  font-style: italic;
478  font-display: swap;
479  src: url("//www.solkyst.ca/cdn/fonts/newsreader/newsreader_i7.c957ba3bc7bb44bfca68314e689a88a6cb340dbe.woff2") format("woff2"),
480       url("//www.solkyst.ca/cdn/fonts/newsreader/newsreader_i7.600beb959cc55275297418e02b7b341685f85101.woff") format("woff");
481}
482
483
484  :root {
485    /* Page Layout */
486    --sidebar-width: 25rem;
487    --narrow-content-width: 36rem;
488    --normal-content-width: 42rem;
489    --wide-content-width: 46rem;
490    --narrow-page-width: 90rem;
491    --normal-page-width: 120rem;
492    --wide-page-width: 150rem;
493
494    /* Section Heights */
495    --section-height-small: 15rem;
496    --section-height-medium: 25rem;
497    --section-height-large: 35rem;
498
499    @media screen and (min-width: 40em) {
500      --section-height-small: 40svh;
501      --section-height-medium: 55svh;
502      --section-height-large: 70svh;
503    }
504
505    @media screen and (min-width: 60em) {
506      --section-height-small: 50svh;
507      --section-height-medium: 65svh;
508      --section-height-large: 80svh;
509    }
510
511    /* Letter spacing */
512    --letter-spacing-sm: 0.06em;
513    --letter-spacing-md: 0.13em;
514
515    /* Font families */
516    --font-body--family: "Red Hat Text", sans-serif;
517    --font-body--style: normal;
518    --font-body--weight: 400;
519    --font-subheading--family: Newsreader, serif;
520    --font-subheading--style: normal;
521    --font-subheading--weight: 200;
522    --font-heading--family: Newsreader, serif;
523    --font-heading--style: normal;
524    --font-heading--weight: 200;
525    --font-accent--family: "Red Hat Text", sans-serif;
526    --font-accent--style: normal;
527    --font-accent--weight: 400;
528
529    /* Margin sizes */
530    --font-h1--spacing: 0.25em;
531    --font-h2--spacing: 0.25em;
532    --font-h3--spacing: 0.25em;
533    --font-h4--spacing: 0.25em;
534    --font-h5--spacing: 0.25em;
535    --font-h6--spacing: 0.25em;
536    --font-paragraph--spacing: 0.5em;
537
538    /* Heading colors */
539    --font-h1--color: var(--color-foreground-heading);
540    --font-h2--color: var(--color-foreground-heading);
541    --font-h3--color: var(--color-foreground-heading);
542    --font-h4--color: var(--color-foreground-heading);
543    --font-h5--color: var(--color-foreground-heading);
544    --font-h6--color: var(--color-foreground-heading);
545
546    /** Z-Index / Layering */
547    --layer-section-background: -2;
548    --layer-lowest: -1;
549    --layer-base: 0;
550    --layer-flat: 1;
551    --layer-raised: 2;
552    --layer-heightened: 4;
553    --layer-sticky: 8;
554    --layer-window-overlay: 10;
555    --layer-header-menu: 12;
556    --layer-overlay: 16;
557    --layer-menu-drawer: 18;
558    --layer-temporary: 20;
559
560    /* Max-width / Measure */
561    --max-width--body-normal: 32.5em;
562    --max-width--body-narrow: 22.75em;
563
564    --max-width--heading-normal: 32.5em;
565    --max-width--heading-narrow: 19.5em;
566
567    --max-width--display-normal: 13em;
568    --max-width--display-narrow: 9.75em;
569    --max-width--display-tight: 3.25em;
570
571    /* Letter-spacing / Tracking */
572    --letter-spacing--display-tight: -0.03em;
573    --letter-spacing--display-normal: 0em;
574    --letter-spacing--display-loose: 0.03em;
575
576    --letter-spacing--heading-tight: -0.03em;
577    --letter-spacing--heading-normal: 0em;
578    --letter-spacing--heading-loose: 0.03em;
579
580    --letter-spacing--body-tight: -0.03em;
581    --letter-spacing--body-normal: 0em;
582    --letter-spacing--body-loose: 0.03em;
583
584    /* Line height / Leading */
585    --line-height: 1;
586
587    --line-height--display-tight: 1;
588    --line-height--display-normal: 1.1;
589    --line-height--display-loose: 1.2;
590
591    --line-height--heading-tight: 1.15;
592    --line-height--heading-normal: 1.25;
593    --line-height--heading-loose: 1.35;
594
595    --line-height--body-tight: 1.2;
596    --line-height--body-normal: 1.4;
597    --line-height--body-loose: 1.6;
598
599    /* Typography presets */
600    --font-size--paragraph: 0.75rem;--font-size--h1: clamp(1.75rem, 4.8vw, 3.0rem);--font-size--h2: clamp(3.0rem, 7.2vw, 4.5rem);--font-size--h3: clamp(1.75rem, 4.8vw, 3.0rem);--font-size--h4: 1.5rem;--font-size--h5: 0.75rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-body--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-body--family);--font-h5--style: var(--font-body--style);--font-h5--case: uppercase;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-body--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-body--family);--font-h6--style: var(--font-body--style);--font-h6--case: uppercase;--font-h6--line-height: var(--line-height--display-loose);
601
602    /* Hardcoded font sizes */
603    --font-size--3xs: 0.625rem;
604    --font-size--2xs: 0.75rem;
605    --font-size--xs: 0.8125rem;
606    --font-size--sm: 0.875rem;
607    --font-size--md: 1rem;
608    --font-size--lg: 1.125rem;
609    --font-size--xl: 1.25rem;
610    --font-size--2xl: 1.5rem;
611    --font-size--3xl: 2rem;
612    --font-size--4xl: 2.5rem;
613    --font-size--5xl: 3rem;
614    --font-size--6xl: 3.5rem;
615
616    /* Menu font sizes */
617    --menu-font-sm--size: 0.875rem;
618    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
619    --menu-font-md--size: 1rem;
620    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
621    --menu-font-lg--size: 1.125rem;
622    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
623    --menu-font-xl--size: 1.25rem;
624    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
625    --menu-font-2xl--size: 1.75rem;
626    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
627
628    /* Colors */
629    --color-error: #8B0000;
630    --color-success: #006400;
631    --color-white: #FFFFFF;
632    --color-white-rgb: 255 255 255;
633    --color-black: #000000;
634    --color-instock: #3ED660;
635    --color-lowstock: #EE9441;
636    --color-outofstock: #C8C8C8;
637
638    /* Opacity */
639    --opacity-5: 0.05;
640    --opacity-8: 0.08;
641    --opacity-10: 0.1;
642    --opacity-15: 0.15;
643    --opacity-20: 0.2;
644    --opacity-25: 0.25;
645    --opacity-30: 0.3;
646    --opacity-40: 0.4;
647    --opacity-50: 0.5;
648    --opacity-60: 0.6;
649    --opacity-70: 0.7;
650    --opacity-80: 0.8;
651    --opacity-85: 0.85;
652    --opacity-90: 0.9;
653    --opacity-subdued-text: var(--opacity-70);
654
655    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
656    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
657
658    /* Spacing */
659    --margin-3xs: 0.125rem;
660    --margin-2xs: 0.3rem;
661    --margin-xs: 0.5rem;
662    --margin-sm: 0.7rem;
663    --margin-md: 0.8rem;
664    --margin-lg: 1rem;
665    --margin-xl: 1.25rem;
666    --margin-2xl: 1.5rem;
667    --margin-3xl: 1.75rem;
668    --margin-4xl: 2rem;
669    --margin-5xl: 3rem;
670    --margin-6xl: 5rem;
671
672    --scroll-margin: 50px;
673
674    --padding-3xs: 0.125rem;
675    --padding-2xs: 0.25rem;
676    --padding-xs: 0.5rem;
677    --padding-sm: 0.7rem;
678    --padding-md: 0.8rem;
679    --padding-lg: 1rem;
680    --padding-xl: 1.25rem;
681    --padding-2xl: 1.5rem;
682    --padding-3xl: 1.75rem;
683    --padding-4xl: 2rem;
684    --padding-5xl: 3rem;
685    --padding-6xl: 4rem;
686
687    --gap-3xs: 0.125rem;
688    --gap-2xs: 0.3rem;
689    --gap-xs: 0.5rem;
690    --gap-sm: 0.7rem;
691    --gap-md: 0.9rem;
692    --gap-lg: 1rem;
693    --gap-xl: 1.25rem;
694    --gap-2xl: 2rem;
695    --gap-3xl: 3rem;
696
697    --spacing-scale-sm: 0.6;
698    --spacing-scale-md: 0.7;
699    --spacing-scale-default: 1.0;
700
701    /* Checkout buttons gap */
702    --checkout-button-gap: 10px;
703
704    /* Borders */
705    --style-border-width: 1px;
706    --style-border-radius-xs: 0.2rem;
707    --style-border-radius-sm: 0.6rem;
708    --style-border-radius-md: 0.8rem;
709    --style-border-radius-50: 50%;
710    --style-border-radius-lg: 1rem;
711    --style-border-radius-pills: 7px;
712    --style-border-radius-inputs: 0px;
713    --style-border-radius-buttons-primary: 10px;
714    --style-border-radius-buttons-secondary: 4px;
715    --style-border-width-primary: 0px;
716    --style-border-width-secondary: 0px;
717    --style-border-width-inputs: 1px;
718    --style-border-radius-popover: 0px;
719    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
720    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
721    --style-border-swatch-opacity: 10%;
722    --style-border-swatch-width: 1px;
723    --style-border-swatch-style: solid;
724
725    /* Animation */
726    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
727    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
728    --animation-speed-fast: 0.0625s;
729    --animation-speed: 0.125s;
730    --animation-speed-slow: 0.2s;
731    --animation-speed-medium: 0.15s;
732    --animation-easing: ease-in-out;
733    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
734    --drawer-animation-speed: 0.2s;
735    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
736    --animation-values: var(--animation-speed) var(--animation-easing);
737    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
738    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
739    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
740    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
741    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
742    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
743    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
744    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
745
746    /* View transitions */
747    /* View transition old */
748    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
749
750    /* View transition new */
751    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
752
753    /* Focus */
754    --focus-outline-width: 0.09375rem;
755    --focus-outline-offset: 0.2em;
756
757    /* Badges */
758    --badge-blob-padding-block: 1px;
759    --badge-blob-padding-inline: 12px 8px;
760    --badge-rectangle-padding-block: 1px;
761    --badge-rectangle-padding-inline: 6px;
762    @media screen and (min-width: 750px) {
763      --badge-blob-padding-block: 4px;
764      --badge-blob-padding-inline: 16px 12px;
765      --badge-rectangle-padding-block: 4px;
766      --badge-rectangle-padding-inline: 10px;
767    }
768
769    /* Icons */
770    --icon-size-2xs: 0.6rem;
771    --icon-size-xs: 0.85rem;
772    --icon-size-sm: 1.25rem;
773    --icon-size-md: 1.375rem;
774    --icon-size-lg: 1.5rem;
775    --icon-stroke-width: 1px;
776
777    /* Input */
778    --input-email-min-width: 200px;
779    --input-search-max-width: 650px;
780    --input-padding-y: 0.8rem;
781    --input-padding-x: 0.8rem;
782    --input-padding: var(--input-padding-y) var(--input-padding-x);
783    --input-box-shadow-width: var(--style-border-width-inputs);
784    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
785    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
786    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
787    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
788    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
789    --input-textarea-min-height: 55px;
790
791    /* Button size */
792    --button-size-sm: 30px;
793    --button-size-md: 36px;
794    --button-size: var(--minimum-touch-target);
795    --button-padding-inline: 24px;
796    --button-padding-block: 16px;
797
798    /* Button font-family */
799    --button-font-family-primary: var(--font-body--family);
800    --button-font-family-secondary: var(--font-body--family);
801
802    /* Button text case */
803    --button-text-case: ;
804    --button-text-case-primary: uppercase;
805    --button-text-case-secondary: uppercase;
806
807    /* Borders */
808    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
809    --border-width-sm: 1px;
810    --border-width-md: 2px;
811    --border-width-lg: 5px;
812    --border-radius-sm: 0.25rem;
813
814    /* Drawers */
815    --drawer-inline-padding: 25px;
816    --drawer-menu-inline-padding: 2.5rem;
817    --drawer-header-block-padding: 20px;
818    --drawer-content-block-padding: 10px;
819    --drawer-header-desktop-top: 0rem;
820    --drawer-padding: calc(var(--padding-sm) + 7px);
821    --drawer-height: 100dvh;
822    --drawer-width: 95vw;
823    --drawer-max-width: 500px;
824
825    /* Variant Picker Swatches */
826    --variant-picker-swatch-width-unitless: 18;
827    --variant-picker-swatch-height-unitless: 18;
828    --variant-picker-swatch-width: 18px;
829    --variant-picker-swatch-height: 18px;
830    --variant-picker-swatch-radius: 0px;
831    --variant-picker-border-width: 1px;
832    --variant-picker-border-style: solid;
833    --variant-picker-border-opacity: 10%;
834
835    /* Variant Picker Buttons */
836    --variant-picker-button-radius: 16px;
837    --variant-picker-button-border-width: 1px;
838
839    /* Slideshow */
840    --slideshow-controls-size: 3.5rem;
841    --slideshow-controls-icon: 2rem;
842    --peek-next-slide-size: 3rem;
843
844    /* Utilities */
845    --backdrop-opacity: 0.15;
846    --backdrop-color-rgb: var(--color-shadow-rgb);
847    --minimum-touch-target: 44px;
848    --disabled-opacity: 0.5;
849    --skeleton-opacity: 0.025;
850
851    /* Shapes */
852    --shape--circle: circle(50% at center);
853    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
854    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
855    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
855% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
856
857    /* Buy buttons */
858    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
859
860    /* Card image width and height variables */
861    --card-width-small: 10rem;
862
863    --height-small: 10rem;
864    --height-medium: 11.5rem;
865    --height-large: 13rem;
866    --height-full: 100vh;
867
868    @media screen and (min-width: 750px) {
869      --height-small: 17.5rem;
870      --height-medium: 21.25rem;
871      --height-large: 25rem;
872    }
873
874    /* Modal */
875    --modal-max-height: 65dvh;
876
877    /* Card styles for search */
878    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
879    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
880    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
881
882    /* Cart */
883    --cart-primary-font-family: var(--font-body--family);
884    --cart-primary-font-style: var(--font-body--style);
885    --cart-primary-font-weight: var(--font-body--weight);
886    --cart-secondary-font-family: var(--font-primary--family);
887    --cart-secondary-font-style: var(--font-primary--style);
888    --cart-secondary-font-weight: var(--font-primary--weight);
889  }
890</style>
891<style data-shopify>
892  
893    
894      :root,
895    
896    
897    
898    .color-scheme-1 {
899        --color-background: rgb(255 255 255 / 0.79);
900        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
901        --color-background-rgb: 255 255 255;
902        --opacity-5-15: 0.05;
903        --opacity-10-25: 0.1;
904        --opacity-35-55: 0.35;
905        --opacity-40-60: 0.4;
906        --opacity-30-60: 0.3;
907        --color-foreground: rgb(0 0 0 / 1.0);
908        --color-foreground-rgb: 0 0 0;
909        --color-foreground-heading: rgb(0 0 0 / 1.0);
910        --color-foreground-heading-rgb: 0 0 0;
911        --color-primary: rgb(102 102 102 / 1.0);
912        --color-primary-rgb: 102 102 102;
913        --color-primary-hover: rgb(0 0 0 / 1.0);
914        --color-primary-hover-rgb: 0 0 0;
915        --color-border: rgb(230 230 230 / 1.0);
916        --color-border-rgb: 230 230 230;
917        --color-shadow: rgb(0 0 0 / 1.0);
918        --color-shadow-rgb: 0 0 0;
919        --color-primary-button-text: rgb(0 0 0 / 1.0);
920        --color-primary-button-background: rgb(223 209 192 / 1.0);
921        --color-primary-button-border: rgb(0 0 0 / 1.0);
922        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
923        --color-primary-button-hover-background: rgb(245 245 245 / 1.0);
924        --color-primary-button-hover-border: rgb(56 56 56 / 1.0);
925        --color-secondary-button-text: rgb(255 247 247 / 1.0);
926        --color-secondary-button-background: rgb(171 138 107 / 0.81);
927        --color-secondary-button-border: rgb(168 168 168 / 1.0);
928        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
929        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
930        --color-secondary-button-hover-border: rgb(222 222 222 / 1.0);
931        --color-input-background: rgb(255 255 255 / 1.0);
932        --color-input-text: rgb(0 0 0 / 1.0);
933        --color-input-text-rgb: 0 0 0;
934        --color-input-border: rgb(0 0 0 / 0.13);
935        --color-input-hover-background: rgb(245 245 245 / 1.0);
936        --color-variant-background: rgb(255 255 255 / 1.0);
937        --color-variant-border: rgb(230 230 230 / 1.0);
938        --color-variant-text: rgb(0 0 0 / 1.0);
939        --color-variant-text-rgb: 0 0 0;
940        --color-variant-hover-background: rgb(255 255 255 / 1.0);
941        --color-variant-hover-text: rgb(0 0 0 / 1.0);
942        --color-variant-hover-border: rgb(0 0 0 / 1.0);
943        --color-selected-variant-background: rgb(0 0 0 / 1.0);
944        --color-selected-variant-border: rgb(0 0 0 / 1.0);
945        --color-selected-variant-text: rgb(255 255 255 / 1.0);
946        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
947        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
948        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
949
950        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
951        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
952        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
953        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
954        --font-h1--color: var(--color-foreground-heading);
955        --font-h2--color: var(--color-foreground-heading);
956        --font-h3--color: var(--color-foreground-heading);
957        --font-h4--color: var(--color-foreground-heading);
958        --font-h5--color: var(--color-foreground-heading);
959        --font-h6--color: var(--color-foreground-heading);
960
961        /* Shadows */
962        
963        
964          --shadow-blur: 20px;
965          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
966        
967      }
968  
969    
970    
971    
972    .color-scheme-2 {
973        --color-background: rgb(255 255 255 / 1.0);
974        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
975        --color-background-rgb: 255 255 255;
976        --opacity-5-15: 0.05;
977        --opacity-10-25: 0.1;
978        --opacity-35-55: 0.35;
979        --opacity-40-60: 0.4;
980        --opacity-30-60: 0.3;
981        --color-foreground: rgb(0 0 0 / 1.0);
982        --color-foreground-rgb: 0 0 0;
983        --color-foreground-heading: rgb(0 0 0 / 1.0);
984        --color-foreground-heading-rgb: 0 0 0;
985        --color-primary: rgb(0 0 0 / 1.0);
986        --color-primary-rgb: 0 0 0;
987        --color-primary-hover: rgb(102 102 102 / 1.0);
988        --color-primary-hover-rgb: 102 102 102;
989        --color-border: rgb(0 0 0 / 0.11);
990        --color-border-rgb: 0 0 0;
991        --color-shadow: rgb(0 0 0 / 1.0);
992        --color-shadow-rgb: 0 0 0;
993        --color-primary-button-text: rgb(255 255 255 / 1.0);
994        --color-primary-button-background: rgb(0 0 0 / 1.0);
995        --color-primary-button-border: rgb(0 0 0 / 1.0);
996        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
997        --color-primary-button-hover-background: rgb(56 56 56 / 1.0);
998        --color-primary-button-hover-border: rgb(56 56 56 / 1.0);
999        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1000        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1001        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1002        --color-secondary-button-hover-text: rgb(56 56 56 / 1.0);
1003        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1004        --color-secondary-button-hover-border: rgb(56 56 56 / 1.0);
1005        --color-input-background: rgb(255 255 255 / 1.0);
1006        --color-input-text: rgb(0 0 0 / 1.0);
1007        --color-input-text-rgb: 0 0 0;
1008        --color-input-border: rgb(0 0 0 / 1.0);
1009        --color-input-hover-background: rgb(245 245 245 / 0.92);
1010        --color-variant-background: rgb(255 255 255 / 1.0);
1011        --color-variant-border: rgb(230 230 230 / 1.0);
1012        --color-variant-text: rgb(0 0 0 / 1.0);
1013        --color-variant-text-rgb: 0 0 0;
1014        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1015        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1016        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1017        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1018        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1019        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1020        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1021        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1022        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1023
1024        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1025        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1026        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1027        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1028        --font-h1--color: var(--color-foreground-heading);
1029        --font-h2--color: var(--color-foreground-heading);
1030        --font-h3--color: var(--color-foreground-heading);
1031        --font-h4--color: var(--color-foreground-heading);
1032        --font-h5--color: var(--color-foreground-heading);
1033        --font-h6--color: var(--color-foreground-heading);
1034
1035        /* Shadows */
1036        
1037        
1038          --shadow-blur: 20px;
1039          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1040        
1041      }
1042  
1043    
1044    
1045    
1046    .color-scheme-3 {
1047        --color-background: rgb(242 242 242 / 1.0);
1048        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1049        --color-background-rgb: 242 242 242;
1050        --opacity-5-15: 0.05;
1051        --opacity-10-25: 0.1;
1052        --opacity-35-55: 0.35;
1053        --opacity-40-60: 0.4;
1054        --opacity-30-60: 0.3;
1055        --color-foreground: rgb(0 0 0 / 1.0);
1056        --color-foreground-rgb: 0 0 0;
1057        --color-foreground-heading: rgb(0 0 0 / 1.0);
1058        --color-foreground-heading-rgb: 0 0 0;
1059        --color-primary: rgb(102 102 102 / 1.0);
1060        --color-primary-rgb: 102 102 102;
1061        --color-primary-hover: rgb(0 0 0 / 1.0);
1062        --color-primary-hover-rgb: 0 0 0;
1063        --color-border: rgb(208 208 208 / 1.0);
1064        --color-border-rgb: 208 208 208;
1065        --color-shadow: rgb(0 0 0 / 1.0);
1066        --color-shadow-rgb: 0 0 0;
1067        --color-primary-button-text: rgb(255 255 255 / 1.0);
1068        --color-primary-button-background: rgb(0 0 0 / 1.0);
1069        --color-primary-button-border: rgb(0 0 0 / 1.0);
1070        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1071        --color-primary-button-hover-background: rgb(56 56 56 / 1.0);
1072        --color-primary-button-hover-border: rgb(56 56 56 / 1.0);
1073        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1074        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1075        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1076        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1077        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1078        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1079        --color-input-background: rgb(255 255 255 / 1.0);
1080        --color-input-text: rgb(0 0 0 / 1.0);
1081        --color-input-text-rgb: 0 0 0;
1082        --color-input-border: rgb(0 0 0 / 1.0);
1083        --color-input-hover-background: rgb(245 245 245 / 1.0);
1084        --color-variant-background: rgb(255 255 255 / 1.0);
1085        --color-variant-border: rgb(230 230 230 / 1.0);
1086        --color-variant-text: rgb(0 0 0 / 1.0);
1087        --color-variant-text-rgb: 0 0 0;
1088        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1089        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1090        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1091        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1092        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1093        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1094        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1095        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1096        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1097
1098        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1099        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1100        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1101        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1102        --font-h1--color: var(--color-foreground-heading);
1103        --font-h2--color: var(--color-foreground-heading);
1104        --font-h3--color: var(--color-foreground-heading);
1105        --font-h4--color: var(--color-foreground-heading);
1106        --font-h5--color: var(--color-foreground-heading);
1107        --font-h6--color: var(--color-foreground-heading);
1108
1109        /* Shadows */
1110        
1111        
1112          --shadow-blur: 20px;
1113          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1114        
1115      }
1116  
1117    
1118    
1119    
1120    .color-scheme-4 {
1121        --color-background: rgb(59 44 39 / 1.0);
1122        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1123        --color-background-rgb: 59 44 39;
1124        --opacity-5-15: 0.15;
1125        --opacity-10-25: 0.25;
1126        --opacity-35-55: 0.55;
1127        --opacity-40-60: 0.6;
1128        --opacity-30-60: 0.6;
1129        --color-foreground: rgb(255 255 255 / 1.0);
1130        --color-foreground-rgb: 255 255 255;
1131        --color-foreground-heading: rgb(255 255 255 / 1.0);
1132        --color-foreground-heading-rgb: 255 255 255;
1133        --color-primary: rgb(255 255 255 / 1.0);
1134        --color-primary-rgb: 255 255 255;
1135        --color-primary-hover: rgb(0 0 0 / 1.0);
1136        --color-primary-hover-rgb: 0 0 0;
1137        --color-border: rgb(56 56 56 / 1.0);
1138        --color-border-rgb: 56 56 56;
1139        --color-shadow: rgb(0 0 0 / 1.0);
1140        --color-shadow-rgb: 0 0 0;
1141        --color-primary-button-text: rgb(56 56 56 / 1.0);
1142        --color-primary-button-background: rgb(255 255 255 / 1.0);
1143        --color-primary-button-border: rgb(255 255 255 / 1.0);
1144        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1145        --color-primary-button-hover-background: rgb(230 230 230 / 1.0);
1146        --color-primary-button-hover-border: rgb(230 230 230 / 1.0);
1147        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1148        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1149        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1150        --color-secondary-button-hover-text: rgb(222 222 222 / 1.0);
1151        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1152        --color-secondary-button-hover-border: rgb(222 222 222 / 1.0);
1153        --color-input-background: rgb(56 56 56 / 1.0);
1154        --color-input-text: rgb(255 255 255 / 1.0);
1155        --color-input-text-rgb: 255 255 255;
1156        --color-input-border: rgb(255 255 255 / 1.0);
1157        --color-input-hover-background: rgb(92 92 92 / 1.0);
1158        --color-variant-background: rgb(255 255 255 / 1.0);
1159        --color-variant-border: rgb(230 230 230 / 1.0);
1160        --color-variant-text: rgb(0 0 0 / 1.0);
1161        --color-variant-text-rgb: 0 0 0;
1162        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1163        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1164        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1165        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1166        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1167        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1168        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1169        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1170        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1171
1172        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1173        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1174        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1175        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1176        --font-h1--color: var(--color-foreground-heading);
1177        --font-h2--color: var(--color-foreground-heading);
1178        --font-h3--color: var(--color-foreground-heading);
1179        --font-h4--color: var(--color-foreground-heading);
1180        --font-h5--color: var(--color-foreground-heading);
1181        --font-h6--color: var(--color-foreground-heading);
1182
1183        /* Shadows */
1184        
1185        
1186          --shadow-blur: 20px;
1187          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1188        
1189      }
1190  
1191    
1192    
1193    
1194    .color-scheme-5 {
1195        --color-background: rgb(0 0 0 / 1.0);
1196        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1197        --color-background-rgb: 0 0 0;
1198        --opacity-5-15: 0.15;
1199        --opacity-10-25: 0.25;
1200        --opacity-35-55: 0.55;
1201        --opacity-40-60: 0.6;
1202        --opacity-30-60: 0.6;
1203        --color-foreground: rgb(255 255 255 / 1.0);
1204        --color-foreground-rgb: 255 255 255;
1205        --color-foreground-heading: rgb(255 255 255 / 1.0);
1206        --color-foreground-heading-rgb: 255 255 255;
1207        --color-primary: rgb(255 255 255 / 1.0);
1208        --color-primary-rgb: 255 255 255;
1209        --color-primary-hover: rgb(172 172 172 / 1.0);
1210        --color-primary-hover-rgb: 172 172 172;
1211        --color-border: rgb(102 102 102 / 1.0);
1212        --color-border-rgb: 102 102 102;
1213        --color-shadow: rgb(0 0 0 / 1.0);
1214        --color-shadow-rgb: 0 0 0;
1215        --color-primary-button-text: rgb(0 0 0 / 1.0);
1216        --color-primary-button-background: rgb(255 255 255 / 1.0);
1217        --color-primary-button-border: rgb(255 255 255 / 1.0);
1218        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1219        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
1220        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
1221        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1222        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1223        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1224        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
1225        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1226        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
1227        --color-input-background: rgb(0 0 0 / 1.0);
1228        --color-input-text: rgb(255 255 255 / 1.0);
1229        --color-input-text-rgb: 255 255 255;
1230        --color-input-border: rgb(255 255 255 / 1.0);
1231        --color-input-hover-background: rgb(24 24 24 / 1.0);
1232        --color-variant-background: rgb(255 255 255 / 1.0);
1233        --color-variant-border: rgb(230 230 230 / 1.0);
1234        --color-variant-text: rgb(0 0 0 / 1.0);
1235        --color-variant-text-rgb: 0 0 0;
1236        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1237        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1238        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1239        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1240        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1241        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1242        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1243        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1244        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1245
1246        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1247        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1248        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1249        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1250        --font-h1--color: var(--color-foreground-heading);
1251        --font-h2--color: var(--color-foreground-heading);
1252        --font-h3--color: var(--color-foreground-heading);
1253        --font-h4--color: var(--color-foreground-heading);
1254        --font-h5--color: var(--color-foreground-heading);
1255        --font-h6--color: var(--color-foreground-heading);
1256
1257        /* Shadows */
1258        
1259        
1260          --shadow-blur: 20px;
1261          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1262        
1263      }
1264  
1265    
1266    
1267    
1268    .color-scheme-6 {
1269        --color-background: rgb(0 0 0 / 0.0);
1270        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1271        --color-background-rgb: 0 0 0;
1272        --opacity-5-15: 0.15;
1273        --opacity-10-25: 0.25;
1274        --opacity-35-55: 0.55;
1275        --opacity-40-60: 0.6;
1276        --opacity-30-60: 0.6;
1277        --color-foreground: rgb(255 255 255 / 1.0);
1278        --color-foreground-rgb: 255 255 255;
1279        --color-foreground-heading: rgb(255 255 255 / 1.0);
1280        --color-foreground-heading-rgb: 255 255 255;
1281        --color-primary: rgb(255 255 255 / 1.0);
1282        --color-primary-rgb: 255 255 255;
1283        --color-primary-hover: rgb(172 172 172 / 1.0);
1284        --color-primary-hover-rgb: 172 172 172;
1285        --color-border: rgb(0 0 0 / 0.0);
1286        --color-border-rgb: 0 0 0;
1287        --color-shadow: rgb(0 0 0 / 0.0);
1288        --color-shadow-rgb: 0 0 0;
1289        --color-primary-button-text: rgb(0 0 0 / 1.0);
1290        --color-primary-button-background: rgb(255 255 255 / 1.0);
1291        --color-primary-button-border: rgb(255 255 255 / 1.0);
1292        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1293        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
1294        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
1295        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1296        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1297        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1298        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
1299        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1300        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
1301        --color-inpu
1301t-background: rgb(255 255 255 / 1.0);
1302        --color-input-text: rgb(0 0 0 / 1.0);
1303        --color-input-text-rgb: 0 0 0;
1304        --color-input-border: rgb(0 0 0 / 1.0);
1305        --color-input-hover-background: rgb(245 245 245 / 1.0);
1306        --color-variant-background: rgb(255 255 255 / 1.0);
1307        --color-variant-border: rgb(230 230 230 / 1.0);
1308        --color-variant-text: rgb(0 0 0 / 1.0);
1309        --color-variant-text-rgb: 0 0 0;
1310        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1311        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1312        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1313        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1314        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1315        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1316        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1317        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1318        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1319
1320        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1321        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1322        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1323        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1324        --font-h1--color: var(--color-foreground-heading);
1325        --font-h2--color: var(--color-foreground-heading);
1326        --font-h3--color: var(--color-foreground-heading);
1327        --font-h4--color: var(--color-foreground-heading);
1328        --font-h5--color: var(--color-foreground-heading);
1329        --font-h6--color: var(--color-foreground-heading);
1330
1331        /* Shadows */
1332        
1333        
1334          --shadow-blur: 20px;
1335          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1336        
1337      }
1338  
1339    
1340    
1341    
1342    .color-scheme-6f7f2b3b-ccf0-4a4d-a072-be866dca53c4 {
1343        --color-background: rgb(255 255 255 / 1.0);
1344        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1345        --color-background-rgb: 255 255 255;
1346        --opacity-5-15: 0.05;
1347        --opacity-10-25: 0.1;
1348        --opacity-35-55: 0.35;
1349        --opacity-40-60: 0.4;
1350        --opacity-30-60: 0.3;
1351        --color-foreground: rgb(0 0 0 / 1.0);
1352        --color-foreground-rgb: 0 0 0;
1353        --color-foreground-heading: rgb(0 0 0 / 1.0);
1354        --color-foreground-heading-rgb: 0 0 0;
1355        --color-primary: rgb(102 102 102 / 1.0);
1356        --color-primary-rgb: 102 102 102;
1357        --color-primary-hover: rgb(0 0 0 / 1.0);
1358        --color-primary-hover-rgb: 0 0 0;
1359        --color-border: rgb(230 230 230 / 1.0);
1360        --color-border-rgb: 230 230 230;
1361        --color-shadow: rgb(0 0 0 / 1.0);
1362        --color-shadow-rgb: 0 0 0;
1363        --color-primary-button-text: rgb(255 255 255 / 1.0);
1364        --color-primary-button-background: rgb(0 0 0 / 1.0);
1365        --color-primary-button-border: rgb(0 0 0 / 1.0);
1366        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1367        --color-primary-button-hover-background: rgb(56 56 56 / 1.0);
1368        --color-primary-button-hover-border: rgb(56 56 56 / 1.0);
1369        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1370        --color-secondary-button-background: rgb(239 239 239 / 1.0);
1371        --color-secondary-button-border: rgb(239 239 239 / 1.0);
1372        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1373        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
1374        --color-secondary-button-hover-border: rgb(222 222 222 / 1.0);
1375        --color-input-background: rgb(255 255 255 / 1.0);
1376        --color-input-text: rgb(0 0 0 / 1.0);
1377        --color-input-text-rgb: 0 0 0;
1378        --color-input-border: rgb(0 0 0 / 0.13);
1379        --color-input-hover-background: rgb(245 245 245 / 1.0);
1380        --color-variant-background: rgb(255 255 255 / 1.0);
1381        --color-variant-border: rgb(230 230 230 / 1.0);
1382        --color-variant-text: rgb(0 0 0 / 1.0);
1383        --color-variant-text-rgb: 0 0 0;
1384        --color-variant-hover-background: rgb(255 255 255 / 1.0);
1385        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1386        --color-variant-hover-border: rgb(0 0 0 / 1.0);
1387        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1388        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1389        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1390        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1391        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1392        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1393
1394        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1395        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1396        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1397        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1398        --font-h1--color: var(--color-foreground-heading);
1399        --font-h2--color: var(--color-foreground-heading);
1400        --font-h3--color: var(--color-foreground-heading);
1401        --font-h4--color: var(--color-foreground-heading);
1402        --font-h5--color: var(--color-foreground-heading);
1403        --font-h6--color: var(--color-foreground-heading);
1404
1405        /* Shadows */
1406        
1407        
1408          --shadow-blur: 20px;
1409          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1410        
1411      }
1412  
1413    
1414    
1415    
1416    .color-scheme-d98ddb8a-aae3-4e7d-895c-c2347570cc28 {
1417        --color-background: rgb(250 249 246 / 1.0);
1418        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1419        --color-background-rgb: 250 249 246;
1420        --opacity-5-15: 0.05;
1421        --opacity-10-25: 0.1;
1422        --opacity-35-55: 0.35;
1423        --opacity-40-60: 0.4;
1424        --opacity-30-60: 0.3;
1425        --color-foreground: rgb(0 0 0 / 1.0);
1426        --color-foreground-rgb: 0 0 0;
1427        --color-foreground-heading: rgb(0 0 0 / 1.0);
1428        --color-foreground-heading-rgb: 0 0 0;
1429        --color-primary: rgb(102 102 102 / 1.0);
1430        --color-primary-rgb: 102 102 102;
1431        --color-primary-hover: rgb(255 255 255 / 1.0);
1432        --color-primary-hover-rgb: 255 255 255;
1433        --color-border: rgb(230 230 230 / 1.0);
1434        --color-border-rgb: 230 230 230;
1435        --color-shadow: rgb(0 0 0 / 1.0);
1436        --color-shadow-rgb: 0 0 0;
1437        --color-primary-button-text: rgb(0 0 0 / 1.0);
1438        --color-primary-button-background: rgb(223 209 192 / 1.0);
1439        --color-primary-button-border: rgb(0 0 0 / 1.0);
1440        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1441        --color-primary-button-hover-background: rgb(245 245 245 / 1.0);
1442        --color-primary-button-hover-border: rgb(56 56 56 / 1.0);
1443        --color-secondary-button-text: rgb(255 247 247 / 1.0);
1444        --color-secondary-button-background: rgb(0 0 0 / 1.0);
1445        --color-secondary-button-border: rgb(168 168 168 / 1.0);
1446        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1447        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
1448        --color-secondary-button-hover-border: rgb(222 222 222 / 1.0);
1449        --color-input-background: rgb(255 255 255 / 1.0);
1450        --color-input-text: rgb(0 0 0 / 1.0);
1451        --color-input-text-rgb: 0 0 0;
1452        --color-input-border: rgb(0 0 0 / 0.13);
1453        --color-input-hover-background: rgb(245 245 245 / 1.0);
1454        --color-variant-background: rgb(223 209 192 / 1.0);
1455        --color-variant-border: rgb(230 230 230 / 1.0);
1456        --color-variant-text: rgb(0 0 0 / 1.0);
1457        --color-variant-text-rgb: 0 0 0;
1458        --color-variant-hover-background: rgb(255 255 255 / 1.0);
1459        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1460        --color-variant-hover-border: rgb(0 0 0 / 1.0);
1461        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1462        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1463        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1464        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1465        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1466        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1467
1468        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1469        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1470        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1471        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1472        --font-h1--color: var(--color-foreground-heading);
1473        --font-h2--color: var(--color-foreground-heading);
1474        --font-h3--color: var(--color-foreground-heading);
1475        --font-h4--color: var(--color-foreground-heading);
1476        --font-h5--color: var(--color-foreground-heading);
1477        --font-h6--color: var(--color-foreground-heading);
1478
1479        /* Shadows */
1480        
1481        
1482          --shadow-blur: 20px;
1483          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1484        
1485      }
1486  
1487    
1488    
1489    
1490    .color-scheme-b0736b15-ac43-4682-9cc7-09e77c83b351 {
1491        --color-background: rgb(255 255 255 / 1.0);
1492        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1493        --color-background-rgb: 255 255 255;
1494        --opacity-5-15: 0.05;
1495        --opacity-10-25: 0.1;
1496        --opacity-35-55: 0.35;
1497        --opacity-40-60: 0.4;
1498        --opacity-30-60: 0.3;
1499        --color-foreground: rgb(0 0 0 / 1.0);
1500        --color-foreground-rgb: 0 0 0;
1501        --color-foreground-heading: rgb(0 0 0 / 1.0);
1502        --color-foreground-heading-rgb: 0 0 0;
1503        --color-primary: rgb(102 102 102 / 1.0);
1504        --color-primary-rgb: 102 102 102;
1505        --color-primary-hover: rgb(0 0 0 / 1.0);
1506        --color-primary-hover-rgb: 0 0 0;
1507        --color-border: rgb(230 230 230 / 1.0);
1508        --color-border-rgb: 230 230 230;
1509        --color-shadow: rgb(0 0 0 / 1.0);
1510        --color-shadow-rgb: 0 0 0;
1511        --color-primary-button-text: rgb(0 0 0 / 1.0);
1512        --color-primary-button-background: rgb(255 255 255 / 1.0);
1513        --color-primary-button-border: rgb(0 0 0 / 1.0);
1514        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1515        --color-primary-button-hover-background: rgb(245 245 245 / 1.0);
1516        --color-primary-button-hover-border: rgb(56 56 56 / 1.0);
1517        --color-secondary-button-text: rgb(255 247 247 / 1.0);
1518        --color-secondary-button-background: rgb(0 0 0 / 1.0);
1519        --color-secondary-button-border: rgb(168 168 168 / 1.0);
1520        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1521        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
1522        --color-secondary-button-hover-border: rgb(222 222 222 / 1.0);
1523        --color-input-background: rgb(255 255 255 / 1.0);
1524        --color-input-text: rgb(0 0 0 / 1.0);
1525        --color-input-text-rgb: 0 0 0;
1526        --color-input-border: rgb(0 0 0 / 0.13);
1527        --color-input-hover-background: rgb(245 245 245 / 1.0);
1528        --color-variant-background: rgb(255 255 255 / 1.0);
1529        --color-variant-border: rgb(230 230 230 / 1.0);
1530        --color-variant-text: rgb(0 0 0 / 1.0);
1531        --color-variant-text-rgb: 0 0 0;
1532        --color-variant-hover-background: rgb(255 255 255 / 1.0);
1533        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1534        --color-variant-hover-border: rgb(0 0 0 / 1.0);
1535        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1536        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1537        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1538        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1539        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1540        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1541
1542        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1543        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1544        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1545        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1546        --font-h1--color: var(--color-foreground-heading);
1547        --font-h2--color: var(--color-foreground-heading);
1548        --font-h3--color: var(--color-foreground-heading);
1549        --font-h4--color: var(--color-foreground-heading);
1550        --font-h5--color: var(--color-foreground-heading);
1551        --font-h6--color: var(--color-foreground-heading);
1552
1553        /* Shadows */
1554        
1555        
1556          --shadow-blur: 20px;
1557          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1558        
1559      }
1560  
1561
1562  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-6f7f2b3b-ccf0-4a4d-a072-be866dca53c4, .color-scheme-d98ddb8a-aae3-4e7d-895c-c2347570cc28, .color-scheme-b0736b15-ac43-4682-9cc7-09e77c83b351 {
1563    color: var(--color-foreground);
1564    background-color: var(--color-background);
1565  }
1566</style>
1567
1568
1569    
1569<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1569<meta name="google-site-verification" content="Dkr943LMtWPvsGXwG7euOPNjAvi-OL4mP0GyUK5kbkE">
1570<meta name="google-site-verification" content="Dkr943LMtWPvsGXwG7euOPNjAvi-OL4mP0GyUK5kbkE">
1571<meta name="facebook-domain-verification" content="ymi0y6xw8g8gcqbnxygami0cbo3ze8">
1572<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/44420890784/digital_wallets/dialog">
1573<meta id="in-context-paypal-metadata" data-shop-id="44420890784" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
1574<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
1574<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
1574
1575<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1576<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=44420890784" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1576
1576
1577<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":44420890784,"countryCode":"CA","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/44420890784","merchantName":"SOL KYST","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","discover","amex","interac","jcb"],"total":{"type":"pending","label":"SOL KYST","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1577
1577
1578<script id="shopify-features" type="application/json">{"accessToken":"9f245df03ff32e921924482f39bdd391","betas":["rich-media-storefront-analytics"],"domain":"www.solkyst.ca","predictiveSearch":true,"shopId":44420890784,"locale":"en"}</script>
vendor: 1 bytes, line 1578
1578
1579<script>var Shopify = Shopify || {};
1580Shopify.shop = "mv-suns-kiss.myshopify.com";
1581Shopify.locale = "en";
1582Shopify.currency = {"active":"USD","rate":"0.700604"};
1583Shopify.country = "US";
1584Shopify.theme = {"name":"NEW STORE DESIGN APRIL 2026","id":196046848160,"schema_name":"Atelier","schema_version":"3.2.1","theme_store_id":3621,"role":"main"};
1585Shopify.theme.handle = "null";
1586Shopify.theme.style = {"id":null,"handle":null};
1587Shopify.cdnHost = "www.solkyst.ca/cdn";
1588Shopify.routes = Shopify.routes || {};
1589Shopify.routes.root = "/";
1590Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1591Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1592Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1593Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1593
1593
1594<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1594
1594
1595<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 1595
1595
1596<script>
1597  window.ShopifyPay = window.ShopifyPay || {};
1598  window.ShopifyPay.apiHost = "shop.app\/pay";
1599  window.ShopifyPay.redirectState = null;
1600</script>
vendor: 1 bytes, line 1600
1600
1601<script>
1602  window.Shopify = window.Shopify || {};
1603  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1604  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1605  window.Shopify.SignInWithShop.eligible = true;
1606</script>
vendor: 1 bytes, line 1606
1606
1607<script id="shop-js-analytics" type="application/json">{"pageType":"search"}</script>
vendor: 1 bytes, line 1607
1607
1608<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 1608
1608
1609<script type="module">
1610  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1611
1612  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1613
1614</script>
vendor: 1 bytes, line 1614
1614
1615<script>
1616  window.Shopify = window.Shopify || {};
1617  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1618  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
1619</script>
vendor: 1 bytes, line 1619
1619
1620<script>(function() {
1621  var isLoaded = false;
1622  function asyncLoad() {
1623    if (isLoaded) return;
1624    isLoaded = true;
1625    var urls = ["\/\/shopify.privy.com\/widget.js?shop=mv-suns-kiss.myshopify.com","https:\/\/tabs.stationmade.com\/registered-scripts\/tabs-by-station.js?shop=mv-suns-kiss.myshopify.com","https:\/\/js.smile.io\/v1\/smile-shopify.js?shop=mv-suns-kiss.myshopify.com","https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/62ff94ccf6a6037cddc6f16b9\/c8b9d9d90cbd766f4a5bf41a8.js?shop=mv-suns-kiss.myshopify.com","https:\/\/swift.perfectapps.io\/store\/assets\/dist\/js\/main.min.js?v=1_1643595206\u0026shop=mv-suns-kiss.myshopify.com","https:\/\/cdn-bundler.nice-team.net\/app\/js\/bundler.js?shop=mv-suns-kiss.myshopify.com","https:\/\/cdn.routeapp.io\/route-widget-shopify\/v2\/route-widget-shopify-stable-v2.min.js?shop=mv-suns-kiss.myshopify.com","https:\/\/sdks.automizely.com\/recommendations\/v1\/pz-recommendations.umd.js?connection_id=49f9d703215c51ed6959fd13d5ed1a39_v1\u0026org_id=af210aa1b91bcd472cc9a5a6f6321b2b_v1\u0026app_key=mv-suns-kiss\u0026app_name=personalization\u0026shop=mv-suns-kiss.myshopify.com","https:\/\/cdn.nfcube.com\/instafeed-0a498338662dd3e7377fafb9bb555623.js?shop=mv-suns-kiss.myshopify.com","https:\/\/cdn.shopify.com\/s\/files\/1\/0444\/2089\/0784\/t\/8\/assets\/globo.preorder.init.js?v=1661557437\u0026shop=mv-suns-kiss.myshopify.com","https:\/\/loox.io\/widget\/E1bCfU17hq\/loox.1703979210989.js?shop=mv-suns-kiss.myshopify.com","https:\/\/static.shareasale.com\/json\/shopify\/shareasale-tracking.js?sasmid=152911\u0026ssmtid=19038\u0026shop=mv-suns-kiss.myshopify.com","https:\/\/admin.revenuehunt.com\/embed.js?shop=mv-suns-kiss.myshopify.com","https:\/\/cdn.hextom.com\/js\/freeshippingbar.js?shop=mv-suns-kiss.myshopify.com","https:\/\/sdk.postscript.io\/sdk-script-loader.bundle.js?shopId=360151\u0026shop=mv-suns-kiss.myshopify.com"];
1626    for (var i = 0; i < urls.length; i++) {
1627      var s = document.createElement('script');
1628      s.type = 'text/javascript';
1629      s.async = true;
1630      s.src = urls[i];
1631      var x = document.getElementsByTagName('script')[0];
1632      x.parentNode.insertBefore(s, x);
1633    }
1634  };
1635  if(window.attachEvent) {
1636    window.attachEvent('onload', asyncLoad);
1637  } else {
1638    window.addEventListener('load', asyncLoad, false);
1639  }
1640})();</script>
vendor: 1 bytes, line 1640
1640
1641<script id="__st">var __st={"a":44420890784,"offset":-14400,"reqid":"d16f5870-3f7d-4699-9b8f-36c6bc0ae562-1791378406","pageurl":"www.solkyst.ca\/search","u":"7a89ebbbb8ea","p":"searchresults"};</script>
vendor: 1 bytes, line 1641
1641
1642<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1642
1642
1643<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 1643
1643
1644<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.solkyst.ca/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1644
1644
1645<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 = "//www.solkyst.ca/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>
1645<script crossorigin="anonymous" defer="defer" src="//www.solkyst.ca/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
vendor: 1 bytes, line 1645
1645
1646<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 1646
1646
1647<script>
1648  window.Shopify = window.Shopify || {};
1649  window.Shopify.MCP = window.Shopify.MCP || {};
1650  window.Shopify.MCP.enabled = true;
1651  window.Shopify.MCP.shop = "mv-suns-kiss.myshopify.com";
1652  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.solkyst.ca\/api\/mcp";
1653  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?\"\nSet policy_types to also get the store's written policies (full text and URL).\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."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
1654</script>
vendor: 1 bytes, line 1654
1654
1655<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("\/\/www.solkyst.ca\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1656</script>
vendor: 1 bytes, line 1656
1656
1657<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://www.solkyst.ca/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1658</script>
vendor: 1 bytes, line 1658
1658
1659<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1660  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);
1661</script>
vendor: 1 bytes, line 1661
1661
1662<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})}}));
1663</script>
vendor: 1 bytes, line 1663
1663
1664<script id='scb4127' type='text/javascript' async='' src='https://www.solkyst.ca/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1664<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.solkyst.ca/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1665<style id="shopify-accelerated-checkout-cart">
1666        #shopify-buyer-consent {
1667  margin-top: 1em;
1668  display: inline-block;
1669  width: 100%;
1670}
1671
1672#shopify-buyer-consent.hidden {
1673  display: none;
1674}
1675
1676#shopify-subscription-policy-button {
1677  background: none;
1678  border: none;
1679  padding: 0;
1680  text-decoration: underline;
1681  font-size: inherit;
1682  cursor: pointer;
1683}
1684
1685#shopify-subscription-policy-button::before {
1686  box-shadow: none;
1687}
1688
1689      </style>
1690<link rel="stylesheet" media="screen" href="//www.solkyst.ca/cdn/shop/t/38/compiled_assets/styles.css?v=42774976719756011091786043093">
1691<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1691
1692  <!-- BEGIN app block: shopify://apps/geo-pro-geolocation/blocks/geopro/16fc5313-7aee-4e90-ac95-f50fc7c8b657 --><!-- This snippet is used to load Geo:Pro data on the storefront -->
1693<meta class='geo-ip' content='eyJwYXJhbWV0ZXJzIjp7ImxheW91dC1zZWxlY3RvciI6InRvcCIsInBlcm1hbmVudC1yZWRpcmVjdCI6MCwicG9wdXBfZGVsYXkiOiIwIiwiZG9tYWluc19saXN0Ijp0cnVlLCJzdG9yZV90aXRsZSI6IlNPTCBLWVNUIiwicmVkaXJlY3RfdGV4dCI6Ikl0IHNlZW1zIHlvdSYjMzlyZSBpbiAlQ09VTlRSWSUuIFJlZGlyZWN0IHRvICVTVE9SRU5BTUUlPyIsInllcyI6IlllcywgcGxlYXNlIiwibm8iOiJObywgdGhhbmtzIiwiYmFja2dyb3VuZC1jb2xvciI6ImZmZmZmZiIsInRleHQtY29sb3IiOiIwMDAwMDAiLCJ5ZXMtYmFja2dyb3VuZC1jb2xvciI6IjAwMDAwMCIsInllcy10ZXh0LWNvbG9yIjoiZmZmZmZmIiwibm8tYmFja2dyb3VuZC1jb2xvciI6Ijg4ODg4OCIsIm5vLXRleHQtY29sb3IiOiJmZmZmZmYiLCJsb2NhbGl6YXRpb24iOltdLCJvd25lcl9pcCI6Ijc2LjcxLjUyLjQ1Iiwib3duZXJfaXBfbW9kZSI6dHJ1ZSwic2hvd19wb3B1cF9mb3Jfc2FtZV93ZWJzaXRlIjpmYWxzZSwiaGlkZV90aGVfbm9fYnV0dG9uIjpmYWxzZSwiZGlzYWJsZWRfc3RhdGUiOmZhbHNlLCJsYXN0X2VtYmVkZGVkX2F0IjoiMjAyNi0wNi0wMiAxODoxMjo0MCJ9LCJydWxlc0xpc3QiOltdfQ=='>
1694<!-- This snippet initializes the plugin -->
1695<script async data-geopro-shop="mv-suns-kiss.myshopify.com" data-geopro-design-mode="false" data-geopro-tracking-env="production">
1696  // geopro loading script
1697  !function(){function e(e,t,n){try{if("function"!=typeof fetch)return;if("undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.indexOf("Baiduspider")>=0)return;var o="https://aa4cacd33be28673d7e69be559ce7ad7@o4506196830715904.ingest.us.sentry.io/4507550373445632",i=o.match(/^https:\/\/([^@]+)@([^/]+)\/(.+)$/),r={message:e,level:"error",environment:"production",transaction:location.href,user:{id:window.Shopify&&window.Shopify.shop?window.Shopify.shop:"unknown",ip_address:String.fromCharCode(123,123)+"auto"+String.fromCharCode(125,125)},extra:n||{},logger:"GeoProInline",exception:{type:t&&t.name?t.name:"Error",value:t&&t.message?t.message:String(t)}};fetch("https://"+i[2]+"/api/"+i[3]+"/envelope/?sentry_key="+i[1],{method:"POST",body:JSON.stringify({dsn:o,sent_at:(new Date).toISOString(),event_id:Math.random().toString(16).slice(2)})+'\n{"type":"event"}\n'+JSON.stringify(r)+"\n",headers:{"Content-Type":"text/plain"},keepalive:!0,referrerPolicy:"no-referrer",mode:"no-cors"}).catch((function(){}))}catch(e){}}function t(){window.geopro_cancel="1"}!function(){try{if(window.geopro_inline_tracking)return;var e=document.currentScript,t=e&&e.getAttribute("data-geopro-shop")||window.Shopify&&window.Shopify.shop;if(!t||!/^[a-z0-9][a-z0-9-]*\.myshopify\.com$/.test(t))return;if(/(^|\.)shopifypreview\.com$/.test(location.hostname))return;if(e&&"true"===e.getAttribute("data-geopro-design-mode")||window.Shopify&&window.Shopify.designMode)return;var n=new Date,o=new Date(n.getFullYear(),n.getMonth(),n.getDate()),i=new Date(n.getFullYear(),n.getMonth(),n.getDate()+1),r=function(e){return e<10?"0"+e:String(e)},a=n.getFullYear()+"-"+r(n.getMonth()+1)+"-"+r(n.getDate()),s="geoip-inline-"+(e&&"staging"===e.getAttribute("data-geopro-tracking-env")?"staging-":"")+t;function c(){try{for(var e=document.cookie.split(";"),t=0;t<e.length;t++){var n=e[t].trim();if(0===n.indexOf(s+"="))return JSON.parse(decodeURIComponent(n.slice(s.length+1)))}}catch(e){}return null}function d(e){try{document.cookie=s+"="+encodeURIComponent(JSON.stringify(e))+"; Path=/; SameSite=Lax; Expires="+i.toUTCString()+("https:"===location.protocol?"; Secure":"");var t=c();return!!t&&t.id===e.id&&t.day===e.day&&t.sent===e.sent}catch(e){return!1}}var f=c();if(!f||!/^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(f.id)||f.day!==a||f.start!==o.getTime()/1e3||f.end!==i.getTime()/1e3||"boolean"!=typeof f.sent||"number"!=typeof f.time||f.time<f.start||f.time>=f.end){var p="undefined"!=typeof crypto&&"function"==typeof crypto.randomUUID?crypto.randomUUID():"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)}));f={id:p,day:a,start:o.getTime()/1e3,end:i.getTime()/1e3,time:Math.floor(n.getTime()/1e3),sent:!1}}f.id=f.id.toLowerCase();var u=d(f),g={id:f.id,localDate:a,cookieAvailable:u,version:1};if(window.geopro_inline_tracking=g,f.sent||"function"!=typeof fetch)return;fetch("/apps/easylocation/api/inline-visit",{method:"POST",headers:{"Content-Type":"text/plain"},credentials:"same-origin",mode:"same-origin",redirect:"error",keepalive:!0,referrerPolicy:"no-referrer",body:JSON.stringify({myshopifyDomain:t,trackingId:f.id,localDate:a,dayStart:f.start,dayEnd:f.end,clientTime:f.time,pageHost:location.host,cookieAvailable:u,version:1})}).then((function(e){if(204===e.status&&!e.redirected){var t=c();Date.now()<i.getTime()&&t&&t.id===f.id&&t.day===a&&(t.sent=!0,d(t))}})).catch((function(){}))}catch(l){}}();try{!function(){function n(n){try{if(!n||"success"!==n.message)return void t();window.geopro_inline_location_response=n}catch(o){e("GeoPro inline runtime error",o,{phase:"callback",response:n}),t()}}var o="/apps/easylocation/geo?x-api-key=91e359ab7-2b63-539e-1de2-c4bf731367a7",i=new XMLHttpRequest;i.open("GET",o,!0),i.responseType="json",i.timeout=5e3;var r=!1;function a(t){r||(r=!0,e("GeoPro inline XHR failed",new Error("XHR request failed: "+t),{url:o,eventType:t,status:i.status,readyState:i.readyState,timeout:i.timeout,responseURL:i.responseURL||null}),n(null))}i.onload=function(){if(200===i.status)return r=!0,void n(i.response);a("load")},i.onerror=function(){a("error")},i.ontimeout=function(){a("timeout")},i.onabort=function(){a("abort")},i.send()}()}catch(n){e("GeoPro inline runtime error",n,{phase:"load"}),t()}}();
1698</script>
vendor: 1 bytes, line 1698
1698
1699<script src="https://cdn.shopify.com/extensions/01a1129f-2258-786a-ae32-1c387b0ff2bc/easylocation-287/assets/easylocation-storefront.min.js" type="text/javascript" async></script>
1699
1700
1701
1702<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
1703<script type="text/javascript">
1704  (function (c, l, a, r, i, t, y) {
1705    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
1706    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
1707    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
1708
1709    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
1710      if (error) {
1711        console.error("Error loading Shopify features:", error);
1712        return;
1713      }
1714
1715      c[a]('consentv2', {
1716        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
1717        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
1718        source: 101,
1719      });
1720    });
1721
1722    l.addEventListener("visitorConsentCollected", function (e) {
1723      c[a]('consentv2', {
1724        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
1725        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
1726        source: 101,
1727      });
1728    });
1729  })(window, document, "clarity", "script", "xr27xtuhr9");
1730</script>
1730
1731
1732
1733
1734<!-- END app block --><!-- BEGIN app block: shopify://apps/redo/blocks/redo_app_embed/c613644b-6df4-4d11-b336-43a5c06745a1 --><!-- BEGIN app snippet: env -->
1735
1736<script>
1737  if (typeof process === "undefined") {
1738    process = {};
1739  }
1740  process.env ??= {};
1741  process.env.AMPLITUDE_API_KEY = "b5eacb35b49c693d959231826b35f7ca";
1742  process.env.REDO_API_URL = "https://shopify-cdn.getredo.com";
1743  process.env.REDO_CHAT_WIDGET_URL = "https://chat-widget.getredo.com";
1744  process.env.REDO_RETURN_APP_URL = "https://returns.getredo.com";
1745  process.env.REDO_SHOPIFY_SERVER_URL = "https://shopify-server.getredo.com";
1746
1747  if (typeof window.redoStorefront === "undefined") {
1748    window.redoStorefront = {
1749      type: "shopify"
1750    };
1751  }
1752  window.redoStorefront.env ??= {};
1753  window.redoStorefront.env.AMPLITUDE_API_KEY = "b5eacb35b49c693d959231826b35f7ca";
1754  window.redoStorefront.env.REDO_API_URL = "https://shopify-cdn.getredo.com";
1755  window.redoStorefront.env.REDO_CHAT_WIDGET_URL = "https://chat-widget.getredo.com";
1756  window.redoStorefront.env.REDO_RETURN_APP_URL = "https://returns.getredo.com";
1757  window.redoStorefront.env.REDO_SHOPIFY_SERVER_URL = "https://shopify-server.getredo.com";
1758
1759  // Shopper's active language/country, from Shopify's Liquid localization
1760  // object. Read via getStorefrontLocale(); blanks mean unavailable.
1761  window.redoStorefront.locale = {
1762    language: "en",
1763    country: "US"
1764  };
1765
1766  // Folder our bundle was served from. Webpack's "auto" publicPath guesses this by
1767  // grabbing the last 
1767<script> on the page, which may pick a stranger's folder.
1768  window.redoStorefront.assetBase =
1769    "https://cdn.shopify.com/extensions/01a0f826-ba91-7674-85e0-557ca0fea2f7/redo-v2.30786/assets/main.js".split(/[?#]/)[0].replace(/\/[^/]+$/, "/");
1770</script>
vendor: 1 bytes, line 1770
1770
1771<script>
1772try {
1773  if (typeof window.redoStorefrontStaging === "undefined") {
1774    window.redoStorefrontStaging = {
1775      type: "shopify",
1776      storeUrl: "mv-suns-kiss.myshopify.com",
1777      shopify: {
1778        customDomain: "www.solkyst.ca",
1779        permanentDomain: "mv-suns-kiss.myshopify.com"
1780      }
1781    };
1782  }
1783} catch {}
1784</script>
1784<!-- END app snippet -->
1785<script>
1786  (function() {
1787    const parts = navigator.userAgent.split(" ").map(part => btoa(part)).join("").replace(/=/g, "").toLowerCase();
1788    if (!parts.includes("2hyb21lluxpz2h0ag91c2") && !parts.includes("w90bwzwcg93zxikdiwmjipk")) {
1789      const script = document.createElement("script");
1790      script.async = true;
1791      script.src = "https://cdn.shopify.com/extensions/01a0f826-ba91-7674-85e0-557ca0fea2f7/redo-v2.30786/assets/main.js";
1792      document.head.appendChild(script);
1793    }
1794  })();
1795</script>
1795
1796
1797<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/brandAgents_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
1798
1799
1800
1801<script type="text/javascript">
1802  (function(d){
1803      var s = d.createElement('script');
1804      s.async = true;
1805      s.src = "https://adsagentclientafd-b7hqhjdrf3fpeqh2.b01.azurefd.net/frontendInjection.js";
1806      var firstScript = d.getElementsByTagName('script')[0];
1807      firstScript.parentNode.insertBefore(s, firstScript);
1808  })(document);
1809</script>
1809
1810
1811
1812
1813<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
1814
1815
1816
1817
1818
1819
1820
1821
1822
1823
1824
1825
1826  
1826<script async src="https://static.klaviyo.com/onsite/js/Yh6N8Y/klaviyo.js?company_id=Yh6N8Y"></script>
1826
1827  
1827<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
1827
1828
1829  
1830
1831
1832
1833
1834  
1834<script>
1835    window.klaviyoReviewsProductDesignMode = false
1836  </script>
1836
1837
1838
1839
1840  <!-- BEGIN app snippet: customer-hub-data -->
1840<script>
1841  if (!window.customerHub) {
1842    window.customerHub = {};
1843  }
1844  window.customerHub.storefrontRoutes = {
1845    login: "https://www.solkyst.ca/customer_authentication/redirect?locale=en&region_country=US?return_url=%2F%23k-hub",
1846    register: "https://shopify.com/44420890784/account?locale=en&region_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJtdi1zdW5zLWtpc3MubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkxOTgzMjA3LCJuYmYiOjE3OTEzNzg0MDd9.0YYG8A7_PY_7Tch8WkNfef1gOh-ahCH5I2kaL3OuSkI?return_url=%2F%23k-hub",
1847    logout: "/account/logout",
1848    profile: "/account",
1849    addresses: "/account/addresses",
1850  };
1851  
1852  window.customerHub.userId = null;
1853  
1854  window.customerHub.storeDomain = "mv-suns-kiss.myshopify.com";
1855
1856  
1857
1858  
1859    window.customerHub.storeLocale = {
1860        currentLanguage: 'en',
1861        currentCountry: 'US',
1862        availableLanguages: [
1863          
1864            {
1865              iso_code: 'en',
1866              endonym_name: 'English'
1867            }
1868          
1869        ],
1870        availableCountries: [
1871          
1872            {
1873              iso_code: 'AF',
1874              name: 'Afghanistan',
1875              currency_code: 'AFN'
1876            },
1877          
1878            {
1879              iso_code: 'AX',
1880              name: 'Åland Islands',
1881              currency_code: 'EUR'
1882            },
1883          
1884            {
1885              iso_code: 'AL',
1886              name: 'Albania',
1887              currency_code: 'ALL'
1888            },
1889          
1890            {
1891              iso_code: 'DZ',
1892              name: 'Algeria',
1893              currency_code: 'DZD'
1894            },
1895          
1896            {
1897              iso_code: 'AD',
1898              name: 'Andorra',
1899              currency_code: 'EUR'
1900            },
1901          
1902            {
1903              iso_code: 'AO',
1904              name: 'Angola',
1905              currency_code: 'CAD'
1906            },
1907          
1908            {
1909              iso_code: 'AI',
1910              name: 'Anguilla',
1911              currency_code: 'XCD'
1912            },
1913          
1914            {
1915              iso_code: 'AG',
1916              name: 'Antigua &amp; Barbuda',
1917              currency_code: 'XCD'
1918            },
1919          
1920            {
1921              iso_code: 'AR',
1922              name: 'Argentina',
1923              currency_code: 'CAD'
1924            },
1925          
1926            {
1927              iso_code: 'AM',
1928              name: 'Armenia',
1929              currency_code: 'AMD'
1930            },
1931          
1932            {
1933              iso_code: 'AW',
1934              name: 'Aruba',
1935              currency_code: 'AWG'
1936            },
1937          
1938            {
1939              iso_code: 'AC',
1940              name: 'Ascension Island',
1941              currency_code: 'SHP'
1942            },
1943          
1944            {
1945              iso_code: 'AU',
1946              name: 'Australia',
1947              currency_code: 'AUD'
1948            },
1949          
1950            {
1951              iso_code: 'AT',
1952              name: 'Austria',
1953              currency_code: 'EUR'
1954            },
1955          
1956            {
1957              iso_code: 'AZ',
1958              name: 'Azerbaijan',
1959              currency_code: 'AZN'
1960            },
1961          
1962            {
1963              iso_code: 'BS',
1964              name: 'Bahamas',
1965              currency_code: 'BSD'
1966            },
1967          
1968            {
1969              iso_code: 'BH',
1970              name: 'Bahrain',
1971              currency_code: 'CAD'
1972            },
1973          
1974            {
1975              iso_code: 'BD',
1976              name: 'Bangladesh',
1977              currency_code: 'BDT'
1978            },
1979          
1980            {
1981              iso_code: 'BB',
1982              name: 'Barbados',
1983              currency_code: 'BBD'
1984            },
1985          
1986            {
1987              iso_code: 'BY',
1988              name: 'Belarus',
1989              currency_code: 'CAD'
1990            },
1991          
1992            {
1993              iso_code: 'BE',
1994              name: 'Belgium',
1995              currency_code: 'EUR'
1996            },
1997          
1998            {
1999              iso_code: 'BZ',
2000              name: 'Belize',
2001              currency_code: 'BZD'
2002            },
2003          
2004            {
2005              iso_code: 'BJ',
2006              name: 'Benin',
2007              currency_code: 'XOF'
2008            },
2009          
2010            {
2011              iso_code: 'BM',
2012              name: 'Bermuda',
2013              currency_code: 'USD'
2014            },
2015          
2016            {
2017              iso_code: 'BT',
2018              name: 'Bhutan',
2019              currency_code: 'CAD'
2020            },
2021          
2022            {
2023              iso_code: 'BO',
2024              name: 'Bolivia',
2025              currency_code: 'BOB'
2026            },
2027          
2028            {
2029              iso_code: 'BA',
2030              name: 'Bosnia &amp; Herzegovina',
2031              currency_code: 'BAM'
2032            },
2033          
2034            {
2035              iso_code: 'BW',
2036              name: 'Botswana',
2037              currency_code: 'BWP'
2038            },
2039          
2040            {
2041              iso_code: 'BR',
2042              name: 'Brazil',
2043              currency_code: 'CAD'
2044            },
2045          
2046            {
2047              iso_code: 'IO',
2048              name: 'British Indian Ocean Territory',
2049              currency_code: 'USD'
2050            },
2051          
2052            {
2053              iso_code: 'VG',
2054              name: 'British Virgin Islands',
2055              currency_code: 'USD'
2056            },
2057          
2058            {
2059              iso_code: 'BN',
2060              name: 'Brunei',
2061              currency_code: 'BND'
2062            },
2063          
2064            {
2065              iso_code: 'BG',
2066              name: 'Bulgaria',
2067              currency_code: 'EUR'
2068            },
2069          
2070            {
2071              iso_code: 'BF',
2072              name: 'Burkina Faso',
2073              currency_code: 'XOF'
2074            },
2075          
2076            {
2077              iso_code: 'BI',
2078              name: 'Burundi',
2079              currency_code: 'BIF'
2080            },
2081          
2082            {
2083              iso_code: 'KH',
2084              name: 'Cambodia',
2085              currency_code: 'KHR'
2086            },
2087          
2088            {
2089              iso_code: 'CM',
2090              name: 'Cameroon',
2091              currency_code: 'XAF'
2092            },
2093          
2094            {
2095              iso_code: 'CA',
2096              name: 'Canada',
2097              currency_code: 'CAD'
2098            },
2099          
2100            {
2101              iso_code: 'CV',
2102              name: 'Cape Verde',
2103              currency_code: 'CVE'
2104            },
2105          
2106            {
2107              iso_code: 'BQ',
2108              name: 'Caribbean Netherlands',
2109              currency_code: 'USD'
2110            },
2111          
2112            {
2113              iso_code: 'KY',
2114              name: 'Cayman Islands',
2115              currency_code: 'KYD'
2116            },
2117          
2118            {
2119              iso_code: 'CF',
2120              name: 'Central African Republic',
2121              currency_code: 'XAF'
2122            },
2123          
2124            {
2125              iso_code: 'TD',
2126              name: 'Chad',
2127              currency_code: 'XAF'
2128            },
2129          
2130            {
2131              iso_code: 'CL',
2132              name: 'Chile',
2133              currency_code: 'CAD'
2134            },
2135          
2136            {
2137              iso_code: 'CN',
2138              name: 'China',
2139              currency_code: 'CNY'
2140            },
2141          
2142            {
2143              iso_code: 'CX',
2144              name: 'Christmas Island',
2145              currency_code: 'AUD'
2146            },
2147          
2148            {
2149              iso_code: 'CC',
2150              name: 'Cocos (Keeling) Islands',
2151              currency_code: 'AUD'
2152            },
2153          
2154            {
2155              iso_code: 'CO',
2156              name: 'Colombia',
2157              currency_code: 'CAD'
2158            },
2159          
2160            {
2161              iso_code: 'KM',
2162              name: 'Comoros',
2163              currency_code: 'KMF'
2164            },
2165          
2166            {
2167              iso_code: 'CG',
2168              name: 'Congo - Brazzaville',
2169              currency_code: 'XAF'
2170            },
2171          
2172            {
2173              iso_code: 'CD',
2174              name: 'Congo - Kinshasa',
2175              currency_code: 'CDF'
2176            },
2177          
2178            {
2179              iso_code: 'CK',
2180              name: 'Cook Islands',
2181              currency_code: 'NZD'
2182            },
2183          
2184            {
2185              iso_code: 'CR',
2186              name: 'Costa Rica',
2187              currency_code: 'CRC'
2188            },
2189          
2190            {
2191              iso_code: 'CI',
2192              name: 'Côte d’Ivoire',
2193              currency_code: 'XOF'
2194            },
2195          
2196            {
2197              iso_code: 'HR',
2198              name: 'Croatia',
2199              currency_code: 'EUR'
2200            },
2201          
2202            {
2203              iso_code: 'CW',
2204              name: 'Curaçao',
2205              currency_code: 'ANG'
2206            },
2207          
2208            {
2209              iso_code: 'CY',
2210              name: 'Cyprus',
2211              currency_code: 'EUR'
2212            },
2213          
2214            {
2215              iso_code: 'CZ',
2216              name: 'Czechia',
2217              currency_code: 'CZK'
2218            },
2219          
2220            {
2221              iso_code: 'DK',
2222              name: 'Denmark',
2223              currency_code: 'DKK'
2224            },
2225          
2226            {
2227              iso_code: 'DJ',
2228              name: 'Djibouti',
2229              currency_code: 'DJF'
2230            },
2231          
2232            {
2233              iso_code: 'DM',
2234              name: 'Dominica',
2235              currency_code: 'XCD'
2236            },
2237          
2238            {
2239              iso_code: 'DO',
2240              name: 'Dominican Republic',
2241              currency_code: 'DOP'
2242            },
2243          
2244            {
2245              iso_code: 'EC',
2246              name: 'Ecuador',
2247              currency_code: 'USD'
2248            },
2249          
2250            {
2251              iso_code: 'EG',
2252              name: 'Egypt',
2253              currency_code: 'EGP'
2254            },
2255          
2256            {
2257              iso_code: 'SV',
2258              name: 'El Salvador',
2259              currency_code: 'USD'
2260            },
2261          
2262            {
2263              iso_code: 'GQ',
2264              name: 'Equatorial Guinea',
2265              currency_code: 'XAF'
2266            },
2267          
2268            {
2269              iso_code: 'ER',
2270              name: 'Eritrea',
2271              currency_code: 'CAD'
2272            },
2273          
2274            {
2275              iso_code: 'EE',
2276              name: 'Estonia',
2277              currency_code: 'EUR'
2278            },
2279          
2280            {
2281              iso_code: 'SZ',
2282              name: 'Eswatini',
2283              currency_code: 'CAD'
2284            },
2285          
2286            {
2287              iso_code: 'ET',
2288              name: 'Ethiopia',
2289              currency_code: 'ETB'
2290            },
2291          
2292            {
2293              iso_code: 'FK',
2294              name: 'Falkland Islands',
2295              currency_code: 'FKP'
2296            },
2297          
2298            {
2299              iso_code: 'FO',
2300              name: 'Faroe Islands',
2301              currency_code: 'DKK'
2302            },
2303          
2304            {
2305              iso_code: 'FJ',
2306              name: 'Fiji',
2307              currency_code: 'FJD'
2308            },
2309          
2310            {
2311              iso_code: 'FI',
2312              name: 'Finland',
2313              currency_code: 'EUR'
2314            },
2315          
2316            {
2317              iso_code: 'FR',
2318              name: 'France',
2319              currency_code: 'EUR'
2320            },
2321          
2322            {
2323              iso_code: 'GF',
2324              name: 'French Guiana',
2325              currency_code: 'EUR'
2326            },
2327          
2328            {
2329              iso_code: 'PF',
2330              name: 'French Polynesia',
2331              currency_code: 'XPF'
2332            },
2333          
2334            {
2335              iso_code: 'TF',
2336              name: 'French Southern Territories',
2337              currency_code: 'EUR'
2338            },
2339          
2340            {
2341              iso_code: 'GA',
2342              name: 'Gabon',
2343              currency_code: 'XOF'
2344            },
2345          
2346            {
2347              iso_code: 'GM',
2348              name: 'Gambia',
2349              currency_code: 'GMD'
2350            },
2351          
2352            {
2353              iso_code: 'GE',
2354              name: 'Georgia',
2355              currency_code: 'CAD'
2356            },
2357          
2358            {
2359              iso_code: 'DE',
2360              name: 'Germany',
2361              currency_code: 'EUR'
2362            },
2363          
2364            {
2365              iso_code: 'GH',
2366              name: 'Ghana',
2367              currency_code: 'CAD'
2368            },
2369          
2370            {
2371              iso_code: 'GI',
2372              name: 'Gibraltar',
2373              currency_code: 'GBP'
2374            },
2375          
2376            {
2377              iso_code: 'GR',
2378              name: 'Greece',
2379              currency_code: 'EUR'
2380            },
2381          
2382            {
2383              iso_code: 'GL',
2384              name: 'Greenland',
2385              currency_code: 'DKK'
2386            },
2387          
2388            {
2389              iso_code: 'GD',
2390              name: 'Grenada',
2391              currency_code: 'XCD'
2392            },
2393          
2394            {
2395              iso_code: 'GP',
2396              name: 'Guadeloupe',
2397              currency_code: 'EUR'
2398            },
2399          
2400            {
2401              iso_code: 'GT',
2402              name: 'Guatemala',
2403              currency_code: 'GTQ'
2404            },
2405          
2406            {
2407              iso_code: 'GG',
2408              name: 'Guernsey',
2409              currency_code: 'GBP'
2410            },
2411          
2412            {
2413              iso_code: 'GN',
2414              name: 'Guinea',
2415              currency_code: 'GNF'
2416            },
2417          
2418            {
2419              iso_code: 'GW',
2420              name: 'Guinea-Bissau',
2421              currency_code: 'XOF'
2422            },
2423          
2424            {
2425              iso_code: 'GY',
2426              name: 'Guyana',
2427              currency_code: 'GYD'
2428            },
2429          
2430            {
2431              iso_code: 'HT',
2432              name: 'Haiti',
2433              currency_code: 'CAD'
2434            },
2435          
2436            {
2437              iso_code: 'HN',
2438              name: 'Honduras',
2439              currency_code: 'HNL'
2440            },
2441          
2442            {
2443              iso_code: 'HK',
2444              name: 'Hong Kong SAR',
2445              currency_code: 'HKD'
2446            },
2447          
2448            {
2449              iso_code: 'HU',
2450              name: 'Hungary',
2451              currency_code: 'HUF'
2452            },
2453          
2454            {
2455              iso_code: 'IS',
2456              name: 'Iceland',
2457              currency_code: 'ISK'
2458            },
2459          
2460            {
2461              iso_code: 'IN',
2462              name: 'India',
2463              currency_code: 'INR'
2464            },
2465          
2466            {
2467              iso_code: 'ID',
2468              name: 'Indonesia',
2469              currency_code: 'IDR'
2470            },
2471          
2472            {
2473              iso_code: 'IQ',
2474              name: 'Iraq',
2475              currency_code: 'CAD'
2476            },
2477          
2478            {
2479              iso_code: 'IE',
2480              name: 'Ireland',
2481              currency_code: 'EUR'
2482            },
2483          
2484            {
2485              iso_code: 'IM',
2486              name: 'Isle of Man',
2487              currency_code: 'GBP'
2488            },
2489          
2490            {
2491              iso_code: 'IL',
2492              name: 'Israel',
2493              currency_code: 'ILS'
2494            },
2495          
2496            {
2497              iso_code: 'IT',
2498              name: 'Italy',
2499              currency_code: 'EUR'
2500            },
2501          
2502            {
2503              iso_code: 'JM',
2504              name: 'Jamaica',
2505              currency_code: 'JMD'
2506            },
2507          
2508            {
2509              iso_code: 'JP',
2510              name: 'Japan',
2511              currency_code: 'JPY'
2512            },
2513          
2514            {
2515              iso_code: 'JE',
2516              name: 'Jersey',
2517              currency_code: 'CAD'
2518            },
2519          
2520            {
2521              iso_code: 'JO',
2522              name: 'Jordan',
2523              currency_code: 'CAD'
2524            },
2525          
2526            {
2527              iso_code: 'KZ',
2528              name: 'Kazakhstan',
2529              currency_code: 'KZT'
2530            },
2531          
2532            {
2533              iso_code: 'KE',
2534              name: 'Kenya',
2535              currency_code: 'KES'
2536            },
2537          
2538            {
2539              iso_code: 'KI',
2540              name: 'Kiribati',
2541              currency_code: 'CAD'
2542            },
2543          
2544            {
2545              iso_code: 'XK',
2546              name: 'Kosovo',
2547              currency_code: 'EUR'
2548            },
2549          
2550            {
2551              iso_code: 'KW',
2552              name: 'Kuwait',
2553              currency_code: 'CAD'
2554            },
2555          
2556            {
2557              iso_code: 'KG',
2558              name: 'Kyrgyzstan',
2559              currency_code: 'KGS'
2560            },
2561          
2562            {
2563              iso_code: 'LA',
2564              name: 'Laos',
2565              currency_code: 'LAK'
2566            },
2567          
2568            {
2569              iso_code: 'LV',
2570              name: 'Latvia',
2571              currency_code: 'EUR'
2572            },
2573          
2574            {
2575              iso_code: 'LB',
2576              name: 'Lebanon',
2577              currency_code: 'LBP'
2578            },
2579          
2580            {
2581              iso_code: 'LS',
2582              name: 'Lesotho',
2583              currency_code: 'CAD'
2584            },
2585          
2586            {
2587              iso_code: 'LR',
2588              name: 'Liberia',
2589              currency_code: 'CAD'
2590            },
2591          
2592            {
2593              iso_code: 'LY',
2594              name: 'Libya',
2595              currency_code: 'CAD'
2596            },
2597          
2598            {
2599              iso_code: 'LI',
2600              name: 'Liechtenstein',
2601              currency_code: 'CHF'
2602            },
2603          
2604            {
2605              iso_code: 'LT',
2606              name: 'Lithuania',
2607              currency_code: 'EUR'
2608            },
2609          
2610            {
2611              iso_code: 'LU',
2612              name: 'Luxembourg',
2613              currency_code: 'EUR'
2614            },
2615          
2616            {
2617              iso_code: 'MO',
2618              name: 'Macao SAR',
2619              currency_code: 'MOP'
2620            },
2621          
2622            {
2623              iso_code: 'MG',
2624              name: 'Madagascar',
2625              currency_code: 'CAD'
2626            },
2627          
2628            {
2629              iso_code: 'MW',
2630              name: 'Malawi',
2631              currency_code: 'MWK'
2632            },
2633          
2634            {
2635              iso_code: 'MY',
2636              name: 'Malaysia',
2637              currency_code: 'MYR'
2638            },
2639          
2640            {
2641              iso_code: 'MV',
2642              name: 'Maldives',
2643              currency_code: 'MVR'
2644            },
2645          
2646            {
2647              iso_code: 'ML',
2648              name: 'Mali',
2649              currency_code: 'XOF'
2650            },
2651          
2652            {
2653              iso_code: 'MT',
2654              name: 'Malta',
2655              currency_code: 'EUR'
2656            },
2657          
2658            {
2659              iso_code: 'MQ',
2660              name: 'Martinique',
2661              currency_code: 'EUR'
2662            },
2663          
2664            {
2665              iso_code: 'MR',
2666              name: 'Mauritania',
2667              currency_code: 'CAD'
2668            },
2669          
2670            {
2671              iso_code: 'MU',
2672              name: 'Mauritius',
2673              currency_code: 'MUR'
2674            },
2675          
2676            {
2677              iso_code: 'YT',
2678              name: 'Mayotte',
2679              currency_code: 'EUR'
2680            },
2681          
2682            {
2683              iso_code: 'MX',
2684              name: 'Mexico',
2685              currency_code: 'CAD'
2686            },
2687          
2688            {
2689              iso_code: 'MD',
2690              name: 'Moldova',
2691              currency_code: 'MDL'
2692            },
2693          
2694            {
2695              iso_code: 'MC',
2696              name: 'Monaco',
2697              currency_code: 'EUR'
2698            },
2699          
2700            {
2701              iso_code: 'MN',
2702              name: 'Mongolia',
2703              currency_code: 'MNT'
2704            },
2705          
2706            {
2707              iso_code: 'ME',
2708              name: 'Montenegro',
2709              currency_code: 'EUR'
2710            },
2711          
2712            {
2713              iso_code: 'MS',
2714              name: 'Montserrat',
2715              currency_code: 'XCD'
2716            },
2717          
2718            {
2719              iso_code: 'MA',
2720              name: 'Morocco',
2721              currency_code: 'MAD'
2722            },
2723          
2724            {
2725              iso_code: 'MZ',
2726              name: 'Mozambique',
2727              currency_code: 'CAD'
2728            },
2729          
2730            {
2731              iso_code: 'MM',
2732              name: 'Myanmar (Burma)',
2733              currency_code: 'MMK'
2734            },
2735          
2736            {
2737              iso_code: 'NA',
2738              name: 'Namibia',
2739              currency_code: 'CAD'
2740            },
2741          
2742            {
2743              iso_code: 'NR',
2744              name: 'Nauru',
2745              currency_code: 'AUD'
2746            },
2747          
2748            {
2749              iso_code: 'NP',
2750              name: 'Nepal',
2751              currency_code: 'NPR'
2752            },
2753          
2754            {
2755              iso_code: 'NL',
2756              name: 'Netherlands',
2757              currency_code: 'EUR'
2758            },
2759          
2760            {
2761              iso_code: 'NC',
2762              name: 'New Caledonia',
2763              currency_code: 'XPF'
2764            },
2765          
2766            {
2767              iso_code: 'NZ',
2768              name: 'New Zealand',
2769              currency_code: 'NZD'
2770            },
2771          
2772            {
2773              iso_code: 'NI',
2774              name: 'Nicaragua',
2775              currency_code: 'NIO'
2776            },
2777          
2778            {
2779              iso_code: 'NE',
2780              name: 'Niger',
2781              currency_code: 'XOF'
2782            },
2783          
2784            {
2785              iso_code: 'NG',
2786              name: 'Nigeria',
2787              currency_code: 'NGN'
2788            },
2789          
2790            {
2791              iso_code: 'NU',
2792              name: 'Niue',
2793              currency_code: 'NZD'
2794            },
2795          
2796            {
2797              iso_code: 'NF',
2798              name: 'Norfolk Island',
2799              currency_code: 'AUD'
2800            },
2801          
2802            {
2803              iso_code: 'MK',
2804              name: 'North Macedonia',
2805              currency_code: 'MKD'
2806            },
2807          
2808            {
2809              iso_code: 'NO',
2810              name: 'Norway',
2811              currency_code: 'NOK'
2812            },
2813          
2814            {
2815              iso_code: 'OM',
2816              name: 'Oman',
2817              currency_code: 'CAD'
2818            },
2819          
2820            {
2821              iso_code: 'PK',
2822              name: 'Pakistan',
2823              currency_code: 'PKR'
2824            },
2825          
2826            {
2827              iso_code: 'PS',
2828              name: 'Palestinian Territories',
2829              currency_code: 'ILS'
2830            },
2831          
2832            {
2833              iso_code: 'PA',
2834              name: 'Panama',
2835              currency_code: 'USD'
2836            },
2837          
2838            {
2839              iso_code: 'PG',
2840              name: 'Papua New Guinea',
2841              currency_code: 'PGK'
2842            },
2843          
2844            {
2845              iso_code: 'PY',
2846              name: 'Paraguay',
2847              currency_code: 'PYG'
2848            },
2849          
2850            {
2851              iso_code: 'PE',
2852              name: 'Peru',
2853              currency_code: 'PEN'
2854            },
2855          
2856            {
2857              iso_code: 'PH',
2858              name: 'Philippines',
2859              currency_code: 'PHP'
2860            },
2861          
2862            {
2863              iso_code: 'PN',
2864              name: 'Pitcairn Islands',
2865              currency_code: 'NZD'
2866            },
2867          
2868            {
2869              iso_code: 'PL',
2870              name: 'Poland',
2871              currency_code: 'PLN'
2872            },
2873          
2874            {
2875              iso_code: 'PT',
2876              name: 'Portugal',
2877              currency_code: 'EUR'
2878            },
2879          
2880            {
2881              iso_code: 'QA',
2882              name: 'Qatar',
2883              currency_code: 'QAR'
2884            },
2885          
2886            {
2887              iso_code: 'RE',
2888              name: 'Réunion',
2889              currency_code: 'EUR'
2890            },
2891          
2892            {
2893              iso_code: 'RO',
2894              name: 'Romania',
2895              currency_code: 'RON'
2896            },
2897          
2898            {
2899              iso_code: 'RU',
2900              name: 'Russia',
2901              currency_code: 'CAD'
2902            },
2903          
2904            {
2905              iso_code: 'RW',
2906              name: 'Rwanda',
2907              currency_code: 'RWF'
2908            },
2909          
2910            {
2911              iso_code: 'WS',
2912              name: 'Samoa',
2913              currency_code: 'WST'
2914            },
2915          
2916            {
2917              iso_code: 'SM',
2918              name: 'San Marino',
2919              currency_code: 'EUR'
2920            },
2921          
2922            {
2923              iso_code: 'ST',
2924              name: 'São Tomé &amp; Príncipe',
2925              currency_code: 'STD'
2926            },
2927          
2928            {
2929              iso_code: 'SA',
2930              name: 'Saudi Arabia',
2931              currency_code: 'SAR'
2932            },
2933          
2934            {
2935              iso_code: 'SN',
2936              name: 'Senegal',
2937              currency_code: 'XOF'
2938            },
2939          
2940            {
2941              iso_code: 'RS',
2942              name: 'Serbia',
2943              currency_code: 'RSD'
2944            },
2945          
2946            {
2947              iso_code: 'SC',
2948              name: 'Seychelles',
2949              currency_code: 'CAD'
2950            },
2951          
2952            {
2953              iso_code: 'SL',
2954              name: 'Sierra Leone',
2955              currency_code: 'SLL'
2956            },
2957          
2958            {
2959              iso_code: 'SG',
2960              name: 'Singapore',
2961              currency_code: 'SGD'
2962            },
2963          
2964            {
2965              iso_code: 'SX',
2966              name: 'Sint Maarten',
2967              currency_code: 'ANG'
2968            },
2969          
2970            {
2971              iso_code: 'SK',
2972              name: 'Slovakia',
2973              currency_code: 'EUR'
2974            },
2975          
2976            {
2977              iso_code: 'SI',
2978              name: 'Slovenia',
2979              currency_code: 'EUR'
2980            },
2981          
2982            {
2983              iso_code: 'SB',
2984              name: 'Solomon Islands',
2985              currency_code: 'SBD'
2986            },
2987          
2988            {
2989              iso_code: 'SO',
2990              name: 'Somalia',
2991              currency_code: 'CAD'
2992            },
2993          
2994            {
2995              iso_code: 'ZA',
2996              name: 'South Africa',
2997              currency_code: 'CAD'
2998            },
2999          
3000            {
3001              iso_code: 'GS',
3002              name: 'South Georgia &amp; South Sandwich Islands',
3003              currency_code: 'GBP'
3004            },
3005          
3006            {
3007              iso_code: 'KR',
3008              name: 'South Korea',
3009              currency_code: 'KRW'
3010            },
3011          
3012            {
3013              iso_code: 'SS',
3014              name: 'South Sudan',
3015              currency_code: 'CAD'
3016            },
3017          
3018            {
3019              iso_code: 'ES',
3020              name: 'Spain',
3021              currency_code: 'EUR'
3022            },
3023          
3024            {
3025              iso_code: 'LK',
3026              name: 'Sri Lanka',
3027              currency_code: 'LKR'
3028            },
3029          
3030            {
3031              iso_code: 'BL',
3032              name: 'St. Barthélemy',
3033              currency_code: 'EUR'
3034            },
3035          
3036            {
3037              iso_code: 'SH',
3038              name: 'St. Helena',
3039              currency_code: 'SHP'
3040            },
3041          
3042            {
3043              iso_code: 'KN',
3044              name: 'St. Kitts &amp; Nevis',
3045              currency_code: 'XCD'
3046            },
3047          
3048            {
3049              iso_code: 'LC',
3050              name: 'St. Lucia',
3051              currency_code: 'XCD'
3052            },
3053          
3054            {
3055              iso_code: 'MF',
3056              name: 'St. Martin',
3057              currency_code: 'EUR'
3058            },
3059          
3060            {
3061              iso_code: 'PM',
3062              name: 'St. Pierre &amp; Miquelon',
3063              currency_code: 'EUR'
3064 
3064           },
3065          
3066            {
3067              iso_code: 'VC',
3068              name: 'St. Vincent &amp; Grenadines',
3069              currency_code: 'XCD'
3070            },
3071          
3072            {
3073              iso_code: 'SD',
3074              name: 'Sudan',
3075              currency_code: 'CAD'
3076            },
3077          
3078            {
3079              iso_code: 'SR',
3080              name: 'Suriname',
3081              currency_code: 'CAD'
3082            },
3083          
3084            {
3085              iso_code: 'SJ',
3086              name: 'Svalbard &amp; Jan Mayen',
3087              currency_code: 'NOK'
3088            },
3089          
3090            {
3091              iso_code: 'SE',
3092              name: 'Sweden',
3093              currency_code: 'SEK'
3094            },
3095          
3096            {
3097              iso_code: 'CH',
3098              name: 'Switzerland',
3099              currency_code: 'CHF'
3100            },
3101          
3102            {
3103              iso_code: 'TW',
3104              name: 'Taiwan',
3105              currency_code: 'TWD'
3106            },
3107          
3108            {
3109              iso_code: 'TJ',
3110              name: 'Tajikistan',
3111              currency_code: 'TJS'
3112            },
3113          
3114            {
3115              iso_code: 'TZ',
3116              name: 'Tanzania',
3117              currency_code: 'TZS'
3118            },
3119          
3120            {
3121              iso_code: 'TH',
3122              name: 'Thailand',
3123              currency_code: 'THB'
3124            },
3125          
3126            {
3127              iso_code: 'TL',
3128              name: 'Timor-Leste',
3129              currency_code: 'USD'
3130            },
3131          
3132            {
3133              iso_code: 'TG',
3134              name: 'Togo',
3135              currency_code: 'XOF'
3136            },
3137          
3138            {
3139              iso_code: 'TK',
3140              name: 'Tokelau',
3141              currency_code: 'NZD'
3142            },
3143          
3144            {
3145              iso_code: 'TO',
3146              name: 'Tonga',
3147              currency_code: 'TOP'
3148            },
3149          
3150            {
3151              iso_code: 'TT',
3152              name: 'Trinidad &amp; Tobago',
3153              currency_code: 'TTD'
3154            },
3155          
3156            {
3157              iso_code: 'TA',
3158              name: 'Tristan da Cunha',
3159              currency_code: 'GBP'
3160            },
3161          
3162            {
3163              iso_code: 'TN',
3164              name: 'Tunisia',
3165              currency_code: 'CAD'
3166            },
3167          
3168            {
3169              iso_code: 'TR',
3170              name: 'Türkiye',
3171              currency_code: 'CAD'
3172            },
3173          
3174            {
3175              iso_code: 'TM',
3176              name: 'Turkmenistan',
3177              currency_code: 'CAD'
3178            },
3179          
3180            {
3181              iso_code: 'TC',
3182              name: 'Turks &amp; Caicos Islands',
3183              currency_code: 'USD'
3184            },
3185          
3186            {
3187              iso_code: 'TV',
3188              name: 'Tuvalu',
3189              currency_code: 'AUD'
3190            },
3191          
3192            {
3193              iso_code: 'UM',
3194              name: 'U.S. Outlying Islands',
3195              currency_code: 'USD'
3196            },
3197          
3198            {
3199              iso_code: 'UG',
3200              name: 'Uganda',
3201              currency_code: 'UGX'
3202            },
3203          
3204            {
3205              iso_code: 'UA',
3206              name: 'Ukraine',
3207              currency_code: 'UAH'
3208            },
3209          
3210            {
3211              iso_code: 'AE',
3212              name: 'United Arab Emirates',
3213              currency_code: 'AED'
3214            },
3215          
3216            {
3217              iso_code: 'GB',
3218              name: 'United Kingdom',
3219              currency_code: 'GBP'
3220            },
3221          
3222            {
3223              iso_code: 'US',
3224              name: 'United States',
3225              currency_code: 'USD'
3226            },
3227          
3228            {
3229              iso_code: 'UY',
3230              name: 'Uruguay',
3231              currency_code: 'UYU'
3232            },
3233          
3234            {
3235              iso_code: 'UZ',
3236              name: 'Uzbekistan',
3237              currency_code: 'UZS'
3238            },
3239          
3240            {
3241              iso_code: 'VU',
3242              name: 'Vanuatu',
3243              currency_code: 'VUV'
3244            },
3245          
3246            {
3247              iso_code: 'VA',
3248              name: 'Vatican City',
3249              currency_code: 'EUR'
3250            },
3251          
3252            {
3253              iso_code: 'VE',
3254              name: 'Venezuela',
3255              currency_code: 'USD'
3256            },
3257          
3258            {
3259              iso_code: 'VN',
3260              name: 'Vietnam',
3261              currency_code: 'VND'
3262            },
3263          
3264            {
3265              iso_code: 'WF',
3266              name: 'Wallis &amp; Futuna',
3267              currency_code: 'XPF'
3268            },
3269          
3270            {
3271              iso_code: 'EH',
3272              name: 'Western Sahara',
3273              currency_code: 'MAD'
3274            },
3275          
3276            {
3277              iso_code: 'YE',
3278              name: 'Yemen',
3279              currency_code: 'YER'
3280            },
3281          
3282            {
3283              iso_code: 'ZM',
3284              name: 'Zambia',
3285              currency_code: 'CAD'
3286            },
3287          
3288            {
3289              iso_code: 'ZW',
3290              name: 'Zimbabwe',
3291              currency_code: 'USD'
3292            }
3293          
3294        ]
3295    };
3296  
3297</script>
3297
3298<!-- END app snippet -->
3299
3300
3301
3302  <!-- BEGIN app snippet: customer-hub-replace-links -->
3303<script>
3304  function replaceAccountLinks() {
3305    const selector =
3306      'a[href$="/account/login"], a[href$="/account"], a[href^="https://shopify.com/"][href*="/account"], a[href*="/customer_identity/redirect"], a[href*="/customer_authentication/redirect"], a[href$="/account';
3307    const accountLinksNodes = document.querySelectorAll(selector);
3308    for (const node of accountLinksNodes) {
3309      const ignore = node.dataset.kHubIgnore !== undefined && node.dataset.kHubIgnore !== 'false';
3310      if (!ignore) {
3311        // Any login links to Shopify's account system, point them at the customer hub instead.
3312        node.href = '#k-hub';
3313        /**
3314         * There are some themes which apply a page transition on every click of an anchor tag (usually a fade-out) that's supposed to be faded back in when the next page loads.
3315         * However, since clicking the k-hub link doesn't trigger a page load, the page gets stuck on a blank screen.
3316         * Luckily, these themes usually have a className you can add to links to skip the transition.
3317         * Let's hope that all such themes are consistent/copy each other and just proactively add those classNames when we replace the link.
3318         **/
3319        node.classList.add('no-transition', 'js-no-transition');
3320      }
3321    }
3322  }
3323
3324  
3325    if (document.readyState === 'complete') {
3326      replaceAccountLinks();
3327    } else {
3328      const controller = new AbortController();
3329      document.addEventListener(
3330        'readystatechange',
3331        () => {
3332          replaceAccountLinks(); // try to replace links both during `interactive` state and `complete` state
3333          if (document.readyState === 'complete') {
3334            // readystatechange can fire with "complete" multiple times per page load, so make sure we're not duplicating effort
3335            // by removing the listener afterwards.
3336            controller.abort();
3337          }
3338        },
3339        { signal: controller.signal },
3340      );
3341    }
3342  
3343</script>
3343
3344<!-- END app snippet -->
3345
3346
3347
3348
3349
3350<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
3351<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: 44420890784,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "search"};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 3351
3351
3352<script>
3353  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
3354</script>
vendor: 1 bytes, line 3354
3354
3355<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}
3355).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: 44420890784,storefrontBaseUrl: "https://www.solkyst.ca",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.solkyst.ca/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"4711481504","configuration":"{\"projectId\":\"xr27xtuhr9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
3355,"dataSharingState":"unrestricted"},{"id":"1916993696","configuration":"{\"mailchimp_store_id\":\"store_tpbypptsy4e6g9pn3pcz\", \"mailchimp_user_id\":\"154899786\",\"mailchimp_list_id\":\"d56d5cef55\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e357a49eadeb6216a959d63fa3fb8f55","type":"APP","apiClientId":2585307,"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":"1743454368","configuration":"{\"accountID\":\"Yh6N8Y\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"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":"1590165664","configuration":"{\"shopName\":\"mv-suns-kiss.myshopify.com\",\"environment\":\"production\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"53b5f919c6b5f3900deb74935631d315","type":"APP","apiClientId":2619571,"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":"1328349344","configuration":"{\"account_ID\":\"913132\",\"google_analytics_tracking_tag\":\"1\",\"measurement_id\":\"2\",\"api_secret\":\"3\",\"shop_settings\":\"{\\\"custom_pixel_script\\\":\\\"https:\\\\\\\/\\\\\\\/storage.googleapis.com\\\\\\\/gsf-scripts\\\\\\\/custom-pixels\\\\\\\/mv-suns-kiss.js\\\"}\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"dbf16afd37d7bda963909dd4e886232e","type":"APP","apiClientId":1558137,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1276543136","configuration":"{\"shopId\":\"360151\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"2eedfe5ca9c7d4954f200bfa1ffb380d","type":"APP","apiClientId":2328352,"privacyPurposes":["MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"1085964448","configuration":"{\"masterTagID\":\"19038\",\"merchantID\":\"152911\",\"appPath\":\"https:\/\/daedalus.shareasale.com\",\"storeID\":\"NaN\",\"xTypeMode\":\"NaN\",\"xTypeValue\":\"NaN\",\"channelDedup\":\"NaN\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"f300cca684872f2df140f714437af558","type":"APP","apiClientId":4929191,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"553091232","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-ZXPEQRF2Q1\\\",\\\"AW-11008626586\\\",\\\"GT-5524RSP\\\",\\\"G-YVGM1T8447\\\"],\\\"target_country\\\":\\\"CA\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-ZXPEQRF2Q1\\\",\\\"AW-11008626586\\\/u6q9CJSkj4AYEJqfqYEp\\\",\\\"G-YVGM1T8447\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-ZXPEQRF2Q1\\\",\\\"AW-11008626586\\\/jjzqCJGkj4AYEJqfqYEp\\\",\\\"G-YVGM1T8447\\\"]}
3355,{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-ZXPEQRF2Q1\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-ZXPEQRF2Q1\\\",\\\"AW-11008626586\\\/9O2eCIukj4AYEJqfqYEp\\\",\\\"MC-7FNSKMJ356\\\",\\\"G-YVGM1T8447\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-ZXPEQRF2Q1\\\",\\\"AW-11008626586\\\/vs1CCIikj4AYEJqfqYEp\\\",\\\"MC-7FNSKMJ356\\\",\\\"G-YVGM1T8447\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-ZXPEQRF2Q1\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-ZXPEQRF2Q1\\\",\\\"AW-11008626586\\\/MlJrCIWkj4AYEJqfqYEp\\\",\\\"MC-7FNSKMJ356\\\",\\\"G-YVGM1T8447\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-ZXPEQRF2Q1\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-ZXPEQRF2Q1\\\",\\\"AW-11008626586\\\/HXhaCJekj4AYEJqfqYEp\\\",\\\"G-YVGM1T8447\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-ZXPEQRF2Q1\\\",\\\"AW-11008626586\\\/WzLGCI6kj4AYEJqfqYEp\\\",\\\"G-YVGM1T8447\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-ZXPEQRF2Q1\\\"}],\\\"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":"170426528","configuration":"{\"pixel_id\":\"829063107870486\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","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":"82084000","configuration":"{\"tagID\":\"2613045147206\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"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":"14155936","configuration":"{\"myshopifyDomain\":\"mv-suns-kiss.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"99811488","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Google Analytics tag (migrated)"},{"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":"SOL KYST","paymentSettings":{"currencyCode":"CAD"},"myshopifyDomain":"mv-suns-kiss.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/www.solkyst.ca"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://www.solkyst.ca/cdn","87a86122w399bf3b8pd0403c97m2c07468c",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"196046848160","themeStoreId":"3621","themePublished":"true","eventMetadataId":"797ceb74-4ecc-4902-b4cb-5c7e203e17a6","pageType":"searchresults","shopId":"44420890784","storefrontBaseUrl":"https:\/\/www.solkyst.ca","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"87a86122w399bf3b8pd0403c97m2c07468c","publish":"custom","events":"[[\"page_viewed\",{}],[\"search_submitted\",{\"searchResult\":{\"query\":\"\",\"productVariants\":[]}}]]"});})();</script>
3355<script>
3356  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
3357  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
3358  window.ShopifyAnalytics.meta.currency = 'USD';
3359  var meta = {"products":[],"page":{"pageType":"searchresults","requestId":"d16f5870-3f7d-4699-9b8f-36c6bc0ae562-1791378406"}};
3360  for (var attr in meta) {
3361    window.ShopifyAnalytics.meta[attr] = meta[attr];
3362  }
3363</script>
vendor: 1 bytes, line 3363
3363
3364<script class="analytics">
3365  (function () {
3366    var customDocumentWrite = function(content) {
3367      var jquery = null;
3368
3369      if (window.jQuery) {
3370        jquery = window.jQuery;
3371      } else if (window.Checkout && window.Checkout.$) {
3372        jquery = window.Checkout.$;
3373      }
3374
3375      if (jquery) {
3376        jquery('body').append(content);
3377      }
3378    };
3379
3380    var hasLoggedConversion = function(token) {
3381      if (token) {
3382        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
3383      }
3384      return false;
3385    }
3386
3387    var setCookieIfConversion = function(token) {
3388      if (token) {
3389        var twoMonthsFromNow = new Date(Date.now());
3390        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
3391
3392        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
3393      }
3394    }
3395
3396    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
3397    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
3398    if (trekkie.integrations) {
3399      return;
3400    }
3401    trekkie.methods = [
3402      'identify',
3403      'page',
3404      'ready',
3405      'track',
3406      'trackForm',
3407      'trackLink'
3408    ];
3409    trekkie.factory = function(method) {
3410      return function() {
3411        var args = Array.prototype.slice.call(arguments);
3412        args.unshift(method);
3413        trekkie.push(args);
3414        if (method == 'track' || method == 'page') {
3415          var pageUrl;
3416          try {
3417            pageUrl = window.location.href;
3418          } catch (e) {}
3419          var pageReferrer;
3420          try {
3421            pageReferrer = document.referrer;
3422          } catch (e) {}
3423          try {
3424            if (window.__TREKKIE_SHIM_QUEUE == null) {
3425              window.__TREKKIE_SHIM_QUEUE = [];
3426            }
3427            window.__TREKKIE_SHIM_QUEUE.push({
3428              from: 'trekkie-stub',
3429              method: method,
3430              args: args.slice(1),
3431              pageContext: {
3432                url: pageUrl,
3433                referrer: pageReferrer
3434              }
3435            });
3436          } catch (e) {
3437            // no-op
3438          }
3439        }
3440        return trekkie;
3441      };
3442    };
3443    for (var i = 0; i < trekkie.methods.length; i++) {
3444      var key = trekkie.methods[i];
3445      trekkie[key] = trekkie.factory(key);
3446    }
3447    trekkie.load = function(config) {
3448      trekkie.config = config || {};
3449      trekkie.config.initialDocumentCookie = document.cookie;
3450      var first = document.getElementsByTagName('script')[0];
3451var script = document.createElement('script');
3452script.type = 'text/javascript';
3453script.onerror = function(e) {
3454  var scriptFallback = document.createElement('script');
3455  scriptFallback.type = 'text/javascript';
3456  scriptFallback.onerror = function(error) {
3457          var Monorail = {
3458      produce: function produce(monorailDomain, schemaId, payload) {
3459        var currentMs = new Date().getTime();
3460        var event = {
3461          schema_id: schemaId,
3462          payload: payload,
3463          metadata: {
3464            event_created_at_ms: currentMs,
3465            event_sent_at_ms: currentMs
3466          }
3467        };
3468        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
3469      },
3470      sendRequest: function sendRequest(endpointUrl, payload) {
3471        // Try the sendBeacon API
3472        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
3473          var blobData = new window.Blob([payload], {
3474            type: 'text/plain'
3475          });
3476
3477          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
3478            return true;
3479          } // sendBeacon was not successful
3480
3481        } // XHR beacon
3482
3483        var xhr = new XMLHttpRequest();
3484
3485        try {
3486          xhr.open('POST', endpointUrl);
3487          xhr.setRequestHeader('Content-Type', 'text/plain');
3488          xhr.send(payload);
3489        } catch (e) {
3490          console.log(e);
3491        }
3492
3493        return false;
3494      },
3495      isIos12: function isIos12() {
3496        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
3497      }
3498    };
3499    Monorail.produce('monorail-edge.shopifysvc.com',
3500      'trekkie_storefront_load_errors/1.1',
3501      {shop_id: 44420890784,
3502      theme_id: 196046848160,
3503      app_name: "storefront",
3504      context_url: window.location.href,
3505      source_url: "//www.solkyst.ca/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"});
3506
3507  };
3508  scriptFallback.async = true;
3509  scriptFallback.src = '//www.solkyst.ca/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
3510  first.parentNode.insertBefore(scriptFallback, first);
3511};
3512script.async = true;
3513script.src = '//www.solkyst.ca/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
3514first.parentNode.insertBefore(script, first);
3515
3516    };
3517    trekkie.load(
3518      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":44420890784,"isMerchantRequest":null,"themeId":196046848160,"themeCityHash":"12916636084997705885","contentLanguage":"en","currency":"USD","eventMetadataId":"797ceb74-4ecc-4902-b4cb-5c7e203e17a6"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
3519    );
3520
3521    var loaded = false;
3522    trekkie.ready(function() {
3523      if (loaded) return;
3524      loaded = true;
3525
3526      window.ShopifyAnalytics.lib = window.trekkie;
3527
3528      var originalDocumentWrite = document.write;
3529      document.write = customDocumentWrite;
3530      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
3531      document.write = originalDocumentWrite;
3532
3533      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
3534      var token = match? match[1]: undefined;
3535      if (!hasLoggedConversion(token)) {
3536        setCookieIfConversion(token);
3537        window.ShopifyAnalytics.lib.track("Performed Search",{"query":null},undefined,undefined,{"shopifyEmitted":true});
3538      }
3539    });
3540
3541    window.ShopifyAnalytics.lib.page(null,{"pageType":"searchresults","requestId":"d16f5870-3f7d-4699-9b8f-36c6bc0ae562-1791378406","shopifyEmitted":true});
3542
3543    var eventsListenerScript = document.createElement('script');
3544    eventsListenerScript.async = true;
3545    eventsListenerScript.src = "//www.solkyst.ca/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
3546    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
3547})();</script>
3547
3548  
3548<script>
3549  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
3550    window.ga = function ga() {
3551      (window.ga.q = window.ga.q || []).push(arguments);
3552      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
3553        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
3554      }
3555      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
3556    };
3557    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
3558      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
3559    }
3560  }
3561</script>
vendor: 1 bytes, line 3561
3561
3562<script
3563  defer
3564  src="https://www.solkyst.ca/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.6.min.js"
3565  data-application="storefront-renderer"
3566  data-shop-id="44420890784"
3567  data-render-region="gcp-us-central1"
3568  data-page-type="search"
3569  data-theme-instance-id="196046848160"
3570  data-theme-name="Atelier"
3571  data-theme-version="3.2.1"
3572  data-monorail-region="shop_domain"
3573  data-resource-timing-sampling-rate="10"
3574  data-shs="true"
3575  data-shs-beacon="true"
3576  data-shs-export-with-fetch="true"
3577  data-shs-logs-sample-rate="1"
3578  data-shs-beacon-endpoint="https://www.solkyst.ca/api/collect"
3579></script>
3579
3580<meta name="shopify-y" content="4cdf33c1-53e9-43c0-89e7-97b8f243c677" data-expiration="1822936006000"><meta name="shopify-s" content="7bc8ca74-1d36-4e99-b6f2-34c9b84360ab" data-expiration="1791380206000"><meta name="new-cookie-storage-activated" content="t">
3581</head>
3582
3583  <body class="page-width-normal card-hover-effect-lift">
3584    <a
3585  class="skip-to-content-link button-secondary"
3586  href="#MainContent"
3587>
3588  Skip to content
3589</a>
3590
3591    <div id="header-group">
3592      <!-- BEGIN sections: header-group -->
3593<div id="shopify-section-sections--28980145324192__header_announcements_xEgLjz" class="shopify-section shopify-section-group-header-group">
3594  
3594<script
3595    src="//www.solkyst.ca/cdn/shop/t/38/assets/announcement-bar.js?v=34024675399582161451776963414"
3596    type="module"
3597    fetchpriority="low"
3598  ></script>
3598
3599
3600
3601<div class="section-background color-scheme-4"></div>
3602<aside
3603  class="announcement-bar spacing-style section section--page-width color-scheme-4"
3604  style="--padding-block-start: 6px; --padding-block-end:6px; 
3605--padding-inline-start:0px; --padding-inline-end:0px; 
3606; --border-bottom-width: 0px;"
3607>
3608  
3609
3610  <announcement-bar-component
3611    class="announcement-bar__slider"
3612    
3613      autoplay="4" aria-live="polite"
3614    
3615  >
3616    
3617      <slideshow-arrows
3618  position="center"
3619  
3620><button
3621  class="
3622    slideshow-control slideshow-control--previous
3623    
3624    
3625    slideshow-control--style-chevron
3626    button button-unstyled button-unstyled--transparent
3627     flip-x
3628  "
3629  
3630  aria-label="Previous slide"
3631  
3632  on:click="/previous"
3633  ref="previous"
3634>
3635  <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3636  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3637</svg>
3638</span>
3639</button>
3640<button
3641  class="
3642    slideshow-control slideshow-control--next
3643    
3644    
3645    slideshow-control--style-chevron
3646    button button-unstyled button-unstyled--transparent
3647    
3648  "
3649  
3650  aria-label="Next slide"
3651  
3652  on:click="/next"
3653  ref="next"
3654>
3655  <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3656  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3657</svg>
3658</span>
3659</button>
3660</slideshow-arrows>
3661
3662    
3663
3664    <div class="announcement-bar__slides">
3665      <slideshow-slide
3666    ref="slides[]"
3667    class="
3668      announcement-bar__slide
3669      text-block
3670      text-block--AQ0U1WDhqZ296Qy8yY__announcement_pGHY8L
3671      text-block--align-center
3672      text-block--full-width
3673      custom-typography
3674      
3675      custom-font-weight
3676    "
3677    style="
3678      
3679--color: ;--font-weight: 700;    --font-family: var(--font-accent--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height---);        --letter-spacing: var(--letter-spacing---loose);
3680      --width: 100%;
3681      --text-align: center;
3682      --line-height: 1;
3683    "
3684    
3685    aria-hidden="false"
3686  >
3687    <p class="announcement-bar__text">
3688      Free Shipping - Tariff and Duty FREE Shipping on Eyewear for North America over $150
3689    </p>
3690
3691    
3692      <a
3693        class="announcement-bar__link"
3694        href="/collections/shop-wide-face-babe"
3695      >
3696        <span class="visually-hidden">
3697          Free Shipping - Tariff and Duty FREE Shipping on Eyewear for North America over $150
3698        </span>
3699      </a>
3700    
3701  </slideshow-slide>
3702
3703
3704<slideshow-slide
3705    ref="slides[]"
3706    class="
3707      announcement-bar__slide
3708      text-block
3709      text-block--ASDg2YkxEYkh1c1BCc__announcement_Tzbk9A
3710      text-block--align-center
3711      text-block--full-width
3712      custom-typography
3713      
3714      custom-font-weight
3715    "
3716    style="
3717      
3718--color: ;--font-weight: 700;    --font-family: var(--font-accent--family);    --text-transform: uppercase;    --text-wrap: pretty;          --line-height: var(--line-height---);        --letter-spacing: var(--letter-spacing---loose);
3719      --width: 100%;
3720      --text-align: center;
3721      --line-height: 1;
3722    "
3723    
3724    aria-hidden="true"
3725  >
3726    <p class="announcement-bar__text">
3727      Viral & Best Seller : Shop the frame that started it all.
3728    </p>
3729
3730    
3731      <a
3732        class="announcement-bar__link"
3733        href="/products/mvp"
3734      >
3735        <span class="visually-hidden">
3736          Viral & Best Seller : Shop the frame that started it all.
3737        </span>
3738      </a>
3739    
3740  </slideshow-slide>
3741
3742
3743<slideshow-slide
3744    ref="slides[]"
3745    class="
3746      announcement-bar__slide
3747      text-block
3748      text-block--AWllqT1ZtZmJ5L3B3U__announcement_gzfH6d
3749      text-block--align-center
3750      text-block--full-width
3751      custom-typography
3752      
3753      custom-font-weight
3754    "
3755    style="
3756      
3757--color: ;--font-weight: 700;    --font-family: var(--font-accent--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height---);        --letter-spacing: var(--letter-spacing---loose);
3758      --width: 100%;
3759      --text-align: center;
3760      --line-height: 1;
3761    "
3762    
3763    aria-hidden="true"
3764  >
3765    <p class="announcement-bar__text">
3766      NEW Prescription Eyewear Frames & Lenses
3767    </p>
3768
3769    
3770      <a
3771        class="announcement-bar__link"
3772        href="/pages/brand-story"
3773      >
3774        <span class="visually-hidden">
3775          NEW Prescription Eyewear Frames & Lenses
3776        </span>
3777      </a>
3778    
3779  </slideshow-slide>
3780
3781
3782
3783    </div>
3784  </announcement-bar-component>
3785</aside>
3786
3787
3788
3789
3790</div><header id="shopify-section-sections--28980145324192__header_section" class="shopify-section shopify-section-group-header-group header-section">
3791
3792
3793
3794<script type="application/ld+json">
3795  {
3796    "@context": "http://schema.org",
3797    "@type": "Organization",
3798    "name": "SOL KYST",
3799    
3800      "logo": "https:\/\/www.solkyst.ca\/cdn\/shop\/files\/5_3f38492e-8bbb-4468-abd6-358a1e23223d.png?v=1767035581\u0026width=500",
3801    
3802    "url": "https:\/\/www.solkyst.ca"
3803  }
3804</script>
3804
3805
3806<header-component
3807  id="header-component"
3808  class="header  header--compact"
3809  data-theme-color="rgb(0 0 0)"
3810  
3811  
3812    sticky="always"
3813  
3814  data-skip-node-update
3815  data-scroll-direction="none"
3816>
3817    
3818
3819    
3820
3821    
3822    
3823      <div
3824        class="header__row header__row--top color-scheme-5 section section--full-width-margin section--page-width divider--page-width"
3825        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
3826        <div class="header__columns spacing-style">
3827          <div
3828      class="header__column header__column--left"
3829      data-testid="header-top-left"
3830    >
3831      
3832        
3833          
3834              
3835
3836
3837    <div
3838      class="header__drawer desktop:hidden"
3839      ref="headerDrawerContainer"
3840      
3841    >
3842      
3843
3844<script
3845  src="//www.solkyst.ca/cdn/shop/t/38/assets/header-drawer.js?v=44357639294953783801776963414"
3846  type="module"
3847  fetchpriority="low"
3848></script>
3848
3849
3850<header-drawer
3851  class="header-drawer header__drawer--mobile"
3852  style="--menu-image-border-radius: 7px; --resource-card-corner-radius: 7px;"
3853>
3854  <details
3855    id="Details-menu-drawer-container"
3856    data-skip-node-update="true"
3857    class="menu-drawer-container"
3858    ref="details"
3859    scroll-lock
3860  >
3861    <summary
3862      class="header__icon header__icon--menu header__icon--summary"
3863      aria-label="Menu"
3864      on:click="/toggle"
3865    >
3866      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3867  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3868  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3869</svg>
3870</span>
3871      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3872  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3873  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3874</svg>
3875</span>
3876    </summary>
3877    <div
3878      data-header-drawer
3879      class="
3880        menu-drawer
3881        motion-reduce
3882        color-scheme-5
3883      "
3884    >
3885      <button
3886        class="button button-unstyled close-button menu-drawer__close-button"
3887        type="button"
3888        aria-label="Close"
3889        on:click="/close"
3890      >
3891        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3892  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3893  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3894</svg>
3895</span>
3896      </button>
3897      <nav
3898        class="menu-drawer__navigation"
3899        style="--menu-top-level-font-family: var(--font-body--family);
3900--menu-top-level-font-size-desktop: 0.75rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:uppercase;
3901
3902  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
3903  var(--menu-font-2xl--line-height);
3904
3905--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
3906
3907--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
3908var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
3909uppercase;
3910
3911    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
3912    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
3913    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
3914  
3915--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
3916var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
3917uppercase;
3918
3919    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
3920    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
3921    var(--opacity-subdued-text));
3922  
3923
3924        "
3925      >
3926        <ul
3927          class="menu-drawer__menu has-submenu"
3928          role="list"
3929        >
3930
3931
3932              <li
3933                class="menu-drawer__list-item"
3934                style="--menu-drawer-animation-index: 1;"
3935              ><a
3936                    id="HeaderDrawer-home"
3937                    href="/"
3938                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
3939                    
3940                  >
3941                    <span class="menu-drawer__menu-item-text wrap-text">Home</span>
3942                  </a></li>
3943              <li
3944                class="menu-drawer__list-item"
3945                style="--menu-drawer-animation-index: 2;"
3946              ><details
3947                    id="Details-menu-drawer-menu-item-2"
3948                    class="menu-drawer__menu-container menu-drawer__menu-container--divider"
3949                  >
3950                    <summary
3951                      id="HeaderDrawer-shop"
3952                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
3953                      on:click="header-drawer/open"
3954                    >
3955                      <span class="menu-drawer__menu-item-text wrap-text">SHOP</span>
3956                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3957  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3958</svg>
3959</span>
3960                    </summary>
3961                    <div
3962                      id="link-shop"
3963                      class="menu-drawer__submenu has-submenu gradient motion-reduce"
3964                      tabindex="-1"
3965                      style="--menu-drawer-animation-index: 2;"
3966                    >
3967                      <div class="menu-drawer__inner-submenu">
3968                        <div class="menu-drawer__nav-buttons">
3969                          <button
3970                            class="button menu-drawer__back-button focus-inset"
3971                            aria-expanded="true"
3972                            on:click="header-drawer/back"
3973                            aria-label="Back"
3974                          >
3975                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3976  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3977</svg>
3978</span>
3979                            <span class="menu-drawer__menu-item-text wrap-text">SHOP</span>
3980                          </button>
3981                          <button
3982                            class="button button-unstyled close-button menu-drawer__close-button"
3983                            type="button"
3984                            aria-label="Close"
3985                            on:click="header-drawer/close"
3986                          >
3987                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3988  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3989  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3990</svg>
3991</span>
3992                          </button>
3993                        </div>
3994                        
3995                        <ul
3996                          class="menu-drawer__menu menu-drawer__menu--childlist"
3997                          role="list"
3998                          tabindex="-1"
3999                        >
4000                          <li
4001                              class="
4002                                menu-drawer__list-item
4003                                 menu-drawer__list-item--divider
4004                              "
4005                            ><a
4006                                  id="HeaderDrawer-shop-shop-all"
4007                                  href="/collections/home-page-shop-all"
4008                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4009                                  
4010                                >
4011                                  
4012                                  <span class="menu-drawer__menu-item-text wrap-text">Shop All</span>
4013                                </a></li><li
4014                              class="
4015                                menu-drawer__list-item
4016                                 menu-drawer__list-item--divider
4017                              "
4018                            ><a
4019                                  id="HeaderDrawer-shop-sol-kyst-sunglasses"
4020                                  href="/collections/home-page-shop-all"
4021                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4022                                  
4023                                >
4024                                  
4025                                  <span class="menu-drawer__menu-item-text wrap-text">Sol Kyst Sunglasses</span>
4026                                </a></li><li
4027                              class="
4028                                menu-drawer__list-item
4029                                menu-drawer__list-item--deep menu-drawer__list-item--divider
4030                              "
4031                            >
4032                                
4033<accordion-custom open-by-default-on-mobile>
4034                                    <details
4035                                      id="Details-menu-drawer-shop-silhouette"
4036                                    >
4037                                      <summary
4038                                        id="HeaderDrawer-shop-silhouette"
4039                                        class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4040                                      >
4041                                        <span class="menu-drawer__menu-item-text wrap-text">Silhouette</span>
4042                                        <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4043  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4044  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4045</svg>
4046</span>
4047                                      </summary>
4048                                      
4049                                      <ul
4050                                        class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
4051                                        role="list"
4052                                        tabindex="-1"
4053                                      ><li
4054                                            class="menu-drawer__list-item"
4055                                            style="--menu-drawer-animation-index: 1;"
4056                                          >
4057                                            <a
4058                                              id="HeaderDrawer-shop-silhouette-kyst-eye"
4059                                              href="/collections/shop-kyst-eyes"
4060                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4061                                              
4062                                            >
4063                                              
4064                                              <span class="menu-drawer__menu-item-text wrap-text">Kyst Eye</span>
4065                                            </a>
4066                                          </li><li
4067                                            class="menu-drawer__list-item"
4068                                            style="--menu-drawer-animation-index: 2;"
4069                                          >
4070                                            <a
4071                                              id="HeaderDrawer-shop-silhouette-aviators"
4072                                              href="/collections/aviators"
4073                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4074                                              
4075                                            >
4076                                              
4077                                              <span class="menu-drawer__menu-item-text wrap-text">Aviators</span>
4078                                            </a>
4079                                          </li><li
4080                                            class="menu-drawer__list-item"
4081                                            style="--menu-drawer-animation-index: 3;"
4082                                          >
4083                                            <a
4084                                              id="HeaderDrawer-shop-silhouette-recs"
4085                                              href="/collections/shop-rectangles"
4086                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4087                                              
4088                                            >
4089                                              
4090                                              <span class="menu-drawer__menu-item-text wrap-text">Recs</span>
4091                                            </a>
4092                                          </li><li
4093                                            class="menu-drawer__list-item"
4094                                            style="--menu-drawer-animation-index: 4;"
4095                                          >
4096                                            <a
4097                                              id="HeaderDrawer-shop-silhouette-hangover"
4098                                              href="/collections/shop-hangovers"
4099                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4100                                              
4101                                            >
4102                                              
4103                                              <span class="menu-drawer__menu-item-text wrap-text">Hangover</span>
4104                                            </a>
4105                                          </li><li
4106                                            class="menu-drawer__list-item"
4107                                            style="--menu-drawer-animation-index: 5;"
4108                                          >
4109                                            <a
4110                                              id="HeaderDrawer-shop-silhouette-hearts"
4111                                              href="/collections/hearts"
4112                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4113                                              
4114                                            >
4115                                              
4116                                              <span class="menu-drawer__menu-item-text wrap-text">Hearts</span>
4117                                            </a>
4118                                          </li><li
4119                                            class="menu-drawer__list-item"
4120                                            style="--menu-drawer-animation-index: 6;"
4121                                          >
4122                                            <a
4123                                              id="HeaderDrawer-shop-silhouette-traps"
4124                                              href="/collections/shop-trapezoids"
4125                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4126                                              
4127                                            >
4128                                              
4129                                              <span class="menu-drawer__menu-item-text wrap-text">Traps</span>
4130                                            </a>
4131                                          </li><li
4132                                            class="menu-drawer__list-item"
4133                                            style="--menu-drawer-animation-index: 7;"
4134                                          >
4135                                            <a
4136                                              id="HeaderDrawer-shop-silhouette-blue-light"
4137                                              href="/collections/blue-light"
4138                                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
4139                                              
4140                                            >
4141                                              
4142                                              <span class="menu-drawer__menu-item-text wrap-text">Blue Light</span>
4143                                            </a>
4144                                          </li></ul>
4145                                    </details>
4146                                  </accordion-custom>
4147                                </li><li
4148                              class="
4149                                menu-drawer__list-item
4150                                 menu-drawer__list-item--divider
4151                              "
4152                            ><a
4153                                  id="HeaderDrawer-shop-accessories"
4154                                  href="/collections/accesories"
4155                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4156                                  
4157                                >
4158                                  
4159                                  <span class="menu-drawer__menu-item-text wrap-text">Accessories</span>
4160                                </a></li><li
4161                              class="
4162                                menu-drawer__list-item
4163                                 menu-drawer__list-item--divider
4164                              "
4165                            ><a
4166                                  id="HeaderDrawer-shop-barbie™-x-sol-kyst"
4167                                  href="/collections/shop-all-barbie"
4168                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4169                                  
4170                                >
4171                                  
4172                                  <span class="menu-drawer__menu-item-text wrap-text">Barbie™ x Sol Kyst</span>
4173                                </a></li><li
4174                              class="
4175                                menu-drawer__list-item
4176                                 menu-drawer__list-item--divider
4177                              "
4178                            ><a
4179                                  id="HeaderDrawer-shop-bcc-x-sol-kyst"
4180                                  href="/pages/breast-cancer"
4181                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
4182                                  
4183                                >
4184                                  
4185                                  <span class="menu-drawer__menu-item-text wrap-text">BCC x Sol Kyst</span>
4186                                </a></li></ul>
4187                        
4188                      </div>
4189                    </div>
4190                  </details></li>
4191              <li
4192                class="menu-drawer__list-item"
4193                style="--menu-drawer-animation-index: 3;"
4194              ><a
4195                    id="HeaderDrawer-prescription"
4196                    href="/pages/brand-story"
4197                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
4198                    
4199                  >
4200                    <span class="menu-drawer__menu-item-text wrap-text">Prescription</span>
4201                  </a></li>
4202              <li
4203                class="menu-drawer__list-item"
4204                style="--menu-drawer-animation-index: 4;"
4205              ><a
4206                    id="HeaderDrawer-contact"
4207                    href="/pages/about-us"
4208                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
4209                    
4210                  >
4211                    <span class="menu-drawer__menu-item-text wrap-text">Contact</span>
4212                  </a></li>
4213        </ul>
4214      </nav>
4215      <div
4216        class="menu-drawer__utility-links menu-drawer__animated-element"
4217        style="--menu-drawer-animation-index: 4;"
4218      >
4219        
4220        
4221          
4222          
4223            <drawer-localization-component class="menu-drawer__localization">
4224              <details
4225                id="drawer-localization"
4226                class="drawer-localization"
4227                on:toggle="/toggle"
4228              >
4229                <summary
4230                  id="HeaderDrawer-localization"
4231                  class="drawer-localization__button h3 link link--text focus-inset"
4232                  aria-expanded="false"
4233                  on:click="header-drawer/open"
4234                  style="--menu-localization-font: var(--font-body--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
4235                >
4236                  <div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link link--text"><span
4237                            class="icon-flag"
4238                            style="
4239                              background-image: url(//cdn.shopify.com/static/images/flags/us.svg?width=32);
4240                              --size-shadow: 4px;
4241                              --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60));
4242                            "
4243                          ></span><span class="currency-code">USD</span>
4244                      </div></div>
4245                  <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4246  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4247</svg>
4248</span>
4249                </summary>
4250
4251                <div
4252                  class="menu-drawer__submenu has-submenu gradient motion-reduce color-scheme-1"
4253                  style=""
4254                >
4255                  <div
4256                    class="menu-drawer__nav-buttons"
4257                    ref="navButtons"
4258                  >
4259                    <button
4260                      class="button menu-drawer__back-button link link--text focus-inset"
4261                      aria-expanded="true"
4262                      on:click="header-drawer/back"
4263                    >
4264                      <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4265  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4266</svg>
4267</span>
4268                      Region and language
4269                    </button>
4270                    <button
4271                      class="button close-button menu-drawer__close-button"
4272                      type="button"
4273                      aria-label="Close"
4274                      on:click="header-drawer/close"
4275                    >
4276                      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4277  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4278  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4279</svg>
4280</span>
4281                    </button>
4282                  </div>
4283
4284                  
4285<localization-form-component
4286  ref="localizationForm"
4287  data-label-results-count="[count] results"
4288  data-show-filter="true"
4289  style="--menu-localization-font: var(--font-body--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
4290>
4291  
4292<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
4293      
4294        <div class="country-filter">
4295          <div class="field">
4296            <div class="country-filter__search-icon field__button motion-reduce">
4297              <span class="svg-wrapper">
4298                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
4299
4300              </span>
4301            </div>
4302            <input
4303              class="country-filter__input"
4304              id="country-filter-input"
4305              type="search"
4306              name="country_filter"
4307              value=""
4308              placeholder="Search"
4309              role="combobox"
4310              aria-owns="country-results"
4311              aria-controls="country-results"
4312              aria-haspopup="listbox"
4313              aria-autocomplete="list"
4314              aria-label="Find country"
4315              autocorrect="off"
4316              autocomplete="off"
4317              autocapitalize="off"
4318              spellcheck="false"
4319              ref="search"
4320              on:keyup="/filterCountries"
4321            >
4322            <label
4323              class="field__label visually-hidden"
4324              for="country-filter-input"
4325            >Search</label>
4326            <button
4327              type="reset"
4328              class="button button-unstyled country-filter__reset-button field__button"
4329              aria-label="Reset"
4330              ref="resetButton"
4331              hidden
4332              on:click="/resetCountriesFilter"
4333            >
4334              <span class="svg-wrapper">
4335                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
4336
4337              </span>
4338            </button>
4339          </div>
4340        </div>
4341      
4342      <div class="country-selector-form__wrapper">
4343        <h2
4344          class="visually-hidden"
4345          id="drawer-CountryLabel"
4346        >
4347          Country/Region
4348        </h2>
4349        
4350          <div
4351            id="sr-country-search-results-AUTRwMzk4SVlkc3RQd__header-menu-1"
4352            class="visually-hidden"
4353            aria-live="polite"
4354            ref="liveRegion"
4355          ></div>
4356        
4357        <div
4358          class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
4359          id="drawer-country-results"
4360          ref="countryList"
4361        >
4362          
4363            <ul
4364              role="list"
4365              class="list-unstyled popular-countries"
4366              aria-label="Country/Region"
4367              ref="popularCountries"
4368            >
4369                <li
4370                  class="localization-form__list-item"
4371                  
4372                  data-value="AU"
4373                  
4374                    data-aliases=""
4375                  
4376                  id="Australia"
4377                  aria-label="Australia"
4378                  role="option"
4379                  tabindex="-1"
4380                  ref="countryListItems[]"
4381                  on:click="/selectCountry/AU"
4382                >
4383                  <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4384<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4385</svg>
4386</span>
4387                  <span class="country">Australia</span>
4388                  <span
4389                    class="localization-form__currency motion-reduce"
4390                    
4391                  >
4392                    AUD
4393                    $</span>
4394                </li>
4395                <li
4396                  class="localization-form__list-item"
4397                  
4398                  data-value="CA"
4399                  
4400                    data-aliases=""
4401                  
4402                  id="Canada"
4403                  aria-label="Canada"
4404                  role="option"
4405                  tabindex="-1"
4406                  ref="countryListItems[]"
4407                  on:click="/selectCountry/CA"
4408                >
4409                  <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4410<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4411</svg>
4412</span>
4413                  <span class="country">Canada</span>
4414                  <span
4415                    class="localization-form__currency motion-reduce"
4416                    
4417                  >
4418                    CAD
4419                    $</span>
4420                </li>
4421                <li
4422                  class="localization-form__list-item"
4423                  
4424                  data-value="GB"
4425                  
4426                    data-aliases="uk,gb,great britain"
4427                  
4428                  id="United Kingdom"
4429                  aria-label="United Kingdom"
4430                  role="option"
4431                  tabindex="-1"
4432                  ref="countryListItems[]"
4433                  on:click="/selectCountry/GB"
4434                >
4435                  <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4436<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4437</svg>
4438</span>
4439                  <span class="country">United Kingdom</span>
4440                  <span
4441                    class="localization-form__currency motion-reduce"
4442                    
4443                  >
4444                    GBP
4445                    £</span>
4446                </li>
4447                <li
4448                  class="localization-form__list-item"
4449                  
4450                    aria-current="true"
4451                  
4452                  data-value="US"
4453                  
4454                    data-aliases="us,usa,america,united states of america"
4455                  
4456                  id="United States"
4457                  aria-label="United States"
4458                  role="option"
4459                  tabindex="-1"
4460                  ref="countryListItems[]"
4461                  on:click="/selectCountry/US"
4462                >
4463                  <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4464<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4465</svg>
4466</span>
4467                  <span class="country">United States</span>
4468                  <span
4469                    class="localization-form__currency motion-reduce"
4470                    
4471                  >
4472                    USD
4473                    $</span>
4474                </li></ul>
4475          
4476          <ul
4477            role="list"
4478            class="list-unstyled countries"
4479          >
4480            <span
4481              class="localization-form__list-item localization-form__list-item-disabled"
4482              id="no-results-message"
4483              ref="noResultsMessage"
4484              hidden
4485            >No results found</span>
4486              <li
4487                class="localization-form__list-item"
4488                
4489                data-value="AF"
4490                
4491                  data-aliases=""
4492                
4493                id="Afghanistan"
4494                aria-label="Afghanistan"
4495                role="option"
4496                tabindex="-1"
4497                ref="countryListItems[]"
4498                on:click="/selectCountry/AF"
4499              >
4500                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4501<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4502</svg>
4503</span>
4504                <span class="country">Afghanistan</span>
4505                <span
4506                  class="localization-form__currency motion-reduce"
4507                  
4508                >
4509                  AFN
4510                  ؋</span>
4511              </li>
4512              <li
4513                class="localization-form__list-item"
4514                
4515                data-value="AX"
4516                
4517                  data-aliases=""
4518                
4519                id="Åland Islands"
4520                aria-label="Åland Islands"
4521                role="option"
4522                tabindex="-1"
4523                ref="countryListItems[]"
4524                on:click="/selectCountry/AX"
4525              >
4526                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4527<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4528</svg>
4529</span>
4530                <span class="country">Åland Islands</span>
4531                <span
4532                  class="localization-form__currency motion-reduce"
4533                  
4534                >
4535                  EUR
4536                  €</span>
4537              </li>
4538              <li
4539                class="localization-form__list-item"
4540                
4541                data-value="AL"
4542                
4543                  data-aliases=""
4544                
4545                id="Albania"
4546                aria-label="Albania"
4547                role="option"
4548                tabindex="-1"
4549                ref="countryListItems[]"
4550                on:click="/selectCountry/AL"
4551              >
4552                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4553<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4554</svg>
4555</span>
4556                <span class="country">Albania</span>
4557                <span
4558                  class="localization-form__currency motion-reduce"
4559                  
4560                >
4561                  ALL
4562                  L</span>
4563              </li>
4564              <li
4565                class="localization-form__list-item"
4566                
4567                data-value="DZ"
4568                
4569                  data-aliases=""
4570                
4571                id="Algeria"
4572                aria-label="Algeria"
4573                role="option"
4574                tabindex="-1"
4575                ref="countryListItems[]"
4576                on:click="/selectCountry/DZ"
4577              >
4578                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4579<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4580</svg>
4581</span>
4582                <span class="country">Algeria</span>
4583                <span
4584                  class="localization-form__currency motion-reduce"
4585                  
4586                >
4587                  DZD
4588                  د.ج</span>
4589              </li>
4590              <li
4591                class="localization-form__list-item"
4592                
4593                data-value="AD"
4594                
4595                  data-aliases=""
4596                
4597                id="Andorra"
4598                aria-label="Andorra"
4599                role="option"
4600                tabindex="-1"
4601                ref="countryListItems[]"
4602                on:click="/selectCountry/AD"
4603              >
4604                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4605<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4606</svg>
4607</span>
4608                <span class="country">Andorra</span>
4609                <span
4610                  class="localization-form__currency motion-reduce"
4611                  
4612                >
4613                  EUR
4614                  €</span>
4615              </li>
4616              <li
4617                class="localization-form__list-item"
4618                
4619                data-value="AO"
4620                
4621                  data-aliases=""
4622                
4623                id="Angola"
4624                aria-label="Angola"
4625                role="option"
4626                tabindex="-1"
4627                ref="countryListItems[]"
4628                on:click="/selectCountry/AO"
4629              >
4630                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4631<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4632</svg>
4633</span>
4634                <span class="country">Angola</span>
4635                <span
4636                  class="localization-form__currency motion-reduce"
4637                  
4638                >
4639                  CAD
4640                  $</span>
4641              </li>
4642              <li
4643                class="localization-form__list-item"
4644                
4645                data-value="AI"
4646                
4647                  data-aliases=""
4648                
4649                id="Anguilla"
4650                aria-label="Anguilla"
4651                role="option"
4652                tabindex="-1"
4653                ref="countryListItems[]"
4654                on:click="/selectCountry/AI"
4655              >
4656                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4657<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4658</svg>
4659</span>
4660                <span class="country">Anguilla</span>
4661                <span
4662                  class="localization-form__currency motion-reduce"
4663                  
4664                >
4665                  XCD
4666                  $</span>
4667              </li>
4668              <li
4669                class="localization-form__list-item"
4670                
4671                data-value="AG"
4672                
4673                  data-aliases=""
4674                
4675                id="Antigua &amp; Barbuda"
4676                aria-label="Antigua &amp; Barbuda"
4677                role="option"
4678                tabindex="-1"
4679                ref="countryListItems[]"
4680                on:click="/selectCountry/AG"
4681              >
4682                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4683<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4684</svg>
4685</span>
4686                <span class="country">Antigua &amp; Barbuda</span>
4687                <span
4688                  class="localization-form__currency motion-reduce"
4689                  
4690                >
4691                  XCD
4692                  $</span>
4693              </li>
4694              <li
4695                class="localization-form__list-item"
4696                
4697                data-value="AR"
4698                
4699                  data-aliases=""
4700                
4701                id="Argentina"
4702                aria-label="Argentina"
4703                role="option"
4704                tabindex="-1"
4705                ref="countryListItems[]"
4706                on:click="/selectCountry/AR"
4707              >
4708                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4709<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4710</svg>
4711</span>
4712                <span class="country">Argentina</span>
4713                <span
4714                  class="localization-form__currency motion-reduce"
4715                  
4716                >
4717                  CAD
4718                  $</span>
4719              </li>
4720              <li
4721                class="localization-form__list-item"
4722                
4723                data-value="AM"
4724                
4725                  data-aliases=""
4726                
4727                id="Armenia"
4728                aria-label="Armenia"
4729                role="option"
4730                tabindex="-1"
4731                ref="countryListItems[]"
4732                on:click="/selectCountry/AM"
4733              >
4734                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4735<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4736</svg>
4737</span>
4738                <span class="country">Armenia</span>
4739                <span
4740                  class="localization-form__currency motion-reduce"
4741                  
4742                >
4743                  AMD
4744                  դր.</span>
4745              </li>
4746              <li
4747                class="localization-form__list-item"
4748                
4749                data-value="AW"
4750                
4751                  data-aliases=""
4752                
4753                id="Aruba"
4754                aria-label="Aruba"
4755                role="option"
4756                tabindex="-1"
4757                ref="countryListItems[]"
4758                on:click="/selectCountry/AW"
4759              >
4760                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4761<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4762</svg>
4763</span>
4764                <span class="country">Aruba</span>
4765                <span
4766                  class="localization-form__currency motion-reduce"
4767                  
4768                >
4769                  AWG
4770                  ƒ</span>
4771              </li>
4772              <li
4773                class="localization-form__list-item"
4774                
4775                data-value="AC"
4776                
4777                  data-aliases=""
4778                
4779                id="Ascension Island"
4780                aria-label="Ascension Island"
4781                role="option"
4782                tabindex="-1"
4783                ref="countryListItems[]"
4784                on:click="/selectCountry/AC"
4785              >
4786                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4787<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4788</svg>
4789</span>
4790                <span class="country">Ascension Island</span>
4791                <span
4792                  class="localization-form__currency motion-reduce"
4793                  
4794                >
4795                  SHP
4796                  £</span>
4797              </li>
4798              <li
4799                class="localization-form__list-item"
4800                
4801                data-value="AU"
4802                
4803                  data-aliases=""
4804                
4805                id="Australia"
4806                aria-label="Australia"
4807                role="option"
4808                tabindex="-1"
4809                ref="countryListItems[]"
4810                on:click="/selectCountry/AU"
4811              >
4812                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4813<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4814</svg>
4815</span>
4816                <span class="country">Australia</span>
4817                <span
4818                  class="localization-form__currency motion-reduce"
4819                  
4820                >
4821                  AUD
4822                  $</span>
4823              </li>
4824              <li
4825                class="localization-form__list-item"
4826                
4827                data-value="AT"
4828                
4829                  data-aliases=""
4830                
4831                id="Austria"
4832                aria-label="Austria"
4833                role="option"
4834                tabindex="-1"
4835                ref="countryListItems[]"
4836                on:click="/selectCountry/AT"
4837              >
4838                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4839<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4840</svg>
4841</span>
4842                <span class="country">Austria</span>
4843                <span
4844                  class="localization-form__currency motion-reduce"
4845                  
4846                >
4847                  EUR
4848                  €</span>
4849              </li>
4850              <li
4851                class="localization-form__list-item"
4852                
4853                data-value="AZ"
4854                
4855                  data-aliases=""
4856                
4857                id="Azerbaijan"
4858                aria-label="Azerbaijan"
4859                role="option"
4860                tabindex="-1"
4861                ref="countryListItems[]"
4862                on:click="/selectCountry/AZ"
4863              >
4864                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4865<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4866</svg>
4867</span>
4868                <span class="country">Azerbaijan</span>
4869                <span
4870                  class="localization-form__currency motion-reduce"
4871                  
4872                >
4873                  AZN
4874                  ₼</span>
4875              </li>
4876              <li
4877                class="localization-form__list-item"
4878                
4879                data-value="BS"
4880                
4881                  data-aliases=""
4882                
4883                id="Bahamas"
4884                aria-label="Bahamas"
4885                role="option"
4886                tabindex="-1"
4887                ref="countryListItems[]"
4888                on:click="/selectCountry/BS"
4889              >
4890                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4891<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4892</svg>
4893</span>
4894                <span class="country">Bahamas</span>
4895                <span
4896                  class="localization-form__currency motion-reduce"
4897                  
4898                >
4899                  BSD
4900                  $</span>
4901              </li>
4902              <li
4903                class="localization-form__list-item"
4904                
4905                data-value="BH"
4906                
4907                  data-aliases=""
4908                
4909                id="Bahrain"
4910                aria-label="Bahrain"
4911                role="option"
4912                tabindex="-1"
4913                ref="countryListItems[]"
4914                on:click="/selectCountry/BH"
4915              >
4916                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4917<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4918</svg>
4919</span>
4920                <span class="country">Bahrain</span>
4921                <span
4922                  class="localization-form__currency motion-reduce"
4923                  
4924                >
4925                  CAD
4926                  $</span>
4927              </li>
4928              <li
4929                class="localization-form__list-item"
4930                
4931                data-value="BD"
4932                
4933                  data-aliases=""
4934                
4935                id="Bangladesh"
4936                aria-label="Bangladesh"
4937                role="option"
4938                tabindex="-1"
4939                ref="countryListItems[]"
4940                on:click="/selectCountry/BD"
4941              >
4942                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4943<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4944</svg>
4945</span>
4946                <span class="country">Bangladesh</span>
4947                <span
4948                  class="localization-form__currency motion-reduce"
4949                  
4950                >
4951                  BDT
4952                  à§³</span>
4953              </li>
4954              <li
4955                class="localization-form__list-item"
4956                
4957                data-value="BB"
4958                
4959                  data-aliases=""
4960                
4961                id="Barbados"
4962                aria-label="Barbados"
4963                role="option"
4964                tabindex="-1"
4965                ref="countryListItems[]"
4966                on:click="/selectCountry/BB"
4967              >
4968                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4969<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4970</svg>
4971</span>
4972                <span class="country">Barbados</span>
4973                <span
4974                  class="localization-form__currency motion-reduce"
4975                  
4976                >
4977                  BBD
4978                  $</span>
4979              </li>
4980              <li
4981                class="localization-form__list-item"
4982                
4983                data-value="BY"
4984                
4985                  data-aliases=""
4986                
4987                id="Belarus"
4988                aria-label="Belarus"
4989                role="option"
4990                tabindex="-1"
4991                ref="countryListItems[]"
4992                on:click="/selectCountry/BY"
4993              >
4994                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4995<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4996</svg>
4997</span>
4998                <span class="country">Belarus</span>
4999                <span
5000                  class="localization-form__currency motion-reduce"
5001                  
5002                >
5003                  CAD
5004                  $</span>
5005              </li>
5006              <li
5007                class="localization-form__list-item"
5008                
5009                data-value="BE"
5010                
5011                  data-aliases=""
5012                
5013                id="Belgium"
5014                aria-label="Belgium"
5015                role="option"
5016                tabindex="-1"
5017                ref="countryListItems[]"
5018                on:click="/selectCountry/BE"
5019              >
5020                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5021<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5022</svg>
5023</span>
5024                <span class="country">Belgium</span>
5025                <span
5026                  class="localization-form__currency motion-reduce"
5027                  
5028                >
5029                  EUR
5030                  €</span>
5031              </li>
5032              <li
5033                class="localization-form__list-item"
5034                
5035                data-value="BZ"
5036                
5037                  data-aliases=""
5038                
5039                id="Belize"
5040                aria-label="Belize"
5041                role="option"
5042                tabindex="-1"
5043                ref="countryListItems[]"
5044                on:click="/selectCountry/BZ"
5045              >
5046                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5047<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5048</svg>
5049</span>
5050                <span class="country">Belize</span>
5051                <span
5052                  class="localization-form__currency motion-reduce"
5053                  
5054                >
5055                  BZD
5056                  $</span>
5057              </li>
5058              <li
5059                class="localization-form__list-item"
5060                
5061                data-value="BJ"
5062                
5063                  data-aliases=""
5064                
5065                id="Benin"
5066                aria-label="Benin"
5067                role="option"
5068                tabindex="-1"
5069                ref="countryListItems[]"
5070                on:click="/selectCountry/BJ"
5071              >
5072                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5073<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5074</svg>
5075</span>
5076                <span class="country">Benin</span>
5077                <span
5078                  class="localization-form__currency motion-reduce"
5079                  
5080                >
5081                  XOF
5082                  Fr</span>
5083              </li>
5084              <li
5085                class="localization-form__list-item"
5086                
5087                data-value="BM"
5088                
5089                  data-aliases=""
5090                
5091                id="Bermuda"
5092                aria-label="Bermuda"
5093                role="option"
5094                tabindex="-1"
5095                ref="countryListItems[]"
5096                on:click="/selectCountry/BM"
5097              >
5098                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5099<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5100</svg>
5101</span>
5102                <span class="country">Bermuda</span>
5103                <span
5104                  class="localization-form__currency motion-reduce"
5105                  
5106                >
5107                  USD
5108                  $</span>
5109              </li>
5110              <li
5111                class="localization-form__list-item"
5112                
5113                data-value="BT"
5114                
5115                  data-aliases=""
5116                
5117                id="Bhutan"
5118                aria-label="Bhutan"
5119                role="option"
5120                tabindex="-1"
5121                ref="countryListItems[]"
5122                on:click="/selectCountry/BT"
5123              >
5124                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5125<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5126</svg>
5127</span>
5128                <span class="country">Bhutan</span>
5129                <span
5130                  class="localization-form__currency motion-reduce"
5131                  
5132                >
5133                  CAD
5134                  $</span>
5135              </li>
5136              <li
5137                class="localization-form__list-item"
5138                
5139                data-value="BO"
5140                
5141                  data-aliases=""
5142                
5143                id="Bolivia"
5144                aria-label="Bolivia"
5145                role="option"
5146                tabindex="-1"
5147                ref="countryListItems[]"
5148                on:click="/selectCountry/BO"
5149              >
5150                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5151<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5152</svg>
5153</span>
5154                <span class="country">Bolivia</span>
5155                <span
5156                  class="localization-form__currency motion-reduce"
5157                  
5158                >
5159                  BOB
5160                  Bs.</span>
5161              </li>
5162              <li
5163                class="localization-form__list-item"
5164                
5165                data-value="BA"
5166                
5167                  data-aliases=""
5168                
5169                id="Bosnia &amp; Herzegovina"
5170                aria-label="Bosnia &amp; Herzegovina"
5171                role="option"
5172                tabindex="-1"
5173                ref="countryListItems[]"
5174                on:click="/selectCountry/BA"
5175              >
5176                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5177<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5178</svg>
5179</span>
5180                <span class="country">Bosnia &amp; Herzegovina</span>
5181                <span
5182                  class="localization-form__currency motion-reduce"
5183                  
5184                >
5185                  BAM
5186                  КМ</span>
5187              </li>
5188              <li
5189                class="localization-form__list-item"
5190                
5191                data-value="BW"
5192                
5193                  data-aliases=""
5194                
5195                id="Botswana"
5196                aria-label="Botswana"
5197                role="option"
5198                tabindex="-1"
5199                ref="countryListItems[]"
5200                on:click="/selectCountry/BW"
5201              >
5202                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5203<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5204</svg>
5205</span>
5206                <span class="country">Botswana</span>
5207                <span
5208                  class="localization-form__currency motion-reduce"
5209                  
5210                >
5211                  BWP
5212                  P</span>
5213              </li>
5214              <li
5215                class="localization-form__list-item"
5216                
5217                data-value="BR"
5218                
5219                  data-aliases=""
5220                
5221                id="Brazil"
5222                aria-label="Brazil"
5223                role="option"
5224                tabindex="-1"
5225                ref="countryListItems[]"
5226                on:click="/selectCountry/BR"
5227              >
5228                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5229<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5230</svg>
5231</span>
5232                <span class="country">Brazil</span>
5233                <span
5234                  class="localization-form__currency motion-reduce"
5235                  
5236                >
5237                  CAD
5238                  $</span>
5239              </li>
5240              <li
5241                class="localization-form__list-item"
5242                
5243                data-value="IO"
5244                
5245                  data-aliases=""
5246                
5247                id="British Indian Ocean Territory"
5248                aria-label="British Indian Ocean Territory"
5249                role="option"
5250                tabindex="-1"
5251                ref="countryListItems[]"
5252                on:click="/selectCountry/IO"
5253              >
5254                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5255<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5256</svg>
5257</span>
5258                <span class="country">British Indian Ocean Territory</span>
5259                <span
5260                  class="localization-form__currency motion-reduce"
5261                  
5262                >
5263                  USD
5264                  $</span>
5265              </li>
5266              <li
5267                class="localization-form__list-item"
5268                
5269                data-value="VG"
5270                
5271                  data-aliases=""
5272                
5273                id="British Virgin Islands"
5274                aria-label="British Virgin Islands"
5275                role="option"
5276                tabindex="-1"
5277                ref="countryListItems[]"
5278                on:click="/selectCountry/VG"
5279              >
5280                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5281<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5282</svg>
5283</span>
5284                <span class="country">British Virgin Islands</span>
5285                <span
5286                  class="localization-form__currency motion-reduce"
5287                  
5288                >
5289                  USD
5290                  $</span>
5291              </li>
5292              <li
5293                class="localization-form__list-item"
5294                
5295                data-value="BN"
5296                
5297                  data-aliases=""
5298                
5299                id="Brunei"
5300                aria-label="Brunei"
5301                role="option"
5302                tabindex="-1"
5303                ref="countryListItems[]"
5304                on:click="/selectCountry/BN"
5305              >
5306                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5307<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5308</svg>
5309</span>
5310                <span class="country">Brunei</span>
5311                <span
5312                  class="localization-form__currency motion-reduce"
5313                  
5314                >
5315                  BND
5316                  $</span>
5317              </li>
5318              <li
5319                class="localization-form__list-item"
5320                
5321                data-value="BG"
5322                
5323                  data-aliases=""
5324                
5325                id="Bulgaria"
5326                aria-label="Bulgaria"
5327                role="option"
5328                tabindex="-1"
5329                ref="countryListItems[]"
5330                on:click="/selectCountry/BG"
5331              >
5332                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5333<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5334</svg>
5335</span>
5336                <span class="country">Bulgaria</span>
5337                <span
5338                  class="localization-form__currency motion-reduce"
5339                  
5340                >
5341                  EUR
5342                  €</span>
5343              </li>
5344              <li
5345                class="localization-form__list-item"
5346                
5347                data-value="BF"
5348                
5349                  data-aliases=""
5350                
5351                id="Burkina Faso"
5352                aria-label="Burkina Faso"
5353                role="option"
5354                tabindex="-1"
5355                ref="countryListItems[]"
5356                on:click="/selectCountry/BF"
5357              >
5358                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5359<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5360</svg>
5361</span>
5362                <span class="country">Burkina Faso</span>
5363                <span
5364                  class="localization-form__currency motion-reduce"
5365                  
5366                >
5367                  XOF
5368                  Fr</span>
5369              </li>
5370              <li
5371                class="localization-form__list-item"
5372                
5373                data-value="BI"
5374                
5375                  data-aliases=""
5376                
5377                id="Burundi"
5378                aria-label="Burundi"
5379                role="option"
5380                tabindex="-1"
5381                ref="countryListItems[]"
5382                on:click="/selectCountry/BI"
5383              >
5384                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5385<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5386</svg>
5387</span>
5388                <span class="country">Burundi</span>
5389                <span
5390                  class="localization-form__currency motion-reduce"
5391                  
5392                >
5393                  BIF
5394                  Fr</span>
5395              </li>
5396              <li
5397                class="localization-form__list-item"
5398                
5399                data-value="KH"
5400                
5401                  data-aliases=""
5402                
5403                id="Cambodia"
5404                aria-label="Cambodia"
5405                role="option"
5406                tabindex="-1"
5407                ref="countryListItems[]"
5408                on:click="/selectCountry/KH"
5409              >
5410                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5411<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5412</svg>
5413</span>
5414                <span class="country">Cambodia</span>
5415                <span
5416                  class="localization-form__currency motion-reduce"
5417                  
5418                >
5419                  KHR
5420                  ៛</span>
5421              </li>
5422              <li
5423                class="localization-form__list-item"
5424                
5425                data-value="CM"
5426                
5427                  data-aliases=""
5428                
5429                id="Cameroon"
5430                aria-label="Cameroon"
5431                role="option"
5432                tabindex="-1"
5433                ref="countryListItems[]"
5434                on:click="/selectCountry/CM"
5435              >
5436                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5437<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5438</svg>
5439</span>
5440                <span class="country">Cameroon</span>
5441                <span
5442                  class="localization-form__currency motion-reduce"
5443                  
5444                >
5445                  XAF
5446                  CFA</span>
5447              </li>
5448              <li
5449                class="localization-form__list-item"
5450                
5451                data-value="CA"
5452                
5453                  data-aliases=""
5454                
5455                id="Canada"
5456                aria-label="Canada"
5457                role="option"
5458                tabindex="-1"
5459                ref="countryListItems[]"
5460                on:click="/selectCountry/CA"
5461              >
5462                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5463<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5464</svg>
5465</span>
5466                <span class="country">Canada</span>
5467                <span
5468                  class="localization-form__currency motion-reduce"
5469                  
5470                >
5471                  CAD
5472                  $</span>
5473              </li>
5474              <li
5475                class="localization-form__list-item"
5476                
5477                data-value="CV"
5478                
5479                  data-aliases=""
5480                
5481                id="Cape Verde"
5482                aria-label="Cape Verde"
5483                role="option"
5484                tabindex="-1"
5485                ref="countryListItems[]"
5486                on:click="/selectCountry/CV"
5487              >
5488                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5489<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5490</svg>
5491</span>
5492                <span class="country">Cape Verde</span>
5493                <span
5494                  class="localization-form__currency motion-reduce"
5495                  
5496                >
5497                  CVE
5498                  $</span>
5499              </li>
5500              <li
5501                class="localization-form__list-item"
5502                
5503                data-value="BQ"
5504                
5505                  data-aliases=""
5506                
5507                id="Caribbean Netherlands"
5508                aria-label="Caribbean Netherlands"
5509                role="option"
5510                tabindex="-1"
5511                ref="countryListItems[]"
5512                on:click="/selectCountry/BQ"
5513              >
5514                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5515<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5516</svg>
5517</span>
5518                <span class="country">Caribbean Netherlands</span>
5519                <span
5520                  class="localization-form__currency motion-reduce"
5521                  
5522                >
5523                  USD
5524                  $</span>
5525              </li>
5526              <li
5527                class="localization-form__list-item"
5528                
5529                data-value="KY"
5530                
5531                  data-aliases=""
5532                
5533                id="Cayman Islands"
5534                aria-label="Cayman Islands"
5535                role="option"
5536                tabindex="-1"
5537                ref="countryListItems[]"
5538                on:click="/selectCountry/KY"
5539              >
5540                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5541<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5542</svg>
5543</span>
5544                <span class="country">Cayman Islands</span>
5545                <span
5546                  class="localization-form__currency motion-reduce"
5547                  
5548                >
5549                  KYD
5550                  $</span>
5551              </li>
5552              <li
5553                class="localization-form__list-item"
5554                
5555                data-value="CF"
5556                
5557                  data-aliases=""
5558                
5559                id="Central African Republic"
5560                aria-label="Central African Republic"
5561                role="option"
5562                tabindex="-1"
5563                ref="countryListItems[]"
5564                on:click="/selectCountry/CF"
5565              >
5566                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5567<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5568</svg>
5569</span>
5570                <span class="country">Central African Republic</span>
5571                <span
5572                  class="localization-form__currency motion-reduce"
5573                  
5574                >
5575                  XAF
5576                  CFA</span>
5577              </li>
5578              <li
5579                class="localization-form__list-item"
5580                
5581                data-value="TD"
5582                
5583                  data-aliases=""
5584                
5585                id="Chad"
5586                aria-label="Chad"
5587                role="option"
5588                tabindex="-1"
5589                ref="countryListItems[]"
5590                on:click="/selectCountry/TD"
5591              >
5592                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5593<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5594</svg>
5595</span>
5596                <span class="country">Chad</span>
5597                <span
5598                  class="localization-form__currency motion-reduce"
5599                  
5600                >
5601                  XAF
5602                  CFA</span>
5603              </li>
5604              <li
5605                class="localization-form__list-item"
5606                
5607                data-value="CL"
5608                
5609                  data-aliases=""
5610                
5611                id="Chile"
5612                aria-label="Chile"
5613                role="option"
5614                tabindex="-1"
5615                ref="countryListItems[]"
5616                on:click="/selectCountry/CL"
5617              >
5618                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5619<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5620</svg>
5621</span>
5622                <span class="country">Chile</span>
5623                <span
5624                  class="localization-form__currency motion-reduce"
5625                  
5626                >
5627                  CAD
5628                  $</span>
5629              </li>
5630              <li
5631                class="localization-form__list-item"
5632                
5633                data-value="CN"
5634                
5635                  data-aliases=""
5636                
5637                id="China"
5638                aria-label="China"
5639                role="option"
5640                tabindex="-1"
5641                ref="countryListItems[]"
5642                on:click="/selectCountry/CN"
5643              >
5644                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5645<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5646</svg>
5647</span>
5648                <span class="country">China</span>
5649                <span
5650                  class="localization-form__currency motion-reduce"
5651                  
5652                >
5653                  CNY
5654                  ¥</span>
5655              </li>
5656              <li
5657                class="localization-form__list-item"
5658                
5659                data-value="CX"
5660                
5661                  data-aliases=""
5662                
5663                id="Christmas Island"
5664                aria-label="Christmas Island"
5665                role="option"
5666                tabindex="-1"
5667                ref="countryListItems[]"
5668                on:click="/selectCountry/CX"
5669              >
5670                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5671<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5672</svg>
5673</span>
5674                <span class="country">Christmas Island</span>
5675                <span
5676                  class="localization-form__currency motion-reduce"
5677                  
5678                >
5679                  AUD
5680                  $</span>
5681              </li>
5682              <li
5683                class="localization-form__list-item"
5684                
5685                data-value="CC"
5686                
5687                  data-aliases=""
5688                
5689                id="Cocos (Keeling) Islands"
5690                aria-label="Cocos (Keeling) Islands"
5691                role="option"
5692                tabindex="-1"
5693                ref="countryListItems[]"
5694                on:click="/selectCountry/CC"
5695              >
5696                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5697<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5698</svg>
5699</span>
5700                <span class="country">Cocos (Keeling) Islands</span>
5701                <span
5702                  class="localization-form__currency motion-reduce"
5703                  
5704                >
5705                  AUD
5706                  $</span>
5707              </li>
5708              <li
5709                class="localization-form__list-item"
5710                
5711                data-value="CO"
5712                
5713                  data-aliases=""
5714                
5715                id="Colombia"
5716                aria-label="Colombia"
5717                role="option"
5718                tabindex="-1"
5719                ref="countryListItems[]"
5720                on:click="/selectCountry/CO"
5721              >
5722                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5723<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5724</svg>
5725</span>
5726                <span class="country">Colombia</span>
5727                <span
5728                  class="localization-form__currency motion-reduce"
5729                  
5730                >
5731                  CAD
5732                  $</span>
5733              </li>
5734              <li
5735                class="localization-form__list-item"
5736                
5737                data-value="KM"
5738                
5739                  data-aliases=""
5740                
5741                id="Comoros"
5742                aria-label="Comoros"
5743                role="option"
5744                tabindex="-1"
5745                ref="countryListItems[]"
5746                on:click="/selectCountry/KM"
5747              >
5748                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5749<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5750</svg>
5751</span>
5752                <span class="country">Comoros</span>
5753                <span
5754                  class="localization-form__currency motion-reduce"
5755                  
5756                >
5757                  KMF
5758                  Fr</span>
5759              </li>
5760              <li
5761                class="localization-form__list-item"
5762                
5763                data-value="CG"
5764                
5765                  data-aliases=""
5766                
5767                id="Congo - Brazzaville"
5768                aria-label="Congo - Brazzaville"
5769                role="option"
5770                tabindex="-1"
5771                ref="countryListItems[]"
5772                on:click="/selectCountry/CG"
5773              >
5774                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5775<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5776</svg>
5777</span>
5778                <span class="country">Congo - Brazzaville</span>
5779                <span
5780                  class="localization-form__currency motion-reduce"
5781                  
5782                >
5783                  XAF
5784                  CFA</span>
5785              </li>
5786              <li
5787                class="localization-form__list-item"
5788                
5789                data-value="CD"
5790                
5791                  data-aliases=""
5792                
5793                id="Congo - Kinshasa"
5794                aria-label="Congo - Kinshasa"
5795                role="option"
5796                tabindex="-1"
5797                ref="countryListItems[]"
5798                on:click="/selectCountry/CD"
5799              >
5800                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5801<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5802</svg>
5803</span>
5804                <span class="country">Congo - Kinshasa</span>
5805                <span
5806                  class="localization-form__currency motion-reduce"
5807                  
5808                >
5809                  CDF
5810                  Fr</span>
5811              </li>
5812              <li
5813                class="localization-form__list-item"
5814                
5815                data-value="CK"
5816                
5817                  data-aliases=""
5818                
5819                id="Cook Islands"
5820                aria-label="Cook Islands"
5821                role="option"
5822                tabindex="-1"
5823                ref="countryListItems[]"
5824                on:click="/selectCountry/CK"
5825              >
5826                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5827<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5828</svg>
5829</span>
5830                <span class="country">Cook Islands</span>
5831                <span
5832                  class="localization-form__currency motion-reduce"
5833                  
5834                >
5835                  NZD
5836                  $</span>
5837              </li>
5838              <li
5839                class="localization-form__list-item"
5840                
5841                data-value="CR"
5842                
5843                  data-aliases=""
5844                
5845                id="Costa Rica"
5846                aria-label="Costa Rica"
5847                role="option"
5848                tabindex="-1"
5849                ref="countryListItems[]"
5850                on:click="/selectCountry/CR"
5851              >
5852                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5853<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5854</svg>
5855</span>
5856                <span class="country">Costa Rica</span>
5857                <span
5858                  class="localization-form__currency motion-reduce"
5859                  
5860                >
5861                  CRC
5862                  ₡</span>
5863              </li>
5864              <li
5865                class="localization-form__list-item"
5866                
5867                data-value="CI"
5868                
5869                  data-aliases=""
5870                
5871                id="Côte d’Ivoire"
5872                aria-label="Côte d’Ivoire"
5873                role="option"
5874                tabindex="-1"
5875                ref="countryListItems[]"
5876                on:click="/selectCountry/CI"
5877              >
5878                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5879<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5880</svg>
5881</span>
5882                <span class="country">Côte d’Ivoire</span>
5883                <span
5884                  class="localization-form__currency motion-reduce"
5885                  
5886                >
5887                  XOF
5888                  Fr</span>
5889              </li>
5890              <li
5891                class="localization-form__list-item"
5892                
5893                data-value="HR"
5894                
5895                  data-aliases=""
5896                
5897                id="Croatia"
5898                aria-label="Croatia"
5899                role="option"
5900                tabindex="-1"
5901                ref="countryListItems[]"
5902                on:click="/selectCountry/HR"
5903              >
5904                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5905<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5906</svg>
5907</span>
5908                <span class="country">Croatia</span>
5909                <span
5910                  class="localization-form__currency motion-reduce"
5911                  
5912                >
5913                  EUR
5914                  €</span>
5915              </li>
5916              <li
5917                class="localization-form__list-item"
5918                
5919                data-value="CW"
5920                
5921                  data-aliases=""
5922                
5923                id="Curaçao"
5924                aria-label="Curaçao"
5925                role="option"
5926                tabindex="-1"
5927                ref="countryListItems[]"
5928                on:click="/selectCountry/CW"
5929              >
5930                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5931<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5932</svg>
5933</span>
5934                <span class="country">Curaçao</span>
5935                <span
5936                  class="localization-form__currency motion-reduce"
5937                  
5938                >
5939                  ANG
5940                  ƒ</span>
5941              </li>
5942              <li
5943                class="localization-form__list-item"
5944                
5945                data-value="CY"
5946                
5947                  data-aliases=""
5948                
5949                id="Cyprus"
5950                aria-label="Cyprus"
5951                role="option"
5952                tabindex="-1"
5953                ref="countryListItems[]"
5954                on:click="/selectCountry/CY"
5955              >
5956                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5957<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5958</svg>
5959</span>
5960                <span class="country">Cyprus</span>
5961                <span
5962                  class="localization-form__currency motion-reduce"
5963                  
5964                >
5965                  EUR
5966                  €</span>
5967              </li>
5968              <li
5969                class="localization-form__list-item"
5970                
5971                data-value="CZ"
5972                
5973                  data-aliases=""
5974                
5975                id="Czechia"
5976                aria-label="Czechia"
5977                role="option"
5978                tabindex="-1"
5979                ref="countryListItems[]"
5980                on:click="/selectCountry/CZ"
5981              >
5982                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5983<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5984</svg>
5985</span>
5986                <span class="country">Czechia</span>
5987                <span
5988                  class="localization-form__currency motion-reduce"
5989                  
5990                >
5991                  CZK
5992                  Kč</span>
5993              </li>
5994              <li
5995                class="localization-form__list-item"
5996                
5997                data-value="DK"
5998                
5999                  data-aliases=""
6000                
6001                id="Denmark"
6002                aria-label="Denmark"
6003                role="option"
6004                tabindex="-1"
6005                ref="countryListItems[]"
6006                on:click="/selectCountry/DK"
6007              >
6008                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6009<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6010</svg>
6011</span>
6012                <span class="country">Denmark</span>
6013                <span
6014                  class="localization-form__currency motion-reduce"
6015                  
6016                >
6017                  DKK
6018                  kr.</span>
6019              </li>
6020              <li
6021                class="localization-form__list-item"
6022                
6023                data-value="DJ"
6024                
6025                  data-aliases=""
6026                
6027                id="Djibouti"
6028                aria-label="Djibouti"
6029                role="option"
6030                tabindex="-1"
6031                ref="countryListItems[]"
6032                on:click="/selectCountry/DJ"
6033              >
6034                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6035<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6036</svg>
6037</span>
6038                <span class="country">Djibouti</span>
6039                <span
6040                  class="localization-form__currency motion-reduce"
6041                  
6042                >
6043                  DJF
6044                  Fdj</span>
6045              </li>
6046              <li
6047                class="localization-form__list-item"
6048                
6049                data-value="DM"
6050                
6051                  data-aliases=""
6052                
6053                id="Dominica"
6054                aria-label="Dominica"
6055                role="option"
6056                tabindex="-1"
6057                ref="countryListItems[]"
6058                on:click="/selectCountry/DM"
6059              >
6060                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6061<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6062</svg>
6063</span>
6064                <span class="country">Dominica</span>
6065                <span
6066                  class="localization-form__currency motion-reduce"
6067                  
6068                >
6069                  XCD
6070                  $</span>
6071              </li>
6072              <li
6073                class="localization-form__list-item"
6074                
6075                data-value="DO"
6076                
6077                  data-aliases=""
6078                
6079                id="Dominican Republic"
6080                aria-label="Dominican Republic"
6081                role="option"
6082                tabindex="-1"
6083                ref="countryListItems[]"
6084                on:click="/selectCountry/DO"
6085              >
6086                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6087<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6088</svg>
6089</span>
6090                <span class="country">Dominican Republic</span>
6091                <span
6092                  class="localization-form__currency motion-reduce"
6093                  
6094                >
6095                  DOP
6096                  $</span>
6097              </li>
6098              <li
6099                class="localization-form__list-item"
6100                
6101                data-value="EC"
6102                
6103                  data-aliases=""
6104                
6105                id="Ecuador"
6106                aria-label="Ecuador"
6107                role="option"
6108                tabindex="-1"
6109                ref="countryListItems[]"
6110                on:click="/selectCountry/EC"
6111              >
6112                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6113<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6114</svg>
6115</span>
6116                <span class="country">Ecuador</span>
6117                <span
6118                  class="localization-form__currency motion-reduce"
6119                  
6120                >
6121                  USD
6122                  $</span>
6123              </li>
6124              <li
6125                class="localization-form__list-item"
6126                
6127                data-value="EG"
6128                
6129                  data-aliases=""
6130                
6131                id="Egypt"
6132                aria-label="Egypt"
6133                role="option"
6134                tabindex="-1"
6135                ref="countryListItems[]"
6136                on:click="/selectCountry/EG"
6137              >
6138                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6139<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6140</svg>
6141</span>
6142                <span class="country">Egypt</span>
6143                <span
6144                  class="localization-form__currency motion-reduce"
6145                  
6146                >
6147                  EGP
6148                  ج.م</span>
6149              </li>
6150              <li
6151                class="localization-form__list-item"
6152                
6153                data-value="SV"
6154                
6155                  data-aliases=""
6156                
6157                id="El Salvador"
6158                aria-label="El Salvador"
6159                role="option"
6160                tabindex="-1"
6161                ref="countryListItems[]"
6162                on:click="/selectCountry/SV"
6163              >
6164                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6165<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6166</svg>
6167</span>
6168                <span class="country">El Salvador</span>
6169                <span
6170                  class="localization-form__currency motion-reduce"
6171                  
6172                >
6173                  USD
6174                  $</span>
6175              </li>
6176              <li
6177                class="localization-form__list-item"
6178                
6179                data-value="GQ"
6180                
6181                  data-aliases=""
6182                
6183                id="Equatorial Guinea"
6184                aria-label="Equatorial Guinea"
6185                role="option"
6186                tabindex="-1"
6187                ref="countryListItems[]"
6188                on:click="/selectCountry/GQ"
6189              >
6190                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6191<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6192</svg>
6193</span>
6194                <span class="country">Equatorial Guinea</span>
6195                <span
6196                  class="localization-form__currency motion-reduce"
6197                  
6198                >
6199                  XAF
6200                  CFA</span>
6201              </li>
6202              <li
6203                class="localization-form__list-item"
6204                
6205                data-value="ER"
6206                
6207                  data-aliases=""
6208                
6209                id="Eritrea"
6210                aria-label="Eritrea"
6211                role="option"
6212                tabindex="-1"
6213                ref="countryListItems[]"
6214                on:click="/selectCountry/ER"
6215              >
6216                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6217<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6218</svg>
6219</span>
6220                <span class="country">Eritrea</span>
6221                <span
6222                  class="localization-form__currency motion-reduce"
6223                  
6224                >
6225                  CAD
6226                  $</span>
6227              </li>
6228              <li
6229                class="localization-form__list-item"
6230                
6231                data-value="EE"
6232                
6233                  data-aliases=""
6234                
6235                id="Estonia"
6236                aria-label="Estonia"
6237                role="option"
6238                tabindex="-1"
6239                ref="countryListItems[]"
6240                on:click="/selectCountry/EE"
6241              >
6242                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6243<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6244</svg>
6245</span>
6246                <span class="country">Estonia</span>
6247                <span
6248                  class="localization-form__currency motion-reduce"
6249                  
6250                >
6251                  EUR
6252                  €</span>
6253              </li>
6254              <li
6255                class="localization-form__list-item"
6256                
6257                data-value="SZ"
6258                
6259                  data-aliases=""
6260                
6261                id="Eswatini"
6262                aria-label="Eswatini"
6263                role="option"
6264                tabindex="-1"
6265                ref="countryListItems[]"
6266                on:click="/selectCountry/SZ"
6267              >
6268                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6269<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6270</svg>
6271</span>
6272                <span class="country">Eswatini</span>
6273                <span
6274                  class="localization-form__currency motion-reduce"
6275                  
6276                >
6277                  CAD
6278                  $</span>
6279              </li>
6280              <li
6281                class="localization-form__list-item"
6282                
6283                data-value="ET"
6284                
6285                  data-aliases=""
6286                
6287                id="Ethiopia"
6288                aria-label="Ethiopia"
6289                role="option"
6290                tabindex="-1"
6291                ref="countryListItems[]"
6292                on:click="/selectCountry/ET"
6293              >
6294                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6295<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6296</svg>
6297</span>
6298                <span class="country">Ethiopia</span>
6299                <span
6300                  class="localization-form__currency motion-reduce"
6301                  
6302                >
6303                  ETB
6304                  Br</span>
6305              </li>
6306              <li
6307                class="localization-form__list-item"
6308                
6309                data-value="FK"
6310                
6311                  data-aliases=""
6312                
6313                id="Falkland Islands"
6314                aria-label="Falkland Islands"
6315                role="option"
6316                tabindex="-1"
6317                ref="countryListItems[]"
6318                on:click="/selectCountry/FK"
6319              >
6320                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6321<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6322</svg>
6323</span>
6324                <span class="country">Falkland Islands</span>
6325                <span
6326                  class="localization-form__currency motion-reduce"
6327                  
6328                >
6329                  FKP
6330                  £</span>
6331              </li>
6332              <li
6333                class="localization-form__list-item"
6334                
6335                data-value="FO"
6336                
6337                  data-aliases=""
6338                
6339                id="Faroe Islands"
6340                aria-label="Faroe Islands"
6341                role="option"
6342                tabindex="-1"
6343                ref="countryListItems[]"
6344                on:click="/selectCountry/FO"
6345              >
6346                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6347<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6348</svg>
6349</span>
6350                <span class="country">Faroe Islands</span>
6351                <span
6352                  class="localization-form__currency motion-reduce"
6353                  
6354                >
6355                  DKK
6356                  kr.</span>
6357              </li>
6358              <li
6359                class="localization-form__list-item"
6360                
6361                data-value="FJ"
6362                
6363                  data-aliases=""
6364                
6365                id="Fiji"
6366                aria-label="Fiji"
6367                role="option"
6368                tabindex="-1"
6369                ref="countryListItems[]"
6370                on:click="/selectCountry/FJ"
6371              >
6372                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6373<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6374</svg>
6375</span>
6376                <span class="country">Fiji</span>
6377                <span
6378                  class="localization-form__currency motion-reduce"
6379                  
6380                >
6381                  FJD
6382                  $</span>
6383              </li>
6384              <li
6385                class="localization-form__list-item"
6386                
6387                data-value="FI"
6388                
6389                  data-aliases=""
6390                
6391                id="Finland"
6392                aria-label="Finland"
6393                role="option"
6394                tabindex="-1"
6395                ref="countryListItems[]"
6396                on:click="/selectCountry/FI"
6397              >
6398                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6399<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6400</svg>
6401</span>
6402                <span class="country">Finland</span>
6403                <span
6404                  class="localization-form__currency motion-reduce"
6405                  
6406                >
6407                  EUR
6408                  €</span>
6409              </li>
6410              <li
6411                class="localization-form__list-item"
6412                
6413                data-value="FR"
6414                
6415                  data-aliases=""
6416                
6417                id="France"
6418                aria-label="France"
6419                role="option"
6420                tabindex="-1"
6421                ref="countryListItems[]"
6422                on:click="/selectCountry/FR"
6423              >
6424                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6425<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6426</svg>
6427</span>
6428                <span class="country">France</span>
6429                <span
6430                  class="localization-form__currency motion-reduce"
6431                  
6432                >
6433                  EUR
6434                  €</span>
6435              </li>
6436              <li
6437                class="localization-form__list-item"
6438                
6439                data-value="GF"
6440                
6441                  data-aliases=""
6442                
6443                id="French Guiana"
6444                aria-label="French Guiana"
6445                role="option"
6446                tabindex="-1"
6447                ref="countryListItems[]"
6448                on:click="/selectCountry/GF"
6449              >
6450                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6451<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6452</svg>
6453</span>
6454                <span class="country">French Guiana</span>
6455                <span
6456                  class="localization-form__currency motion-reduce"
6457                  
6458                >
6459                  EUR
6460                  €</span>
6461              </li>
6462              <li
6463                class="localization-form__list-item"
6464                
6465                data-value="PF"
6466                
6467                  data-aliases=""
6468                
6469                id="French Polynesia"
6470                aria-label="French Polynesia"
6471                role="option"
6472                tabindex="-1"
6473                ref="countryListItems[]"
6474                on:click="/selectCountry/PF"
6475              >
6476                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6477<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6478</svg>
6479</span>
6480                <span class="country">French Polynesia</span>
6481                <span
6482                  class="localization-form__currency motion-reduce"
6483                  
6484                >
6485                  XPF
6486                  Fr</span>
6487              </li>
6488              <li
6489                class="localization-form__list-item"
6490                
6491                data-value="TF"
6492                
6493                  data-aliases=""
6494                
6495                id="French Southern Territories"
6496                aria-label="French Southern Territories"
6497                role="option"
6498                tabindex="-1"
6499                ref="countryListItems[]"
6500                on:click="/selectCountry/TF"
6501              >
6502                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6503<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6504</svg>
6505</span>
6506                <span class="country">French Southern Territories</span>
6507                <span
6508                  class="localization-form__currency motion-reduce"
6509                  
6510                >
6511                  EUR
6512                  €</span>
6513              </li>
6514              <li
6515                class="localization-form__list-item"
6516                
6517                data-value="GA"
6518                
6519                  data-aliases=""
6520                
6521                id="Gabon"
6522                aria-label="Gabon"
6523                role="option"
6524                tabindex="-1"
6525                ref="countryListItems[]"
6526                on:click="/selectCountry/GA"
6527              >
6528                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6529<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6530</svg>
6531</span>
6532                <span class="country">Gabon</span>
6533                <span
6534                  class="localization-form__currency motion-reduce"
6535                  
6536                >
6537                  XOF
6538                  Fr</span>
6539              </li>
6540              <li
6541                class="localization-form__list-item"
6542                
6543                data-value="GM"
6544                
6545                  data-aliases=""
6546                
6547                id="Gambia"
6548                aria-label="Gambia"
6549                role="option"
6550                tabindex="-1"
6551                ref="countryListItems[]"
6552                on:click="/selectCountry/GM"
6553              >
6554                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6555<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6556</svg>
6557</span>
6558                <span class="country">Gambia</span>
6559                <span
6560                  class="localization-form__currency motion-reduce"
6561                  
6562                >
6563                  GMD
6564                  D</span>
6565              </li>
6566              <li
6567                class="localization-form__list-item"
6568                
6569                data-value="GE"
6570                
6571                  data-aliases=""
6572                
6573                id="Georgia"
6574                aria-label="Georgia"
6575                role="option"
6576                tabindex="-1"
6577                ref="countryListItems[]"
6578                on:click="/selectCountry/GE"
6579              >
6580                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6581<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6582</svg>
6583</span>
6584                <span class="country">Georgia</span>
6585                <span
6586                  class="localization-form__currency motion-reduce"
6587                  
6588                >
6589                  CAD
6590                  $</span>
6591              </li>
6592              <li
6593                class="localization-form__list-item"
6594                
6595                data-value="DE"
6596                
6597                  data-aliases=""
6598                
6599                id="Germany"
6600                aria-label="Germany"
6601                role="option"
6602                tabindex="-1"
6603                ref="countryListItems[]"
6604                on:click="/selectCountry/DE"
6605              >
6606                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6607<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6608</svg>
6609</span>
6610                <span class="country">Germany</span>
6611                <span
6612                  class="localization-form__currency motion-reduce"
6613                  
6614                >
6615                  EUR
6616                  €</span>
6617              </li>
6618              <li
6619                class="localization-form__list-item"
6620                
6621                data-value="GH"
6622                
6623                  data-aliases=""
6624                
6625                id="Ghana"
6626                aria-label="Ghana"
6627                role="option"
6628                tabindex="-1"
6629                ref="countryListItems[]"
6630                on:click="/selectCountry/GH"
6631              >
6632                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6633<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6634</svg>
6635</span>
6636                <span class="country">Ghana</span>
6637                <span
6638                  class="localization-form__currency motion-reduce"
6639                  
6640                >
6641                  CAD
6642                  $</span>
6643              </li>
6644              <li
6645                class="localization-form__list-item"
6646                
6647                data-value="GI"
6648                
6649                  data-aliases=""
6650                
6651                id="Gibraltar"
6652                aria-label="Gibraltar"
6653                role="option"
6654                tabindex="-1"
6655                ref="countryListItems[]"
6656                on:click="/selectCountry/GI"
6657              >
6658                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6659<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6660</svg>
6661</span>
6662                <span class="country">Gibraltar</span>
6663                <span
6664                  class="localization-form__currency motion-reduce"
6665                  
6666                >
6667                  GBP
6668                  £</span>
6669              </li>
6670              <li
6671                class="localization-form__list-item"
6672                
6673                data-value="GR"
6674                
6675                  data-aliases=""
6676                
6677                id="Greece"
6678                aria-label="Greece"
6679                role="option"
6680                tabindex="-1"
6681                ref="countryListItems[]"
6682                on:click="/selectCountry/GR"
6683              >
6684                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6685<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6686</svg>
6687</span>
6688                <span class="country">Greece</span>
6689                <span
6690                  class="localization-form__currency motion-reduce"
6691                  
6692                >
6693                  EUR
6694                  €</span>
6695              </li>
6696              <li
6697                class="localization-form__list-item"
6698                
6699                data-value="GL"
6700                
6701                  data-aliases=""
6702                
6703                id="Greenland"
6704                aria-label="Greenland"
6705                role="option"
6706                tabindex="-1"
6707                ref="countryListItems[]"
6708                on:click="/selectCountry/GL"
6709              >
6710                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6711<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6712</svg>
6713</span>
6714                <span class="country">Greenland</span>
6715                <span
6716                  class="localization-form__currency motion-reduce"
6717                  
6718                >
6719                  DKK
6720                  kr.</span>
6721              </li>
6722              <li
6723                class="localization-form__list-item"
6724                
6725                data-value="GD"
6726                
6727                  data-aliases=""
6728                
6729                id="Grenada"
6730                aria-label="Grenada"
6731                role="option"
6732                tabindex="-1"
6733                ref="countryListItems[]"
6734                on:click="/selectCountry/GD"
6735              >
6736                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6737<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6738</svg>
6739</span>
6740                <span class="country">Grenada</span>
6741                <span
6742                  class="localization-form__currency motion-reduce"
6743                  
6744                >
6745                  XCD
6746                  $</span>
6747              </li>
6748              <li
6749                class="localization-form__list-item"
6750                
6751                data-value="GP"
6752                
6753                  data-aliases=""
6754                
6755                id="Guadeloupe"
6756                aria-label="Guadeloupe"
6757                role="option"
6758                tabindex="-1"
6759                ref="countryListItems[]"
6760                on:click="/selectCountry/GP"
6761              >
6762                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6763<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6764</svg>
6765</span>
6766                <span class="country">Guadeloupe</span>
6767                <span
6768                  class="localization-form__currency motion-reduce"
6769                  
6770                >
6771                  EUR
6772                  €</span>
6773              </li>
6774              <li
6775                class="localization-form__list-item"
6776                
6777                data-value="GT"
6778                
6779                  data-aliases=""
6780                
6781                id="Guatemala"
6782                aria-label="Guatemala"
6783                role="option"
6784                tabindex="-1"
6785                ref="countryListItems[]"
6786                on:click="/selectCountry/GT"
6787              >
6788                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6789<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6790</svg>
6791</span>
6792                <span class="country">Guatemala</span>
6793                <span
6794                  class="localization-form__currency motion-reduce"
6795                  
6796                >
6797                  GTQ
6798                  Q</span>
6799              </li>
6800              <li
6801                class="localization-form__list-item"
6802                
6803                data-value="GG"
6804                
6805                  data-aliases=""
6806                
6807                id="Guernsey"
6808                aria-label="Guernsey"
6809                role="option"
6810                tabindex="-1"
6811                ref="countryListItems[]"
6812                on:click="/selectCountry/GG"
6813              >
6814                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6815<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6816</svg>
6817</span>
6818                <span class="country">Guernsey</span>
6819                <span
6820                  class="localization-form__currency motion-reduce"
6821                  
6822                >
6823                  GBP
6824                  £</span>
6825              </li>
6826              <li
6827                class="localization-form__list-item"
6828                
6829                data-value="GN"
6830                
6831                  data-aliases=""
6832                
6833                id="Guinea"
6834                aria-label="Guinea"
6835                role="option"
6836                tabindex="-1"
6837                ref="countryListItems[]"
6838                on:click="/selectCountry/GN"
6839              >
6840                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6841<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6842</svg>
6843</span>
6844                <span class="country">Guinea</span>
6845                <span
6846                  class="localization-form__currency motion-reduce"
6847                  
6848                >
6849                  GNF
6850                  Fr</span>
6851              </li>
6852              <li
6853                class="localization-form__list-item"
6854                
6855                data-value="GW"
6856                
6857                  data-aliases=""
6858                
6859                id="Guinea-Bissau"
6860                aria-label="Guinea-Bissau"
6861                role="option"
6862                tabindex="-1"
6863                ref="countryListItems[]"
6864                on:click="/selectCountry/GW"
6865              >
6866                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6867<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6868</svg>
6869</span>
6870                <span class="country">Guinea-Bissau</span>
6871                <span
6872                  class="localization-form__currency motion-reduce"
6873                  
6874                >
6875                  XOF
6876                  Fr</span>
6877              </li>
6878              <li
6879                class="localization-form__list-item"
6880                
6881                data-value="GY"
6882                
6883                  data-aliases=""
6884                
6885                id="Guyana"
6886                aria-label="Guyana"
6887                role="option"
6888                tabindex="-1"
6889                ref="countryListItems[]"
6890                on:click="/selectCountry/GY"
6891              >
6892                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6893<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6894</svg>
6895</span>
6896                <span class="country">Guyana</span>
6897                <span
6898                  class="localization-form__currency motion-reduce"
6899                  
6900                >
6901                  GYD
6902                  $</span>
6903              </li>
6904              <li
6905                class="localization-form__list-item"
6906                
6907                data-value="HT"
6908                
6909                  data-aliases=""
6910                
6911                id="Haiti"
6912                aria-label="Haiti"
6913                role="option"
6914                tabindex="-1"
6915                ref="countryListItems[]"
6916                on:click="/selectCountry/HT"
6917              >
6918                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6919<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6920</svg>
6921</span>
6922                <span class="country">Haiti</span>
6923                <span
6924                  class="localization-form__currency motion-reduce"
6925                  
6926                >
6927                  CAD
6928                  $</span>
6929              </li>
6930              <li
6931                class="localization-form__list-item"
6932                
6933                data-value="HN"
6934                
6935                  data-aliases=""
6936                
6937                id="Honduras"
6938                aria-label="Honduras"
6939                role="option"
6940                tabindex="-1"
6941                ref="countryListItems[]"
6942                on:click="/selectCountry/HN"
6943              >
6944                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6945<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6946</svg>
6947</span>
6948                <span class="country">Honduras</span>
6949                <span
6950                  class="localization-form__currency motion-reduce"
6951                  
6952                >
6953                  HNL
6954                  L</span>
6955              </li>
6956              <li
6957                class="localization-form__list-item"
6958                
6959                data-value="HK"
6960                
6961                  data-aliases=""
6962                
6963                id="Hong Kong SAR"
6964                aria-label="Hong Kong SAR"
6965                role="option"
6966                tabindex="-1"
6967                ref="countryListItems[]"
6968                on:click="/selectCountry/HK"
6969              >
6970                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6971<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6972</svg>
6973</span>
6974                <span class="country">Hong Kong SAR</span>
6975                <span
6976                  class="localization-form__currency motion-reduce"
6977                  
6978                >
6979                  HKD
6980                  $</span>
6981              </li>
6982              <li
6983                class="localization-form__list-item"
6984                
6985                data-value="HU"
6986                
6987                  data-aliases=""
6988                
6989                id="Hungary"
6990                aria-label="Hungary"
6991                role="option"
6992                tabindex="-1"
6993                ref="countryListItems[]"
6994                on:click="/selectCountry/HU"
6995              >
6996                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6997<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6998</svg>
6999</span>
7000                <span class="country">Hungary</span>
7001                <span
7002                  class="localization-form__currency motion-reduce"
7003                  
7004                >
7005                  HUF
7006                  Ft</span>
7007              </li>
7008              <li
7009                class="localization-form__list-item"
7010                
7011                data-value="IS"
7012                
7013                  data-aliases=""
7014                
7015                id="Iceland"
7016                aria-label="Iceland"
7017                role="option"
7018                tabindex="-1"
7019                ref="countryListItems[]"
7020                on:click="/selectCountry/IS"
7021              >
7022                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7023<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7024</svg>
7025</span>
7026                <span class="country">Iceland</span>
7027                <span
7028                  class="localization-form__currency motion-reduce"
7029                  
7030                >
7031                  ISK
7032                  kr</span>
7033              </li>
7034              <li
7035                class="localization-form__list-item"
7036                
7037                data-value="IN"
7038                
7039                  data-aliases=""
7040                
7041                id="India"
7042                aria-label="India"
7043                role="option"
7044                tabindex="-1"
7045                ref="countryListItems[]"
7046                on:click="/selectCountry/IN"
7047              >
7048                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7049<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7050</svg>
7051</span>
7052                <span class="country">India</span>
7053                <span
7054                  class="localization-form__currency motion-reduce"
7055                  
7056                >
7057                  INR
7058                  ₹</span>
7059              </li>
7060              <li
7061                class="localization-form__list-item"
7062                
7063                data-value="ID"
7064                
7065                  data-aliases=""
7066                
7067                id="Indonesia"
7068                aria-label="Indonesia"
7069                role="option"
7070                tabindex="-1"
7071                ref="countryListItems[]"
7072                on:click="/selectCountry/ID"
7073              >
7074                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7075<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7076</svg>
7077</span>
7078                <span class="country">Indonesia</span>
7079                <span
7080                  class="localization-form__currency motion-reduce"
7081                  
7082                >
7083                  IDR
7084                  Rp</span>
7085              </li>
7086              <li
7087                class="localization-form__list-item"
7088                
7089                data-value="IQ"
7090                
7091                  data-aliases=""
7092                
7093                id="Iraq"
7094                aria-label="Iraq"
7095                role="option"
7096                tabindex="-1"
7097                ref="countryListItems[]"
7098                on:click="/selectCountry/IQ"
7099              >
7100                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7101<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7102</svg>
7103</span>
7104                <span class="country">Iraq</span>
7105                <span
7106                  class="localization-form__currency motion-reduce"
7107                  
7108                >
7109                  CAD
7110                  $</span>
7111              </li>
7112              <li
7113                class="localization-form__list-item"
7114                
7115                data-value="IE"
7116                
7117                  data-aliases=""
7118                
7119                id="Ireland"
7120                aria-label="Ireland"
7121                role="option"
7122                tabindex="-1"
7123                ref="countryListItems[]"
7124                on:click="/selectCountry/IE"
7125              >
7126                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7127<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7128</svg>
7129</span>
7130                <span class="country">Ireland</span>
7131                <span
7132                  class="localization-form__currency motion-reduce"
7133                  
7134                >
7135                  EUR
7136                  €</span>
7137              </li>
7138              <li
7139                class="localization-form__list-item"
7140                
7141                data-value="IM"
7142                
7143                  data-aliases=""
7144                
7145                id="Isle of Man"
7146                aria-label="Isle of Man"
7147                role="option"
7148                tabindex="-1"
7149                ref="countryListItems[]"
7150                on:click="/selectCountry/IM"
7151              >
7152                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7153<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7154</svg>
7155</span>
7156                <span class="country">Isle of Man</span>
7157                <span
7158                  class="localization-form__currency motion-reduce"
7159                  
7160                >
7161                  GBP
7162                  £</span>
7163              </li>
7164              <li
7165                class="localization-form__list-item"
7166                
7167                data-value="IL"
7168                
7169                  data-aliases=""
7170                
7171                id="Israel"
7172                aria-label="Israel"
7173                role="option"
7174                tabindex="-1"
7175                ref="countryListItems[]"
7176                on:click="/selectCountry/IL"
7177              >
7178                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7179<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7180</svg>
7181</span>
7182                <span class="country">Israel</span>
7183                <span
7184                  class="localization-form__currency motion-reduce"
7185                  
7186                >
7187                  ILS
7188                  ₪</span>
7189              </li>
7190              <li
7191                class="localization-form__list-item"
7192                
7193                data-value="IT"
7194                
7195                  data-aliases=""
7196                
7197                id="Italy"
7198                aria-label="Italy"
7199                role="option"
7200                tabindex="-1"
7201                ref="countryListItems[]"
7202                on:click="/selectCountry/IT"
7203              >
7204                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7205<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7206</svg>
7207</span>
7208                <span class="country">Italy</span>
7209                <span
7210                  class="localization-form__currency motion-reduce"
7211                  
7212                >
7213                  EUR
7214                  €</span>
7215              </li>
7216              <li
7217                class="localization-form__list-item"
7218                
7219                data-value="JM"
7220                
7221                  data-aliases=""
7222                
7223                id="Jamaica"
7224                aria-label="Jamaica"
7225                role="option"
7226                tabindex="-1"
7227                ref="countryListItems[]"
7228                on:click="/selectCountry/JM"
7229              >
7230                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7231<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7232</svg>
7233</span>
7234                <span class="country">Jamaica</span>
7235                <span
7236                  class="localization-form__currency motion-reduce"
7237                  
7238                >
7239                  JMD
7240                  $</span>
7241              </li>
7242              <li
7243                class="localization-form__list-item"
7244                
7245                data-value="JP"
7246                
7247                  data-aliases=""
7248                
7249                id="Japan"
7250                aria-label="Japan"
7251                role="option"
7252                tabindex="-1"
7253                ref="countryListItems[]"
7254                on:click="/selectCountry/JP"
7255              >
7256                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7257<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7258</svg>
7259</span>
7260                <span class="country">Japan</span>
7261                <span
7262                  class="localization-form__currency motion-reduce"
7263                  
7264                >
7265                  JPY
7266                  ¥</span>
7267              </li>
7268              <li
7269                class="localization-form__list-item"
7270                
7271                data-value="JE"
7272                
7273                  data-aliases=""
7274                
7275                id="Jersey"
7276                aria-label="Jersey"
7277                role="option"
7278                tabindex="-1"
7279                ref="countryListItems[]"
7280                on:click="/selectCountry/JE"
7281              >
7282                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7283<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7284</svg>
7285</span>
7286                <span class="country">Jersey</span>
7287                <span
7288                  class="localization-form__currency motion-reduce"
7289                  
7290                >
7291                  CAD
7292                  $</span>
7293              </li>
7294              <li
7295                class="localization-form__list-item"
7296                
7297                data-value="JO"
7298                
7299                  data-aliases=""
7300                
7301                id="Jordan"
7302                aria-label="Jordan"
7303                role="option"
7304                tabindex="-1"
7305                ref="countryListItems[]"
7306                on:click="/selectCountry/JO"
7307              >
7308                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7309<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7310</svg>
7311</span>
7312                <span class="country">Jordan</span>
7313                <span
7314                  class="localization-form__currency motion-reduce"
7315                  
7316                >
7317                  CAD
7318                  $</span>
7319              </li>
7320              <li
7321                class="localization-form__list-item"
7322                
7323                data-value="KZ"
7324                
7325                  data-aliases=""
7326                
7327                id="Kazakhstan"
7328                aria-label="Kazakhstan"
7329                role="option"
7330                tabindex="-1"
7331                ref="countryListItems[]"
7332                on:click="/selectCountry/KZ"
7333              >
7334                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7335<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7336</svg>
7337</span>
7338                <span class="country">Kazakhstan</span>
7339                <span
7340                  class="localization-form__currency motion-reduce"
7341                  
7342                >
7343                  KZT
7344                  ₸</span>
7345              </li>
7346              <li
7347                class="localization-form__list-item"
7348                
7349                data-value="KE"
7350                
7351                  data-aliases=""
7352                
7353                id="Kenya"
7354                aria-label="Kenya"
7355                role="option"
7356                tabindex="-1"
7357                ref="countryListItems[]"
7358                on:click="/selectCountry/KE"
7359              >
7360                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7361<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7362</svg>
7363</span>
7364                <span class="country">Kenya</span>
7365                <span
7366                  class="localization-form__currency motion-reduce"
7367                  
7368                >
7369                  KES
7370                  KSh</span>
7371              </li>
7372              <li
7373                class="localization-form__list-item"
7374                
7375                data-value="KI"
7376                
7377                  data-aliases=""
7378                
7379                id="Kiribati"
7380                aria-label="Kiribati"
7381                role="option"
7382                tabindex="-1"
7383                ref="countryListItems[]"
7384                on:click="/selectCountry/KI"
7385              >
7386                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7387<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7388</svg>
7389</span>
7390                <span class="country">Kiribati</span>
7391                <span
7392                  class="localization-form__currency motion-reduce"
7393                  
7394                >
7395                  CAD
7396                  $</span>
7397              </li>
7398              <li
7399                class="localization-form__list-item"
7400                
7401                data-value="XK"
7402                
7403                  data-aliases=""
7404                
7405                id="Kosovo"
7406                aria-label="Kosovo"
7407                role="option"
7408                tabindex="-1"
7409                ref="countryListItems[]"
7410                on:click="/selectCountry/XK"
7411              >
7412                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7413<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7414</svg>
7415</span>
7416                <span class="country">Kosovo</span>
7417                <span
7418                  class="localization-form__currency motion-reduce"
7419                  
7420                >
7421                  EUR
7422                  €</span>
7423              </li>
7424              <li
7425                class="localization-form__list-item"
7426                
7427                data-value="KW"
7428                
7429                  data-aliases=""
7430                
7431                id="Kuwait"
7432                aria-label="Kuwait"
7433                role="option"
7434                tabindex="-1"
7435                ref="countryListItems[]"
7436                on:click="/selectCountry/KW"
7437              >
7438                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7439<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7440</svg>
7441</span>
7442                <span class="country">Kuwait</span>
7443                <span
7444                  class="localization-form__currency motion-reduce"
7445                  
7446                >
7447                  CAD
7448                  $</span>
7449              </li>
7450              <li
7451                class="localization-form__list-item"
7452                
7453                data-value="KG"
7454                
7455                  data-aliases=""
7456                
7457                id="Kyrgyzstan"
7458                aria-label="Kyrgyzstan"
7459                role="option"
7460                tabindex="-1"
7461                ref="countryListItems[]"
7462                on:click="/selectCountry/KG"
7463              >
7464                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7465<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7466</svg>
7467</span>
7468                <span class="country">Kyrgyzstan</span>
7469                <span
7470                  class="localization-form__currency motion-reduce"
7471                  
7472                >
7473                  KGS
7474                  som</span>
7475              </li>
7476              <li
7477                class="localization-form__list-item"
7478                
7479                data-value="LA"
7480                
7481                  data-aliases=""
7482                
7483                id="Laos"
7484                aria-label="Laos"
7485                role="option"
7486                tabindex="-1"
7487                ref="countryListItems[]"
7488                on:click="/selectCountry/LA"
7489              >
7490                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7491<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7492</svg>
7493</span>
7494                <span class="country">Laos</span>
7495                <span
7496                  class="localization-form__currency motion-reduce"
7497                  
7498                >
7499                  LAK
7500                  ₭</span>
7501              </li>
7502              <li
7503                class="localization-form__list-item"
7504                
7505                data-value="LV"
7506                
7507                  data-aliases=""
7508                
7509                id="Latvia"
7510                aria-label="Latvia"
7511                role="option"
7512                tabindex="-1"
7513                ref="countryListItems[]"
7514                on:click="/selectCountry/LV"
7515              >
7516                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7517<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7518</svg>
7519</span>
7520                <span class="country">Latvia</span>
7521                <span
7522                  class="localization-form__currency motion-reduce"
7523                  
7524                >
7525                  EUR
7526                  €</span>
7527              </li>
7528              <li
7529                class="localization-form__list-item"
7530                
7531                data-value="LB"
7532                
7533                  data-aliases=""
7534                
7535                id="Lebanon"
7536                aria-label="Lebanon"
7537                role="option"
7538                tabindex="-1"
7539                ref="countryListItems[]"
7540                on:click="/selectCountry/LB"
7541              >
7542                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7543<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7544</svg>
7545</span>
7546                <span class="country">Lebanon</span>
7547                <span
7548                  class="localization-form__currency motion-reduce"
7549                  
7550                >
7551                  LBP
7552                  ل.ل</span>
7553              </li>
7554              <li
7555                class="localization-form__list-item"
7556                
7557                data-value="LS"
7558                
7559                  data-aliases=""
7560                
7561                id="Lesotho"
7562                aria-label="Lesotho"
7563                role="option"
7564                tabindex="-1"
7565                ref="countryListItems[]"
7566                on:click="/selectCountry/LS"
7567              >
7568                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7569<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7570</svg>
7571</span>
7572                <span class="country">Lesotho</span>
7573                <span
7574                  class="localization-form__currency motion-reduce"
7575                  
7576                >
7577                  CAD
7578                  $</span>
7579              </li>
7580              <li
7581                class="localization-form__list-item"
7582                
7583                data-value="LR"
7584                
7585                  data-aliases=""
7586                
7587                id="Liberia"
7588                aria-label="Liberia"
7589                role="option"
7590                tabindex="-1"
7591                ref="countryListItems[]"
7592                on:click="/selectCountry/LR"
7593              >
7594                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7595<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7596</svg>
7597</span>
7598                <span class="country">Liberia</span>
7599                <span
7600                  class="localization-form__currency motion-reduce"
7601                  
7602                >
7603                  CAD
7604                  $</span>
7605              </li>
7606              <li
7607                class="localization-form__list-item"
7608                
7609                data-value="LY"
7610                
7611                  data-aliases=""
7612                
7613                id="Libya"
7614                aria-label="Libya"
7615                role="option"
7616                tabindex="-1"
7617                ref="countryListItems[]"
7618                on:click="/selectCountry/LY"
7619              >
7620                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7621<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7622</svg>
7623</span>
7624                <span class="country">Libya</span>
7625                <span
7626                  class="localization-form__currency motion-reduce"
7627                  
7628                >
7629                  CAD
7630                  $</span>
7631              </li>
7632              <li
7633                class="localization-form__list-item"
7634                
7635                data-value="LI"
7636                
7637                  data-aliases=""
7638                
7639                id="Liechtenstein"
7640                aria-label="Liechtenstein"
7641                role="option"
7642                tabindex="-1"
7643                ref="countryListItems[]"
7644                on:click="/selectCountry/LI"
7645              >
7646                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7647<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7648</svg>
7649</span>
7650                <span class="country">Liechtenstein</span>
7651                <span
7652                  class="localization-form__currency motion-reduce"
7653                  
7654                >
7655                  CHF
7656                  CHF</span>
7657              </li>
7658              <li
7659                class="localization-form__list-item"
7660                
7661                data-value="LT"
7662                
7663                  data-aliases=""
7664                
7665                id="Lithuania"
7666                aria-label="Lithuania"
7667                role="option"
7668                tabindex="-1"
7669                ref="countryListItems[]"
7670                on:click="/selectCountry/LT"
7671              >
7672                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7673<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7674</svg>
7675</span>
7676                <span class="country">Lithuania</span>
7677                <span
7678                  class="localization-form__currency motion-reduce"
7679                  
7680                >
7681                  EUR
7682                  €</span>
7683              </li>
7684              <li
7685                class="localization-form__list-item"
7686                
7687                data-value="LU"
7688                
7689                  data-aliases=""
7690                
7691                id="Luxembourg"
7692                aria-label="Luxembourg"
7693                role="option"
7694                tabindex="-1"
7695                ref="countryListItems[]"
7696                on:click="/selectCountry/LU"
7697              >
7698                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7699<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7700</svg>
7701</span>
7702                <span class="country">Luxembourg</span>
7703                <span
7704                  class="localization-form__currency motion-reduce"
7705                  
7706                >
7707                  EUR
7708                  €</span>
7709              </li>
7710              <li
7711                class="localization-form__list-item"
7712                
7713                data-value="MO"
7714                
7715                  data-aliases=""
7716                
7717                id="Macao SAR"
7718                aria-label="Macao SAR"
7719                role="option"
7720                tabindex="-1"
7721                ref="countryListItems[]"
7722                on:click="/selectCountry/MO"
7723              >
7724                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7725<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7726</svg>
7727</span>
7728                <span class="country">Macao SAR</span>
7729                <span
7730                  class="localization-form__currency motion-reduce"
7731                  
7732                >
7733                  MOP
7734                  P</span>
7735              </li>
7736              <li
7737                class="localization-form__list-item"
7738                
7739                data-value="MG"
7740                
7741                  data-aliases=""
7742                
7743                id="Madagascar"
7744                aria-label="Madagascar"
7745                role="option"
7746                tabindex="-1"
7747                ref="countryListItems[]"
7748                on:click="/selectCountry/MG"
7749              >
7750                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7751<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7752</svg>
7753</span>
7754                <span class="country">Madagascar</span>
7755                <span
7756                  class="localization-form__currency motion-reduce"
7757                  
7758                >
7759                  CAD
7760                  $</span>
7761              </li>
7762              <li
7763                class="localization-form__list-item"
7764                
7765                data-value="MW"
7766                
7767                  data-aliases=""
7768                
7769                id="Malawi"
7770                aria-label="Malawi"
7771                role="option"
7772                tabindex="-1"
7773                ref="countryListItems[]"
7774                on:click="/selectCountry/MW"
7775              >
7776                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7777<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7778</svg>
7779</span>
7780                <span class="country">Malawi</span>
7781                <span
7782                  class="localization-form__currency motion-reduce"
7783                  
7784                >
7785                  MWK
7786                  MK</span>
7787              </li>
7788              <li
7789                class="localization-form__list-item"
7790                
7791                data-value="MY"
7792                
7793                  data-aliases=""
7794                
7795                id="Malaysia"
7796                aria-label="Malaysia"
7797                role="option"
7798                tabindex="-1"
7799                ref="countryListItems[]"
7800                on:click="/selectCountry/MY"
7801              >
7802                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7803<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7804</svg>
7805</span>
7806                <span class="country">Malaysia</span>
7807                <span
7808                  class="localization-form__currency motion-reduce"
7809                  
7810                >
7811                  MYR
7812                  RM</span>
7813              </li>
7814              <li
7815                class="localization-form__list-item"
7816                
7817                data-value="MV"
7818                
7819                  data-aliases=""
7820                
7821                id="Maldives"
7822                aria-label="Maldives"
7823                role="option"
7824                tabindex="-1"
7825                ref="countryListItems[]"
7826                on:click="/selectCountry/MV"
7827              >
7828                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7829<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7830</svg>
7831</span>
7832                <span class="country">Maldives</span>
7833                <span
7834                  class="localization-form__currency motion-reduce"
7835                  
7836                >
7837                  MVR
7838                  MVR</span>
7839              </li>
7840              <li
7841                class="localization-form__list-item"
7842                
7843                data-value="ML"
7844                
7845                  data-aliases=""
7846                
7847                id="Mali"
7848                aria-label="Mali"
7849                role="option"
7850                tabindex="-1"
7851                ref="countryListItems[]"
7852                on:click="/selectCountry/ML"
7853              >
7854                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7855<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7856</svg>
7857</span>
7858                <span class="country">Mali</span>
7859                <span
7860                  class="localization-form__currency motion-reduce"
7861                  
7862                >
7863                  XOF
7864                  Fr</span>
7865              </li>
7866              <li
7867                class="localization-form__list-item"
7868                
7869                data-value="MT"
7870                
7871                  data-aliases=""
7872                
7873                id="Malta"
7874                aria-label="Malta"
7875                role="option"
7876                tabindex="-1"
7877                ref="countryListItems[]"
7878                on:click="/selectCountry/MT"
7879              >
7880                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7881<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7882</svg>
7883</span>
7884                <span class="country">Malta</span>
7885                <span
7886                  class="localization-form__currency motion-reduce"
7887                  
7888                >
7889                  EUR
7890                  €</span>
7891              </li>
7892              <li
7893                class="localization-form__list-item"
7894                
7895                data-value="MQ"
7896                
7897                  data-aliases=""
7898                
7899                id="Martinique"
7900                aria-label="Martinique"
7901                role="option"
7902                tabindex="-1"
7903                ref="countryListItems[]"
7904                on:click="/selectCountry/MQ"
7905              >
7906                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7907<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7908</svg>
7909</span>
7910                <span class="country">Martinique</span>
7911                <span
7912                  class="localization-form__currency motion-reduce"
7913                  
7914                >
7915                  EUR
7916                  €</span>
7917              </li>
7918              <li
7919                class="localization-form__list-item"
7920                
7921                data-value="MR"
7922                
7923                  data-aliases=""
7924                
7925                id="Mauritania"
7926                aria-label="Mauritania"
7927                role="option"
7928                tabindex="-1"
7929                ref="countryListItems[]"
7930                on:click="/selectCountry/MR"
7931              >
7932                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7933<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7934</svg>
7935</span>
7936                <span class="country">Mauritania</span>
7937                <span
7938                  class="localization-form__currency motion-reduce"
7939                  
7940                >
7941                  CAD
7942                  $</span>
7943              </li>
7944              <li
7945                class="localization-form__list-item"
7946                
7947                data-value="MU"
7948                
7949                  data-aliases=""
7950                
7951                id="Mauritius"
7952                aria-label="Mauritius"
7953                role="option"
7954                tabindex="-1"
7955                ref="countryListItems[]"
7956                on:click="/selectCountry/MU"
7957              >
7958                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7959<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7960</svg>
7961</span>
7962                <span class="country">Mauritius</span>
7963                <span
7964                  class="localization-form__currency motion-reduce"
7965                  
7966                >
7967                  MUR
7968                  ₨</span>
7969              </li>
7970              <li
7971                class="localization-form__list-item"
7972                
7973                data-value="YT"
7974                
7975                  data-aliases=""
7976                
7977                id="Mayotte"
7978                aria-label="Mayotte"
7979                role="option"
7980                tabindex="-1"
7981                ref="countryListItems[]"
7982                on:click="/selectCountry/YT"
7983              >
7984                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
7985<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
7986</svg>
7987</span>
7988                <span class="country">Mayotte</span>
7989                <span
7990                  class="localization-form__currency motion-reduce"
7991                  
7992                >
7993                  EUR
7994                  €</span>
7995              </li>
7996              <li
7997                class="localization-form__list-item"
7998                
7999                data-value="MX"
8000                
8001                  data-aliases=""
8002                
8003                id="Mexico"
8004                aria-label="Mexico"
8005                role="option"
8006                tabindex="-1"
8007                ref="countryListItems[]"
8008                on:click="/selectCountry/MX"
8009              >
8010                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8011<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8012</svg>
8013</span>
8014                <span class="country">Mexico</span>
8015                <span
8016                  class="localization-form__currency motion-reduce"
8017                  
8018                >
8019                  CAD
8020                  $</span>
8021              </li>
8022              <li
8023                class="localization-form__list-item"
8024                
8025                data-value="MD"
8026                
8027                  data-aliases=""
8028                
8029                id="Moldova"
8030                aria-label="Moldova"
8031                role="option"
8032                tabindex="-1"
8033                ref="countryListItems[]"
8034                on:click="/selectCountry/MD"
8035              >
8036                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8037<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8038</svg>
8039</span>
8040                <span class="country">Moldova</span>
8041                <span
8042                  class="localization-form__currency motion-reduce"
8043                  
8044                >
8045                  MDL
8046                  L</span>
8047              </li>
8048              <li
8049                class="localization-form__list-item"
8050                
8051                data-value="MC"
8052                
8053                  data-aliases=""
8054                
8055                id="Monaco"
8056                aria-label="Monaco"
8057                role="option"
8058                tabindex="-1"
8059                ref="countryListItems[]"
8060                on:click="/selectCountry/MC"
8061              >
8062                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8063<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8064</svg>
8065</span>
8066                <span class="country">Monaco</span>
8067                <span
8068                  class="localization-form__currency motion-reduce"
8069                  
8070                >
8071                  EUR
8072                  €</span>
8073              </li>
8074              <li
8075                class="localization-form__list-item"
8076                
8077                data-value="MN"
8078                
8079                  data-aliases=""
8080                
8081                id="Mongolia"
8082                aria-label="Mongolia"
8083                role="option"
8084                tabindex="-1"
8085                ref="countryListItems[]"
8086                on:click="/selectCountry/MN"
8087              >
8088                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8089<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8090</svg>
8091</span>
8092                <span class="country">Mongolia</span>
8093                <span
8094                  class="localization-form__currency motion-reduce"
8095                  
8096                >
8097                  MNT
8098                  ₮</span>
8099              </li>
8100              <li
8101                class="localization-form__list-item"
8102                
8103                data-value="ME"
8104                
8105                  data-aliases=""
8106                
8107                id="Montenegro"
8108                aria-label="Montenegro"
8109                role="option"
8110                tabindex="-1"
8111                ref="countryListItems[]"
8112                on:click="/selectCountry/ME"
8113              >
8114                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8115<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8116</svg>
8117</span>
8118                <span class="country">Montenegro</span>
8119                <span
8120                  class="localization-form__currency motion-reduce"
8121                  
8122                >
8123                  EUR
8124                  €</span>
8125              </li>
8126              <li
8127                class="localization-form__list-item"
8128                
8129                data-value="MS"
8130                
8131                  data-aliases=""
8132                
8133                id="Montserrat"
8134                aria-label="Montserrat"
8135                role="option"
8136                tabindex="-1"
8137                ref="countryListItems[]"
8138                on:click="/selectCountry/MS"
8139              >
8140                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8141<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8142</svg>
8143</span>
8144                <span class="country">Montserrat</span>
8145                <span
8146                  class="localization-form__currency motion-reduce"
8147                  
8148                >
8149                  XCD
8150                  $</span>
8151              </li>
8152              <li
8153                class="localization-form__list-item"
8154                
8155                data-value="MA"
8156                
8157                  data-aliases=""
8158                
8159                id="Morocco"
8160                aria-label="Morocco"
8161                role="option"
8162                tabindex="-1"
8163                ref="countryListItems[]"
8164                on:click="/selectCountry/MA"
8165              >
8166                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8167<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8168</svg>
8169</span>
8170                <span class="country">Morocco</span>
8171                <span
8172                  class="localization-form__currency motion-reduce"
8173                  
8174                >
8175                  MAD
8176                  د.م.</span>
8177              </li>
8178              <li
8179                class="localization-form__list-item"
8180                
8181                data-value="MZ"
8182                
8183                  data-aliases=""
8184                
8185                id="Mozambique"
8186                aria-label="Mozambique"
8187                role="option"
8188                tabindex="-1"
8189                ref="countryListItems[]"
8190                on:click="/selectCountry/MZ"
8191              >
8192                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8193<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8194</svg>
8195</span>
8196                <span class="country">Mozambique</span>
8197                <span
8198                  class="localization-form__currency motion-reduce"
8199                  
8200                >
8201                  CAD
8202                  $</span>
8203              </li>
8204              <li
8205                class="localization-form__list-item"
8206                
8207                data-value="MM"
8208                
8209                  data-aliases=""
8210                
8211                id="Myanmar (Burma)"
8212                aria-label="Myanmar (Burma)"
8213                role="option"
8214                tabindex="-1"
8215                ref="countryListItems[]"
8216                on:click="/selectCountry/MM"
8217              >
8218                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8219<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8220</svg>
8221</span>
8222                <span class="country">Myanmar (Burma)</span>
8223                <span
8224                  class="localization-form__currency motion-reduce"
8225                  
8226                >
8227                  MMK
8228                  K</span>
8229              </li>
8230              <li
8231                class="localization-form__list-item"
8232                
8233                data-value="NA"
8234                
8235                  data-aliases=""
8236                
8237                id="Namibia"
8238                aria-label="Namibia"
8239                role="option"
8240                tabindex="-1"
8241                ref="countryListItems[]"
8242                on:click="/selectCountry/NA"
8243              >
8244                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8245<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8246</svg>
8247</span>
8248                <span class="country">Namibia</span>
8249                <span
8250                  class="localization-form__currency motion-reduce"
8251                  
8252                >
8253                  CAD
8254                  $</span>
8255              </li>
8256              <li
8257                class="localization-form__list-item"
8258                
8259                data-value="NR"
8260                
8261                  data-aliases=""
8262                
8263                id="Nauru"
8264                aria-label="Nauru"
8265                role="option"
8266                tabindex="-1"
8267                ref="countryListItems[]"
8268                on:click="/selectCountry/NR"
8269              >
8270                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8271<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8272</svg>
8273</span>
8274                <span class="country">Nauru</span>
8275                <span
8276                  class="localization-form__currency motion-reduce"
8277                  
8278                >
8279                  AUD
8280                  $</span>
8281              </li>
8282              <li
8283                class="localization-form__list-item"
8284                
8285                data-value="NP"
8286                
8287                  data-aliases=""
8288                
8289                id="Nepal"
8290                aria-label="Nepal"
8291                role="option"
8292                tabindex="-1"
8293                ref="countryListItems[]"
8294                on:click="/selectCountry/NP"
8295              >
8296                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8297<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8298</svg>
8299</span>
8300                <span class="country">Nepal</span>
8301                <span
8302                  class="localization-form__currency motion-reduce"
8303                  
8304                >
8305                  NPR
8306                  Rs.</span>
8307              </li>
8308              <li
8309                class="localization-form__list-item"
8310                
8311                data-value="NL"
8312                
8313                  data-aliases=""
8314                
8315                id="Netherlands"
8316                aria-label="Netherlands"
8317                role="option"
8318                tabindex="-1"
8319                ref="countryListItems[]"
8320                on:click="/selectCountry/NL"
8321              >
8322                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8323<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8324</svg>
8325</span>
8326                <span class="country">Netherlands</span>
8327                <span
8328                  class="localization-form__currency motion-reduce"
8329                  
8330                >
8331                  EUR
8332                  €</span>
8333              </li>
8334              <li
8335                class="localization-form__list-item"
8336                
8337                data-value="NC"
8338                
8339                  data-aliases=""
8340                
8341                id="New Caledonia"
8342                aria-label="New Caledonia"
8343                role="option"
8344                tabindex="-1"
8345                ref="countryListItems[]"
8346                on:click="/selectCountry/NC"
8347              >
8348                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8349<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8350</svg>
8351</span>
8352                <span class="country">New Caledonia</span>
8353                <span
8354                  class="localization-form__currency motion-reduce"
8355                  
8356                >
8357                  XPF
8358                  Fr</span>
8359              </li>
8360              <li
8361                class="localization-form__list-item"
8362                
8363                data-value="NZ"
8364                
8365                  data-aliases=""
8366                
8367                id="New Zealand"
8368                aria-label="New Zealand"
8369                role="option"
8370                tabindex="-1"
8371                ref="countryListItems[]"
8372                on:click="/selectCountry/NZ"
8373              >
8374                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8375<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8376</svg>
8377</span>
8378                <span class="country">New Zealand</span>
8379                <span
8380                  class="localization-form__currency motion-reduce"
8381                  
8382                >
8383                  NZD
8384                  $</span>
8385              </li>
8386              <li
8387                class="localization-form__list-item"
8388                
8389                data-value="NI"
8390                
8391                  data-aliases=""
8392                
8393                id="Nicaragua"
8394                aria-label="Nicaragua"
8395                role="option"
8396                tabindex="-1"
8397                ref="countryListItems[]"
8398                on:click="/selectCountry/NI"
8399              >
8400                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8401<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8402</svg>
8403</span>
8404                <span class="country">Nicaragua</span>
8405                <span
8406                  class="localization-form__currency motion-reduce"
8407                  
8408                >
8409                  NIO
8410                  C$</span>
8411              </li>
8412              <li
8413                class="localization-form__list-item"
8414                
8415                data-value="NE"
8416                
8417                  data-aliases=""
8418                
8419                id="Niger"
8420                aria-label="Niger"
8421                role="option"
8422                tabindex="-1"
8423                ref="countryListItems[]"
8424                on:click="/selectCountry/NE"
8425              >
8426                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8427<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8428</svg>
8429</span>
8430                <span class="country">Niger</span>
8431                <span
8432                  class="localization-form__currency motion-reduce"
8433                  
8434                >
8435                  XOF
8436                  Fr</span>
8437              </li>
8438              <li
8439                class="localization-form__list-item"
8440                
8441                data-value="NG"
8442                
8443                  data-aliases=""
8444                
8445                id="Nigeria"
8446                aria-label="Nigeria"
8447                role="option"
8448                tabindex="-1"
8449                ref="countryListItems[]"
8450                on:click="/selectCountry/NG"
8451              >
8452                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8453<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8454</svg>
8455</span>
8456                <span class="country">Nigeria</span>
8457                <span
8458                  class="localization-form__currency motion-reduce"
8459                  
8460                >
8461                  NGN
8462                  ₦</span>
8463              </li>
8464              <li
8465                class="localization-form__list-item"
8466                
8467                data-value="NU"
8468                
8469                  data-aliases=""
8470                
8471                id="Niue"
8472                aria-label="Niue"
8473                role="option"
8474                tabindex="-1"
8475                ref="countryListItems[]"
8476                on:click="/selectCountry/NU"
8477              >
8478                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8479<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8480</svg>
8481</span>
8482                <span class="country">Niue</span>
8483                <span
8484                  class="localization-form__currency motion-reduce"
8485                  
8486                >
8487                  NZD
8488                  $</span>
8489              </li>
8490              <li
8491                class="localization-form__list-item"
8492                
8493                data-value="NF"
8494                
8495                  data-aliases=""
8496                
8497                id="Norfolk Island"
8498                aria-label="Norfolk Island"
8499                role="option"
8500                tabindex="-1"
8501                ref="countryListItems[]"
8502                on:click="/selectCountry/NF"
8503              >
8504                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8505<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8506</svg>
8507</span>
8508                <span class="country">Norfolk Island</span>
8509                <span
8510                  class="localization-form__currency motion-reduce"
8511                  
8512                >
8513                  AUD
8514                  $</span>
8515              </li>
8516              <li
8517                class="localization-form__list-item"
8518                
8519                data-value="MK"
8520                
8521                  data-aliases=""
8522                
8523                id="North Macedonia"
8524                aria-label="North Macedonia"
8525                role="option"
8526                tabindex="-1"
8527                ref="countryListItems[]"
8528                on:click="/selectCountry/MK"
8529              >
8530                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8531<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8532</svg>
8533</span>
8534                <span class="country">North Macedonia</span>
8535                <span
8536                  class="localization-form__currency motion-reduce"
8537                  
8538                >
8539                  MKD
8540                  ден</span>
8541              </li>
8542              <li
8543                class="localization-form__list-item"
8544                
8545                data-value="NO"
8546                
8547                  data-aliases=""
8548                
8549                id="Norway"
8550                aria-label="Norway"
8551                role="option"
8552                tabindex="-1"
8553                ref="countryListItems[]"
8554                on:click="/selectCountry/NO"
8555              >
8556                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8557<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8558</svg>
8559</span>
8560                <span class="country">Norway</span>
8561                <span
8562                  class="localization-form__currency motion-reduce"
8563                  
8564                >
8565                  NOK
8566                  kr</span>
8567              </li>
8568              <li
8569                class="localization-form__list-item"
8570                
8571                data-value="OM"
8572                
8573                  data-aliases=""
8574                
8575                id="Oman"
8576                aria-label="Oman"
8577                role="option"
8578                tabindex="-1"
8579                ref="countryListItems[]"
8580                on:click="/selectCountry/OM"
8581              >
8582                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8583<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8584</svg>
8585</span>
8586                <span class="country">Oman</span>
8587                <span
8588                  class="localization-form__currency motion-reduce"
8589                  
8590                >
8591                  CAD
8592                  $</span>
8593              </li>
8594              <li
8595                class="localization-form__list-item"
8596                
8597                data-value="PK"
8598                
8599                  data-aliases=""
8600                
8601                id="Pakistan"
8602                aria-label="Pakistan"
8603                role="option"
8604                tabindex="-1"
8605                ref="countryListItems[]"
8606                on:click="/selectCountry/PK"
8607              >
8608                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8609<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8610</svg>
8611</span>
8612                <span class="country">Pakistan</span>
8613                <span
8614                  class="localization-form__currency motion-reduce"
8615                  
8616                >
8617                  PKR
8618                  ₨</span>
8619              </li>
8620              <li
8621                class="localization-form__list-item"
8622                
8623                data-value="PS"
8624                
8625                  data-aliases=""
8626                
8627                id="Palestinian Territories"
8628                aria-label="Palestinian Territories"
8629                role="option"
8630                tabindex="-1"
8631                ref="countryListItems[]"
8632                on:click="/selectCountry/PS"
8633              >
8634                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8635<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8636</svg>
8637</span>
8638                <span class="country">Palestinian Territories</span>
8639                <span
8640                  class="localization-form__currency motion-reduce"
8641                  
8642                >
8643                  ILS
8644                  ₪</span>
8645              </li>
8646              <li
8647                class="localization-form__list-item"
8648                
8649                data-value="PA"
8650                
8651                  data-aliases=""
8652                
8653                id="Panama"
8654                aria-label="Panama"
8655                role="option"
8656                tabindex="-1"
8657                ref="countryListItems[]"
8658                on:click="/selectCountry/PA"
8659              >
8660                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8661<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8662</svg>
8663</span>
8664                <span class="country">Panama</span>
8665                <span
8666                  class="localization-form__currency motion-reduce"
8667                  
8668                >
8669                  USD
8670                  $</span>
8671              </li>
8672              <li
8673                class="localization-form__list-item"
8674                
8675                data-value="PG"
8676                
8677                  data-aliases=""
8678                
8679                id="Papua New Guinea"
8680                aria-label="Papua New Guinea"
8681                role="option"
8682                tabindex="-1"
8683                ref="countryListItems[]"
8684                on:click="/selectCountry/PG"
8685              >
8686                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8687<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8688</svg>
8689</span>
8690                <span class="country">Papua New Guinea</span>
8691                <span
8692                  class="localization-form__currency motion-reduce"
8693                  
8694                >
8695                  PGK
8696                  K</span>
8697              </li>
8698              <li
8699                class="localization-form__list-item"
8700                
8701                data-value="PY"
8702                
8703                  data-aliases=""
8704                
8705                id="Paraguay"
8706                aria-label="Paraguay"
8707                role="option"
8708                tabindex="-1"
8709                ref="countryListItems[]"
8710                on:click="/selectCountry/PY"
8711              >
8712                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8713<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8714</svg>
8715</span>
8716                <span class="country">Paraguay</span>
8717                <span
8718                  class="localization-form__currency motion-reduce"
8719                  
8720                >
8721                  PYG
8722                  ₲</span>
8723              </li>
8724              <li
8725                class="localization-form__list-item"
8726                
8727                data-value="PE"
8728                
8729                  data-aliases=""
8730                
8731                id="Peru"
8732                aria-label="Peru"
8733                role="option"
8734                tabindex="-1"
8735                ref="countryListItems[]"
8736                on:click="/selectCountry/PE"
8737              >
8738                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8739<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8740</svg>
8741</span>
8742                <span class="country">Peru</span>
8743                <span
8744                  class="localization-form__currency motion-reduce"
8745                  
8746                >
8747                  PEN
8748                  S/</span>
8749              </li>
8750              <li
8751                class="localization-form__list-item"
8752                
8753                data-value="PH"
8754                
8755                  data-aliases=""
8756                
8757                id="Philippines"
8758                aria-label="Philippines"
8759                role="option"
8760                tabindex="-1"
8761                ref="countryListItems[]"
8762                on:click="/selectCountry/PH"
8763              >
8764                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8765<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8766</svg>
8767</span>
8768                <span class="country">Philippines</span>
8769                <span
8770                  class="localization-form__currency motion-reduce"
8771                  
8772                >
8773                  PHP
8774                  ₱</span>
8775              </li>
8776              <li
8777                class="localization-form__list-item"
8778                
8779                data-value="PN"
8780                
8781                  data-aliases=""
8782                
8783                id="Pitcairn Islands"
8784                aria-label="Pitcairn Islands"
8785                role="option"
8786                tabindex="-1"
8787                ref="countryListItems[]"
8788                on:click="/selectCountry/PN"
8789              >
8790                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8791<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8792</svg>
8793</span>
8794                <span class="country">Pitcairn Islands</span>
8795                <span
8796                  class="localization-form__currency motion-reduce"
8797                  
8798                >
8799                  NZD
8800                  $</span>
8801              </li>
8802              <li
8803                class="localization-form__list-item"
8804                
8805                data-value="PL"
8806                
8807                  data-aliases=""
8808                
8809                id="Poland"
8810                aria-label="Poland"
8811                role="option"
8812                tabindex="-1"
8813                ref="countryListItems[]"
8814                on:click="/selectCountry/PL"
8815              >
8816                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8817<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8818</svg>
8819</span>
8820                <span class="country">Poland</span>
8821                <span
8822                  class="localization-form__currency motion-reduce"
8823                  
8824                >
8825                  PLN
8826                  zł</span>
8827              </li>
8828              <li
8829                class="localization-form__list-item"
8830                
8831                data-value="PT"
8832                
8833                  data-aliases=""
8834                
8835                id="Portugal"
8836                aria-label="Portugal"
8837                role="option"
8838                tabindex="-1"
8839                ref="countryListItems[]"
8840                on:click="/selectCountry/PT"
8841              >
8842                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8843<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8844</svg>
8845</span>
8846                <span class="country">Portugal</span>
8847                <span
8848                  class="localization-form__currency motion-reduce"
8849                  
8850                >
8851                  EUR
8852                  €</span>
8853              </li>
8854              <li
8855                class="localization-form__list-item"
8856                
8857                data-value="QA"
8858                
8859                  data-aliases=""
8860                
8861                id="Qatar"
8862                aria-label="Qatar"
8863                role="option"
8864                tabindex="-1"
8865                ref="countryListItems[]"
8866                on:click="/selectCountry/QA"
8867              >
8868                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8869<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8870</svg>
8871</span>
8872                <span class="country">Qatar</span>
8873                <span
8874                  class="localization-form__currency motion-reduce"
8875                  
8876                >
8877                  QAR
8878                  ر.ق</span>
8879              </li>
8880              <li
8881                class="localization-form__list-item"
8882                
8883                data-value="RE"
8884                
8885                  data-aliases=""
8886                
8887                id="Réunion"
8888                aria-label="Réunion"
8889                role="option"
8890                tabindex="-1"
8891                ref="countryListItems[]"
8892                on:click="/selectCountry/RE"
8893              >
8894                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8895<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8896</svg>
8897</span>
8898                <span class="country">Réunion</span>
8899                <span
8900                  class="localization-form__currency motion-reduce"
8901                  
8902                >
8903                  EUR
8904                  €</span>
8905              </li>
8906              <li
8907                class="localization-form__list-item"
8908                
8909                data-value="RO"
8910                
8911                  data-aliases=""
8912                
8913                id="Romania"
8914                aria-label="Romania"
8915                role="option"
8916                tabindex="-1"
8917                ref="countryListItems[]"
8918                on:click="/selectCountry/RO"
8919              >
8920                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8921<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8922</svg>
8923</span>
8924                <span class="country">Romania</span>
8925                <span
8926                  class="localization-form__currency motion-reduce"
8927                  
8928                >
8929                  RON
8930                  Lei</span>
8931              </li>
8932              <li
8933                class="localization-form__list-item"
8934                
8935                data-value="RU"
8936                
8937                  data-aliases=""
8938                
8939                id="Russia"
8940                aria-label="Russia"
8941                role="option"
8942                tabindex="-1"
8943                ref="countryListItems[]"
8944                on:click="/selectCountry/RU"
8945              >
8946                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8947<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8948</svg>
8949</span>
8950                <span class="country">Russia</span>
8951                <span
8952                  class="localization-form__currency motion-reduce"
8953                  
8954                >
8955                  CAD
8956                  $</span>
8957              </li>
8958              <li
8959                class="localization-form__list-item"
8960                
8961                data-value="RW"
8962                
8963                  data-aliases=""
8964                
8965                id="Rwanda"
8966                aria-label="Rwanda"
8967                role="option"
8968                tabindex="-1"
8969                ref="countryListItems[]"
8970                on:click="/selectCountry/RW"
8971              >
8972                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8973<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
8974</svg>
8975</span>
8976                <span class="country">Rwanda</span>
8977                <span
8978                  class="localization-form__currency motion-reduce"
8979                  
8980                >
8981                  RWF
8982                  FRw</span>
8983              </li>
8984              <li
8985                class="localization-form__list-item"
8986                
8987                data-value="WS"
8988                
8989                  data-aliases=""
8990                
8991                id="Samoa"
8992                aria-label="Samoa"
8993                role="option"
8994                tabindex="-1"
8995                ref="countryListItems[]"
8996                on:click="/selectCountry/WS"
8997              >
8998                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
8999<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9000</svg>
9001</span>
9002                <span class="country">Samoa</span>
9003                <span
9004                  class="localization-form__currency motion-reduce"
9005                  
9006                >
9007                  WST
9008                  T</span>
9009              </li>
9010              <li
9011                class="localization-form__list-item"
9012                
9013                data-value="SM"
9014                
9015                  data-aliases=""
9016                
9017                id="San Marino"
9018                aria-label="San Marino"
9019                role="option"
9020                tabindex="-1"
9021                ref="countryListItems[]"
9022                on:click="/selectCountry/SM"
9023              >
9024                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9025<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9026</svg>
9027</span>
9028                <span class="country">San Marino</span>
9029                <span
9030                  class="localization-form__currency motion-reduce"
9031                  
9032                >
9033                  EUR
9034                  €</span>
9035              </li>
9036              <li
9037                class="localization-form__list-item"
9038                
9039                data-value="ST"
9040                
9041                  data-aliases=""
9042                
9043                id="São Tomé &amp; Príncipe"
9044                aria-label="São Tomé &amp; Príncipe"
9045                role="option"
9046                tabindex="-1"
9047                ref="countryListItems[]"
9048                on:click="/selectCountry/ST"
9049              >
9050                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9051<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9052</svg>
9053</span>
9054                <span class="country">São Tomé &amp; Príncipe</span>
9055                <span
9056                  class="localization-form__currency motion-reduce"
9057                  
9058                >
9059                  STD
9060                  Db</span>
9061              </li>
9062              <li
9063                class="localization-form__list-item"
9064                
9065                data-value="SA"
9066                
9067                  data-aliases=""
9068                
9069                id="Saudi Arabia"
9070                aria-label="Saudi Arabia"
9071                role="option"
9072                tabindex="-1"
9073                ref="countryListItems[]"
9074                on:click="/selectCountry/SA"
9075              >
9076                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9077<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9078</svg>
9079</span>
9080                <span class="country">Saudi Arabia</span>
9081                <span
9082                  class="localization-form__currency motion-reduce"
9083                  
9084                >
9085                  SAR
9086                  ر.س</span>
9087              </li>
9088              <li
9089                class="localization-form__list-item"
9090                
9091                data-value="SN"
9092                
9093                  data-aliases=""
9094                
9095                id="Senegal"
9096                aria-label="Senegal"
9097                role="option"
9098                tabindex="-1"
9099                ref="countryListItems[]"
9100                on:click="/selectCountry/SN"
9101              >
9102                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9103<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9104</svg>
9105</span>
9106                <span class="country">Senegal</span>
9107                <span
9108                  class="localization-form__currency motion-reduce"
9109                  
9110                >
9111                  XOF
9112                  Fr</span>
9113              </li>
9114              <li
9115                class="localization-form__list-item"
9116                
9117                data-value="RS"
9118                
9119                  data-aliases=""
9120                
9121                id="Serbia"
9122                aria-label="Serbia"
9123                role="option"
9124                tabindex="-1"
9125                ref="countryListItems[]"
9126                on:click="/selectCountry/RS"
9127              >
9128                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9129<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9130</svg>
9131</span>
9132                <span class="country">Serbia</span>
9133                <span
9134                  class="localization-form__currency motion-reduce"
9135                  
9136                >
9137                  RSD
9138                  РСД</span>
9139              </li>
9140              <li
9141                class="localization-form__list-item"
9142                
9143                data-value="SC"
9144                
9145                  data-aliases=""
9146                
9147                id="Seychelles"
9148                aria-label="Seychelles"
9149                role="option"
9150                tabindex="-1"
9151                ref="countryListItems[]"
9152                on:click="/selectCountry/SC"
9153              >
9154                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9155<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9156</svg>
9157</span>
9158                <span class="country">Seychelles</span>
9159                <span
9160                  class="localization-form__currency motion-reduce"
9161                  
9162                >
9163                  CAD
9164                  $</span>
9165              </li>
9166              <li
9167                class="localization-form__list-item"
9168                
9169                data-value="SL"
9170                
9171                  data-aliases=""
9172                
9173                id="Sierra Leone"
9174                aria-label="Sierra Leone"
9175                role="option"
9176                tabindex="-1"
9177                ref="countryListItems[]"
9178                on:click="/selectCountry/SL"
9179              >
9180                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9181<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9182</svg>
9183</span>
9184                <span class="country">Sierra Leone</span>
9185                <span
9186                  class="localization-form__currency motion-reduce"
9187                  
9188                >
9189                  SLL
9190                  Le</span>
9191              </li>
9192              <li
9193                class="localization-form__list-item"
9194                
9195                data-value="SG"
9196                
9197                  data-aliases=""
9198                
9199                id="Singapore"
9200                aria-label="Singapore"
9201                role="option"
9202                tabindex="-1"
9203                ref="countryListItems[]"
9204                on:click="/selectCountry/SG"
9205              >
9206                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9207<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9208</svg>
9209</span>
9210                <span class="country">Singapore</span>
9211                <span
9212                  class="localization-form__currency motion-reduce"
9213                  
9214                >
9215                  SGD
9216                  $</span>
9217              </li>
9218              <li
9219                class="localization-form__list-item"
9220                
9221                data-value="SX"
9222                
9223                  data-aliases=""
9224                
9225                id="Sint Maarten"
9226                aria-label="Sint Maarten"
9227                role="option"
9228                tabindex="-1"
9229                ref="countryListItems[]"
9230                on:click="/selectCountry/SX"
9231              >
9232                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9233<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9234</svg>
9235</span>
9236                <span class="country">Sint Maarten</span>
9237                <span
9238                  class="localization-form__currency motion-reduce"
9239                  
9240                >
9241                  ANG
9242                  ƒ</span>
9243              </li>
9244              <li
9245                class="localization-form__list-item"
9246                
9247                data-value="SK"
9248                
9249                  data-aliases=""
9250                
9251                id="Slovakia"
9252                aria-label="Slovakia"
9253                role="option"
9254                tabindex="-1"
9255                ref="countryListItems[]"
9256                on:click="/selectCountry/SK"
9257              >
9258                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9259<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9260</svg>
9261</span>
9262                <span class="country">Slovakia</span>
9263                <span
9264                  class="localization-form__currency motion-reduce"
9265                  
9266                >
9267                  EUR
9268                  €</span>
9269              </li>
9270              <li
9271                class="localization-form__list-item"
9272                
9273                data-value="SI"
9274                
9275                  data-aliases=""
9276                
9277                id="Slovenia"
9278                aria-label="Slovenia"
9279                role="option"
9280                tabindex="-1"
9281                ref="countryListItems[]"
9282                on:click="/selectCountry/SI"
9283              >
9284                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9285<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9286</svg>
9287</span>
9288                <span class="country">Slovenia</span>
9289                <span
9290                  class="localization-form__currency motion-reduce"
9291                  
9292                >
9293                  EUR
9294                  €</span>
9295              </li>
9296              <li
9297                class="localization-form__list-item"
9298                
9299                data-value="SB"
9300                
9301                  data-aliases=""
9302                
9303                id="Solomon Islands"
9304                aria-label="Solomon Islands"
9305                role="option"
9306                tabindex="-1"
9307                ref="countryListItems[]"
9308                on:click="/selectCountry/SB"
9309              >
9310                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9311<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9312</svg>
9313</span>
9314                <span class="country">Solomon Islands</span>
9315                <span
9316                  class="localization-form__currency motion-reduce"
9317                  
9318                >
9319                  SBD
9320                  $</span>
9321              </li>
9322              <li
9323                class="localization-form__list-item"
9324                
9325                data-value="SO"
9326                
9327                  data-aliases=""
9328                
9329                id="Somalia"
9330                aria-label="Somalia"
9331                role="option"
9332                tabindex="-1"
9333                ref="countryListItems[]"
9334                on:click="/selectCountry/SO"
9335              >
9336                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9337<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9338</svg>
9339</span>
9340                <span class="country">Somalia</span>
9341                <span
9342                  class="localization-form__currency motion-reduce"
9343                  
9344                >
9345                  CAD
9346                  $</span>
9347              </li>
9348              <li
9349                class="localization-form__list-item"
9350                
9351                data-value="ZA"
9352                
9353                  data-aliases=""
9354                
9355                id="South Africa"
9356                aria-label="South Africa"
9357                role="option"
9358                tabindex="-1"
9359                ref="countryListItems[]"
9360                on:click="/selectCountry/ZA"
9361              >
9362                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9363<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9364</svg>
9365</span>
9366                <span class="country">South Africa</span>
9367                <span
9368                  class="localization-form__currency motion-reduce"
9369                  
9370                >
9371                  CAD
9372                  $</span>
9373              </li>
9374              <li
9375                class="localization-form__list-item"
9376                
9377                data-value="GS"
9378                
9379                  data-aliases=""
9380                
9381                id="South Georgia &amp; South Sandwich Islands"
9382                aria-label="South Georgia &amp; South Sandwich Islands"
9383                role="option"
9384                tabindex="-1"
9385                ref="countryListItems[]"
9386                on:click="/selectCountry/GS"
9387              >
9388                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9389<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9390</svg>
9391</span>
9392                <span class="country">South Georgia &amp; South Sandwich Islands</span>
9393                <span
9394                  class="localization-form__currency motion-reduce"
9395                  
9396                >
9397                  GBP
9398                  £</span>
9399              </li>
9400              <li
9401                class="localization-form__list-item"
9402                
9403                data-value="KR"
9404                
9405                  data-aliases=""
9406                
9407                id="South Korea"
9408                aria-label="South Korea"
9409                role="option"
9410                tabindex="-1"
9411                ref="countryListItems[]"
9412                on:click="/selectCountry/KR"
9413              >
9414                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9415<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9416</svg>
9417</span>
9418                <span class="country">South Korea</span>
9419                <span
9420                  class="localization-form__currency motion-reduce"
9421                  
9422                >
9423                  KRW
9424                  ₩</span>
9425              </li>
9426              <li
9427                class="localization-form__list-item"
9428                
9429                data-value="SS"
9430                
9431                  data-aliases=""
9432                
9433                id="South Sudan"
9434                aria-label="South Sudan"
9435                role="option"
9436                tabindex="-1"
9437                ref="countryListItems[]"
9438                on:click="/selectCountry/SS"
9439              >
9440                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9441<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9442</svg>
9443</span>
9444                <span class="country">South Sudan</span>
9445                <span
9446                  class="localization-form__currency motion-reduce"
9447                  
9448                >
9449                  CAD
9450                  $</span>
9451              </li>
9452              <li
9453                class="localization-form__list-item"
9454                
9455                data-value="ES"
9456                
9457                  data-aliases=""
9458                
9459                id="Spain"
9460                aria-label="Spain"
9461                role="option"
9462                tabindex="-1"
9463                ref="countryListItems[]"
9464                on:click="/selectCountry/ES"
9465              >
9466                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9467<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9468</svg>
9469</span>
9470                <span class="country">Spain</span>
9471                <span
9472                  class="localization-form__currency motion-reduce"
9473                  
9474                >
9475                  EUR
9476                  €</span>
9477              </li>
9478              <li
9479                class="localization-form__list-item"
9480                
9481                data-value="LK"
9482                
9483                  data-aliases=""
9484                
9485                id="Sri Lanka"
9486                aria-label="Sri Lanka"
9487                role="option"
9488                tabindex="-1"
9489                ref="countryListItems[]"
9490                on:click="/selectCountry/LK"
9491              >
9492                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9493<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9494</svg>
9495</span>
9496                <span class="country">Sri Lanka</span>
9497                <span
9498                  class="localization-form__currency motion-reduce"
9499                  
9500                >
9501                  LKR
9502                  ₨</span>
9503              </li>
9504              <li
9505                class="localization-form__list-item"
9506                
9507                data-value="BL"
9508                
9509                  data-aliases=""
9510                
9511                id="St. Barthélemy"
9512                aria-label="St. Barthélemy"
9513                role="option"
9514                tabindex="-1"
9515                ref="countryListItems[]"
9516                on:click="/selectCountry/BL"
9517              >
9518                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9519<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9520</svg>
9521</span>
9522                <span class="country">St. Barthélemy</span>
9523                <span
9524                  class="localization-form__currency motion-reduce"
9525                  
9526                >
9527                  EUR
9528                  €</span>
9529              </li>
9530              <li
9531                class="localization-form__list-item"
9532                
9533                data-value="SH"
9534                
9535                  data-aliases=""
9536                
9537                id="St. Helena"
9538                aria-label="St. Helena"
9539                role="option"
9540                tabindex="-1"
9541                ref="countryListItems[]"
9542                on:click="/selectCountry/SH"
9543              >
9544                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9545<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9546</svg>
9547</span>
9548                <span class="country">St. Helena</span>
9549                <span
9550                  class="localization-form__currency motion-reduce"
9551                  
9552                >
9553                  SHP
9554                  £</span>
9555              </li>
9556              <li
9557                class="localization-form__list-item"
9558                
9559                data-value="KN"
9560                
9561                  data-aliases=""
9562                
9563                id="St. Kitts &amp; Nevis"
9564                aria-label="St. Kitts &amp; Nevis"
9565                role="option"
9566                tabindex="-1"
9567                ref="countryListItems[]"
9568                on:click="/selectCountry/KN"
9569              >
9570                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9571<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9572</svg>
9573</span>
9574                <span class="country">St. Kitts &amp; Nevis</span>
9575                <span
9576                  class="localization-form__currency motion-reduce"
9577                  
9578                >
9579                  XCD
9580                  $</span>
9581              </li>
9582              <li
9583                class="localization-form__list-item"
9584                
9585                data-value="LC"
9586                
9587                  data-aliases=""
9588                
9589                id="St. Lucia"
9590                aria-label="St. Lucia"
9591                role="option"
9592                tabindex="-1"
9593                ref="countryListItems[]"
9594                on:click="/selectCountry/LC"
9595              >
9596                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9597<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9598</svg>
9599</span>
9600                <span class="country">St. Lucia</span>
9601                <span
9602                  class="localization-form__currency motion-reduce"
9603                  
9604                >
9605                  XCD
9606                  $</span>
9607              </li>
9608              <li
9609                class="localization-form__list-item"
9610                
9611                data-value="MF"
9612                
9613                  data-aliases=""
9614                
9615                id="St. Martin"
9616                aria-label="St. Martin"
9617                role="option"
9618                tabindex="-1"
9619                ref="countryListItems[]"
9620                on:click="/selectCountry/MF"
9621              >
9622                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9623<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9624</svg>
9625</span>
9626                <span class="country">St. Martin</span>
9627                <span
9628                  class="localization-form__currency motion-reduce"
9629                  
9630                >
9631                  EUR
9632                  €</span>
9633              </li>
9634              <li
9635                class="localization-form__list-item"
9636                
9637                data-value="PM"
9638                
9639                  data-aliases=""
9640                
9641                id="St. Pierre &amp; Miquelon"
9642                aria-label="St. Pierre &amp; Miquelon"
9643                role="option"
9644                tabindex="-1"
9645                ref="countryListItems[]"
9646                on:click="/selectCountry/PM"
9647              >
9648                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9649<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9650</svg>
9651</span>
9652                <span class="country">St. Pierre &amp; Miquelon</span>
9653                <span
9654                  class="localization-form__currency motion-reduce"
9655                  
9656                >
9657                  EUR
9658                  €</span>
9659              </li>
9660              <li
9661                class="localization-form__list-item"
9662                
9663                data-value="VC"
9664                
9665                  data-aliases=""
9666                
9667                id="St. Vincent &amp; Grenadines"
9668                aria-label="St. Vincent &amp; Grenadines"
9669                role="option"
9670                tabindex="-1"
9671                ref="countryListItems[]"
9672                on:click="/selectCountry/VC"
9673              >
9674                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9675<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9676</svg>
9677</span>
9678                <span class="country">St. Vincent &amp; Grenadines</span>
9679                <span
9680                  class="localization-form__currency motion-reduce"
9681                  
9682                >
9683                  XCD
9684                  $</span>
9685              </li>
9686              <li
9687                class="localization-form__list-item"
9688                
9689                data-value="SD"
9690                
9691                  data-aliases=""
9692                
9693                id="Sudan"
9694                aria-label="Sudan"
9695                role="option"
9696                tabindex="-1"
9697                ref="countryListItems[]"
9698                on:click="/selectCountry/SD"
9699              >
9700                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9701<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9702</svg>
9703</span>
9704                <span class="country">Sudan</span>
9705                <span
9706                  class="localization-form__currency motion-reduce"
9707                  
9708                >
9709                  CAD
9710                  $</span>
9711              </li>
9712              <li
9713                class="localization-form__list-item"
9714                
9715                data-value="SR"
9716                
9717                  data-aliases=""
9718                
9719                id="Suriname"
9720                aria-label="Suriname"
9721                role="option"
9722                tabindex="-1"
9723                ref="countryListItems[]"
9724                on:click="/selectCountry/SR"
9725              >
9726                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9727<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9728</svg>
9729</span>
9730                <span class="country">Suriname</span>
9731                <span
9732                  class="localization-form__currency motion-reduce"
9733                  
9734                >
9735                  CAD
9736                  $</span>
9737              </li>
9738              <li
9739                class="localization-form__list-item"
9740                
9741                data-value="SJ"
9742                
9743                  data-aliases=""
9744                
9745                id="Svalbard &amp; Jan Mayen"
9746                aria-label="Svalbard &amp; Jan Mayen"
9747                role="option"
9748                tabindex="-1"
9749                ref="countryListItems[]"
9750                on:click="/selectCountry/SJ"
9751              >
9752                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9753<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9754</svg>
9755</span>
9756                <span class="country">Svalbard &amp; Jan Mayen</span>
9757                <span
9758                  class="localization-form__currency motion-reduce"
9759                  
9760                >
9761                  NOK
9762                  kr</span>
9763              </li>
9764              <li
9765                class="localization-form__list-item"
9766                
9767                data-value="SE"
9768                
9769                  data-aliases=""
9770                
9771                id="Sweden"
9772                aria-label="Sweden"
9773                role="option"
9774                tabindex="-1"
9775                ref="countryListItems[]"
9776                on:click="/selectCountry/SE"
9777              >
9778                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9779<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9780</svg>
9781</span>
9782                <span class="country">Sweden</span>
9783                <span
9784                  class="localization-form__currency motion-reduce"
9785                  
9786                >
9787                  SEK
9788                  kr</span>
9789              </li>
9790              <li
9791                class="localization-form__list-item"
9792                
9793                data-value="CH"
9794                
9795                  data-aliases=""
9796                
9797                id="Switzerland"
9798                aria-label="Switzerland"
9799                role="option"
9800                tabindex="-1"
9801                ref="countryListItems[]"
9802                on:click="/selectCountry/CH"
9803              >
9804                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9805<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9806</svg>
9807</span>
9808                <span class="country">Switzerland</span>
9809                <span
9810                  class="localization-form__currency motion-reduce"
9811                  
9812                >
9813                  CHF
9814                  CHF</span>
9815              </li>
9816              <li
9817                class="localization-form__list-item"
9818                
9819                data-value="TW"
9820                
9821                  data-aliases=""
9822                
9823                id="Taiwan"
9824                aria-label="Taiwan"
9825                role="option"
9826                tabindex="-1"
9827                ref="countryListItems[]"
9828                on:click="/selectCountry/TW"
9829              >
9830                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9831<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9832</svg>
9833</span>
9834                <span class="country">Taiwan</span>
9835                <span
9836                  class="localization-form__currency motion-reduce"
9837                  
9838                >
9839                  TWD
9840                  $</span>
9841              </li>
9842              <li
9843                class="localization-form__list-item"
9844                
9845                data-value="TJ"
9846                
9847                  data-aliases=""
9848                
9849                id="Tajikistan"
9850                aria-label="Tajikistan"
9851                role="option"
9852                tabindex="-1"
9853                ref="countryListItems[]"
9854                on:click="/selectCountry/TJ"
9855              >
9856                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9857<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9858</svg>
9859</span>
9860                <span class="country">Tajikistan</span>
9861                <span
9862                  class="localization-form__currency motion-reduce"
9863                  
9864                >
9865                  TJS
9866                  ЅМ</span>
9867              </li>
9868              <li
9869                class="localization-form__list-item"
9870                
9871                data-value="TZ"
9872                
9873                  data-aliases=""
9874                
9875                id="Tanzania"
9876                aria-label="Tanzania"
9877                role="option"
9878                tabindex="-1"
9879                ref="countryListItems[]"
9880                on:click="/selectCountry/TZ"
9881              >
9882                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9883<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9884</svg>
9885</span>
9886                <span class="country">Tanzania</span>
9887                <span
9888                  class="localization-form__currency motion-reduce"
9889                  
9890                >
9891                  TZS
9892                  Sh</span>
9893              </li>
9894              <li
9895                class="localization-form__list-item"
9896                
9897                data-value="TH"
9898                
9899                  data-aliases=""
9900                
9901                id="Thailand"
9902                aria-label="Thailand"
9903                role="option"
9904                tabindex="-1"
9905                ref="countryListItems[]"
9906                on:click="/selectCountry/TH"
9907              >
9908                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9909<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9910</svg>
9911</span>
9912                <span class="country">Thailand</span>
9913                <span
9914                  class="localization-form__currency motion-reduce"
9915                  
9916                >
9917                  THB
9918                  ฿</span>
9919              </li>
9920              <li
9921                class="localization-form__list-item"
9922                
9923                data-value="TL"
9924                
9925                  data-aliases=""
9926                
9927                id="Timor-Leste"
9928                aria-label="Timor-Leste"
9929                role="option"
9930                tabindex="-1"
9931                ref="countryListItems[]"
9932                on:click="/selectCountry/TL"
9933              >
9934                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9935<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9936</svg>
9937</span>
9938                <span class="country">Timor-Leste</span>
9939                <span
9940                  class="localization-form__currency motion-reduce"
9941                  
9942                >
9943                  USD
9944                  $</span>
9945              </li>
9946              <li
9947                class="localization-form__list-item"
9948                
9949                data-value="TG"
9950                
9951                  data-aliases=""
9952                
9953                id="Togo"
9954                aria-label="Togo"
9955                role="option"
9956                tabindex="-1"
9957                ref="countryListItems[]"
9958                on:click="/selectCountry/TG"
9959              >
9960                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9961<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9962</svg>
9963</span>
9964                <span class="country">Togo</span>
9965                <span
9966                  class="localization-form__currency motion-reduce"
9967                  
9968                >
9969                  XOF
9970                  Fr</span>
9971              </li>
9972              <li
9973                class="localization-form__list-item"
9974                
9975                data-value="TK"
9976                
9977                  data-aliases=""
9978                
9979                id="Tokelau"
9980                aria-label="Tokelau"
9981                role="option"
9982                tabindex="-1"
9983                ref="countryListItems[]"
9984                on:click="/selectCountry/TK"
9985              >
9986                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9987<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9988</svg>
9989</span>
9990                <span class="country">Tokelau</span>
9991                <span
9992                  class="localization-form__currency motion-reduce"
9993                  
9994                >
9995                  NZD
9996                  $</span>
9997              </li>
9998              <li
9999                class="localization-form__list-item"
10000                
10001                data-value="TO"
10002                
10003                  data-aliases=""
10004                
10005                id="Tonga"
10006                aria-label="Tonga"
10007                role="option"
10008                tabindex="-1"
10009                ref="countryListItems[]"
10010                on:click="/selectCountry/TO"
10011              >
10012                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10013<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10014</svg>
10015</span>
10016                <span class="country">Tonga</span>
10017                <span
10018                  class="localization-form__currency motion-reduce"
10019                  
10020                >
10021                  TOP
10022                  T$</span>
10023              </li>
10024              <li
10025                class="localization-form__list-item"
10026                
10027                data-value="TT"
10028                
10029                  data-aliases=""
10030                
10031                id="Trinidad &amp; Tobago"
10032                aria-label="Trinidad &amp; Tobago"
10033                role="option"
10034                tabindex="-1"
10035                ref="countryListItems[]"
10036                on:click="/selectCountry/TT"
10037              >
10038                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10039<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10040</svg>
10041</span>
10042                <span class="country">Trinidad &amp; Tobago</span>
10043                <span
10044                  class="localization-form__currency motion-reduce"
10045                  
10046                >
10047                  TTD
10048                  $</span>
10049              </li>
10050              <li
10051                class="localization-form__list-item"
10052                
10053                data-value="TA"
10054                
10055                  data-aliases=""
10056                
10057                id="Tristan da Cunha"
10058                aria-label="Tristan da Cunha"
10059                role="option"
10060                tabindex="-1"
10061                ref="countryListItems[]"
10062                on:click="/selectCountry/TA"
10063              >
10064                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10065<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10066</svg>
10067</span>
10068                <span class="country">Tristan da Cunha</span>
10069                <span
10070                  class="localization-form__currency motion-reduce"
10071                  
10072                >
10073                  GBP
10074                  £</span>
10075              </li>
10076              <li
10077                class="localization-form__list-item"
10078                
10079                data-value="TN"
10080                
10081                  data-aliases=""
10082                
10083                id="Tunisia"
10084                aria-label="Tunisia"
10085                role="option"
10086                tabindex="-1"
10087                ref="countryListItems[]"
10088                on:click="/selectCountry/TN"
10089              >
10090                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10091<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10092</svg>
10093</span>
10094                <span class="country">Tunisia</span>
10095                <span
10096                  class="localization-form__currency motion-reduce"
10097                  
10098                >
10099                  CAD
10100                  $</span>
10101              </li>
10102              <li
10103                class="localization-form__list-item"
10104                
10105                data-value="TR"
10106                
10107                  data-aliases=""
10108                
10109                id="Türkiye"
10110                aria-label="Türkiye"
10111                role="option"
10112                tabindex="-1"
10113                ref="countryListItems[]"
10114                on:click="/selectCountry/TR"
10115              >
10116                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10117<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10118</svg>
10119</span>
10120                <span class="country">Türkiye</span>
10121                <span
10122                  class="localization-form__currency motion-reduce"
10123                  
10124                >
10125                  CAD
10126                  $</span>
10127              </li>
10128              <li
10129                class="localization-form__list-item"
10130                
10131                data-value="TM"
10132                
10133                  data-aliases=""
10134                
10135                id="Turkmenistan"
10136                aria-label="Turkmenistan"
10137                role="option"
10138                tabindex="-1"
10139                ref="countryListItems[]"
10140                on:click="/selectCountry/TM"
10141              >
10142                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10143<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10144</svg>
10145</span>
10146                <span class="country">Turkmenistan</span>
10147                <span
10148                  class="localization-form__currency motion-reduce"
10149                  
10150                >
10151                  CAD
10152                  $</span>
10153              </li>
10154              <li
10155                class="localization-form__list-item"
10156                
10157                data-value="TC"
10158                
10159                  data-aliases=""
10160                
10161                id="Turks &amp; Caicos Islands"
10162                aria-label="Turks &amp; Caicos Islands"
10163                role="option"
10164                tabindex="-1"
10165                ref="countryListItems[]"
10166                on:click="/selectCountry/TC"
10167              >
10168                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10169<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10170</svg>
10171</span>
10172                <span class="country">Turks &amp; Caicos Islands</span>
10173                <span
10174                  class="localization-form__currency motion-reduce"
10175                  
10176                >
10177                  USD
10178                  $</span>
10179              </li>
10180              <li
10181                class="localization-form__list-item"
10182                
10183                data-value="TV"
10184                
10185                  data-aliases=""
10186                
10187                id="Tuvalu"
10188                aria-label="Tuvalu"
10189                role="option"
10190                tabindex="-1"
10191                ref="countryListItems[]"
10192                on:click="/selectCountry/TV"
10193              >
10194                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10195<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10196</svg>
10197</span>
10198                <span class="country">Tuvalu</span>
10199                <span
10200                  class="localization-form__currency motion-reduce"
10201                  
10202                >
10203                  AUD
10204                  $</span>
10205              </li>
10206              <li
10207                class="localization-form__list-item"
10208                
10209                data-value="UM"
10210                
10211                  data-aliases=""
10212                
10213                id="U.S. Outlying Islands"
10214                aria-label="U.S. Outlying Islands"
10215                role="option"
10216                tabindex="-1"
10217                ref="countryListItems[]"
10218                on:click="/selectCountry/UM"
10219              >
10220                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10221<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10222</svg>
10223</span>
10224                <span class="country">U.S. Outlying Islands</span>
10225                <span
10226                  class="localization-form__currency motion-reduce"
10227                  
10228                >
10229                  USD
10230                  $</span>
10231              </li>
10232              <li
10233                class="localization-form__list-item"
10234                
10235                data-value="UG"
10236                
10237                  data-aliases=""
10238                
10239                id="Uganda"
10240                aria-label="Uganda"
10241                role="option"
10242                tabindex="-1"
10243                ref="countryListItems[]"
10244                on:click="/selectCountry/UG"
10245              >
10246                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10247<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10248</svg>
10249</span>
10250                <span class="country">Uganda</span>
10251                <span
10252                  class="localization-form__currency motion-reduce"
10253                  
10254                >
10255                  UGX
10256                  USh</span>
10257              </li>
10258              <li
10259                class="localization-form__list-item"
10260                
10261                data-value="UA"
10262                
10263                  data-aliases=""
10264                
10265                id="Ukraine"
10266                aria-label="Ukraine"
10267                role="option"
10268                tabindex="-1"
10269                ref="countryListItems[]"
10270                on:click="/selectCountry/UA"
10271              >
10272                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10273<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10274</svg>
10275</span>
10276                <span class="country">Ukraine</span>
10277                <span
10278                  class="localization-form__currency motion-reduce"
10279                  
10280                >
10281                  UAH
10282                  ₴</span>
10283              </li>
10284              <li
10285                class="localization-form__list-item"
10286                
10287                data-value="AE"
10288                
10289                  data-aliases=""
10290                
10291                id="United Arab Emirates"
10292                aria-label="United Arab Emirates"
10293                role="option"
10294                tabindex="-1"
10295                ref="countryListItems[]"
10296                on:click="/selectCountry/AE"
10297              >
10298                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10299<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10300</svg>
10301</span>
10302                <span class="country">United Arab Emirates</span>
10303                <span
10304                  class="localization-form__currency motion-reduce"
10305                  
10306                >
10307                  AED
10308                  د.إ</span>
10309              </li>
10310              <li
10311                class="localization-form__list-item"
10312                
10313                data-value="GB"
10314                
10315                  data-aliases="uk,gb,great britain"
10316                
10317                id="United Kingdom"
10318                aria-label="United Kingdom"
10319                role="option"
10320                tabindex="-1"
10321                ref="countryListItems[]"
10322                on:click="/selectCountry/GB"
10323              >
10324                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10325<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10326</svg>
10327</span>
10328                <span class="country">United Kingdom</span>
10329                <span
10330                  class="localization-form__currency motion-reduce"
10331                  
10332                >
10333                  GBP
10334                  £</span>
10335              </li>
10336              <li
10337                class="localization-form__list-item"
10338                
10339                  aria-current="true"
10340                
10341                data-value="US"
10342                
10343                  data-aliases="us,usa,america,united states of america"
10344                
10345                id="United States"
10346                aria-label="United States"
10347                role="option"
10348                tabindex="-1"
10349                ref="countryListItems[]"
10350                on:click="/selectCountry/US"
10351              >
10352                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10353<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10354</svg>
10355</span>
10356                <span class="country">United States</span>
10357                <span
10358                  class="localization-form__currency motion-reduce"
10359                  
10360                >
10361                  USD
10362                  $</span>
10363              </li>
10364              <li
10365                class="localization-form__list-item"
10366                
10367                data-value="UY"
10368                
10369                  data-aliases=""
10370                
10371                id="Uruguay"
10372                aria-label="Uruguay"
10373                role="option"
10374                tabindex="-1"
10375                ref="countryListItems[]"
10376                on:click="/selectCountry/UY"
10377              >
10378                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10379<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10380</svg>
10381</span>
10382                <span class="country">Uruguay</span>
10383                <span
10384                  class="localization-form__currency motion-reduce"
10385                  
10386                >
10387                  UYU
10388                  $U</span>
10389              </li>
10390              <li
10391                class="localization-form__list-item"
10392                
10393                data-value="UZ"
10394                
10395                  data-aliases=""
10396                
10397                id="Uzbekistan"
10398                aria-label="Uzbekistan"
10399                role="option"
10400                tabindex="-1"
10401                ref="countryListItems[]"
10402                on:click="/selectCountry/UZ"
10403              >
10404                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10405<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10406</svg>
10407</span>
10408                <span class="country">Uzbekistan</span>
10409                <span
10410                  class="localization-form__currency motion-reduce"
10411                  
10412                >
10413                  UZS
10414                  so'm</span>
10415              </li>
10416              <li
10417                class="localization-form__list-item"
10418                
10419                data-value="VU"
10420                
10421                  data-aliases=""
10422                
10423                id="Vanuatu"
10424                aria-label="Vanuatu"
10425                role="option"
10426                tabindex="-1"
10427                ref="countryListItems[]"
10428                on:click="/selectCountry/VU"
10429              >
10430                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10431<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10432</svg>
10433</span>
10434                <span class="country">Vanuatu</span>
10435                <span
10436                  class="localization-form__currency motion-reduce"
10437                  
10438                >
10439                  VUV
10440                  Vt</span>
10441              </li>
10442              <li
10443                class="localization-form__list-item"
10444                
10445                data-value="VA"
10446                
10447                  data-aliases=""
10448                
10449                id="Vatican City"
10450                aria-label="Vatican City"
10451                role="option"
10452                tabindex="-1"
10453                ref="countryListItems[]"
10454                on:click="/selectCountry/VA"
10455              >
10456                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10457<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10458</svg>
10459</span>
10460                <span class="country">Vatican City</span>
10461                <span
10462                  class="localization-form__currency motion-reduce"
10463                  
10464                >
10465                  EUR
10466                  €</span>
10467              </li>
10468              <li
10469                class="localization-form__list-item"
10470                
10471                data-value="VE"
10472                
10473                  data-aliases=""
10474                
10475                id="Venezuela"
10476                aria-label="Venezuela"
10477                role="option"
10478                tabindex="-1"
10479                ref="countryListItems[]"
10480                on:click="/selectCountry/VE"
10481              >
10482                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10483<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10484</svg>
10485</span>
10486                <span class="country">Venezuela</span>
10487                <span
10488                  class="localization-form__currency motion-reduce"
10489                  
10490                >
10491                  USD
10492                  $</span>
10493              </li>
10494              <li
10495                class="localization-form__list-item"
10496                
10497                data-value="VN"
10498                
10499                  data-aliases=""
10500                
10501                id="Vietnam"
10502                aria-label="Vietnam"
10503                role="option"
10504                tabindex="-1"
10505                ref="countryListItems[]"
10506                on:click="/selectCountry/VN"
10507              >
10508                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10509<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10510</svg>
10511</span>
10512                <span class="country">Vietnam</span>
10513                <span
10514                  class="localization-form__currency motion-reduce"
10515                  
10516                >
10517                  VND
10518                  ₫</span>
10519              </li>
10520              <li
10521                class="localization-form__list-item"
10522                
10523                data-value="WF"
10524                
10525                  data-aliases=""
10526                
10527                id="Wallis &amp; Futuna"
10528                aria-label="Wallis &amp; Futuna"
10529                role="option"
10530                tabindex="-1"
10531                ref="countryListItems[]"
10532                on:click="/selectCountry/WF"
10533              >
10534                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10535<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10536</svg>
10537</span>
10538                <span class="country">Wallis &amp; Futuna</span>
10539                <span
10540                  class="localization-form__currency motion-reduce"
10541                  
10542                >
10543                  XPF
10544                  Fr</span>
10545              </li>
10546              <li
10547                class="localization-form__list-item"
10548                
10549                data-value="EH"
10550                
10551                  data-aliases=""
10552                
10553                id="Western Sahara"
10554                aria-label="Western Sahara"
10555                role="option"
10556                tabindex="-1"
10557                ref="countryListItems[]"
10558                on:click="/selectCountry/EH"
10559              >
10560                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10561<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10562</svg>
10563</span>
10564                <span class="country">Western Sahara</span>
10565                <span
10566                  class="localization-form__currency motion-reduce"
10567                  
10568                >
10569                  MAD
10570                  د.م.</span>
10571              </li>
10572              <li
10573                class="localization-form__list-item"
10574                
10575                data-value="YE"
10576                
10577                  data-aliases=""
10578                
10579                id="Yemen"
10580                aria-label="Yemen"
10581                role="option"
10582                tabindex="-1"
10583                ref="countryListItems[]"
10584                on:click="/selectCountry/YE"
10585              >
10586                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10587<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10588</svg>
10589</span>
10590                <span class="country">Yemen</span>
10591                <span
10592                  class="localization-form__currency motion-reduce"
10593                  
10594                >
10595                  YER
10596                  ï·¼</span>
10597              </li>
10598              <li
10599                class="localization-form__list-item"
10600                
10601                data-value="ZM"
10602                
10603                  data-aliases=""
10604                
10605                id="Zambia"
10606                aria-label="Zambia"
10607                role="option"
10608                tabindex="-1"
10609                ref="countryListItems[]"
10610                on:click="/selectCountry/ZM"
10611              >
10612                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10613<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10614</svg>
10615</span>
10616                <span class="country">Zambia</span>
10617                <span
10618                  class="localization-form__currency motion-reduce"
10619                  
10620                >
10621                  CAD
10622                  $</span>
10623              </li>
10624              <li
10625                class="localization-form__list-item"
10626                
10627                data-value="ZW"
10628                
10629                  data-aliases=""
10630                
10631                id="Zimbabwe"
10632                aria-label="Zimbabwe"
10633                role="option"
10634                tabindex="-1"
10635                ref="countryListItems[]"
10636                on:click="/selectCountry/ZW"
10637              >
10638                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10639<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10640</svg>
10641</span>
10642                <span class="country">Zimbabwe</span>
10643                <span
10644                  class="localization-form__currency motion-reduce"
10645                  
10646                >
10647                  USD
10648                  $</span>
10649              </li></ul>
10650        </div>
10651        <div class="country-selector__overlay"></div>
10652        <input
10653          type="hidden"
10654          name="country_code"
10655          value="US"
10656          ref="countryInput"
10657        >
10658      </div>
10659    
10660
10661    
10662</form></localization-form-component>
10663
10664
10665
10666                </div>
10667              </details>
10668            </drawer-localization-component>
10669          
10670</div>
10671
10672      
10673    </div>
10674    <div
10675      class="menu-drawer__backdrop"
10676      on:click="header-drawer/close"
10677    ></div>
10678  </details>
10679</header-drawer>
10680
10681
10682
10683    </div>
10684
10685  
10686
10687
10688
10689
10690
10691            
10692        
10693      
10694        
10695          
10696              
10697  <search-button class="search-action desktop:hidden">
10698    <button
10699      on:click="#search-modal/showDialog"
10700      class="button button-unstyled search-modal__button header-actions__action"
10701      aria-label="Search"
10702      aria-haspopup="dialog"
10703    >
10704      <span
10705        aria-hidden="true"
10706        class="svg-wrapper"
10707      >
10708        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
10709
10710      </span>
10711    </button>
10712  </search-button>
10712
10713
10714
10715
10716
10717            
10718        
10719      
10720    </div><div
10721      class="header__column header__column--center"
10722      data-testid="header-top-center"
10723    >
10724      
10725        
10726          
10727              
10728
10729
10730<a
10731  
10732  href="/"
10733  class="size-style spacing-style header-logo"
10734  style="
10735    --size-style-width: ;--size-style-height: ;
10736    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
10737    --font-family: var(--font-body--family);
10738    --font-style: var(--font-body--style);
10739    --font-weight: 600;
10740  "
10741  
10742>
10743  
10744
10745  <span
10746    class="header-logo__image-container header-logo__image-container--original"
10747    data-testid="header-logo"
10748  >
10749    
10750  
10751  
10752  
10753
10754  
10755
10756  
10757
10758  
10759
10760  <img src="//www.solkyst.ca/cdn/shop/files/5_3f38492e-8bbb-4468-abd6-358a1e23223d.png?height=20&amp;v=1767035581" alt="" width="215" height="20" class="header-logo__image" srcset="//www.solkyst.ca/cdn/shop/files/5_3f38492e-8bbb-4468-abd6-358a1e23223d.png?height=20&amp;v=1767035581 1x, //www.solkyst.ca/cdn/shop/files/5_3f38492e-8bbb-4468-abd6-358a1e23223d.png?height=40&amp;v=1767035581 2x, //www.solkyst.ca/cdn/shop/files/5_3f38492e-8bbb-4468-abd6-358a1e23223d.png?height=60&amp;v=1767035581 3x" style="--header-logo-image-width: 215px;--header-logo-image-width-mobile: 215px; --header-logo-image-height: 20px; --header-logo-image-height-mobile: 20px;">
10761
10762
10763  </span>
10764
10765  
10766</a>
10767
10768
10769
10770
10771
10772            
10773        
10774      
10775    </div><div
10776      class="header__column header__column--right"
10777      data-testid="header-top-right"
10778    >
10779      
10780        
10781          
10782              
10783  
10784  
10785    <dropdown-localization-component
10786      class="dropdown-localization mobile:hidden"
10787    >
10788      <button
10789        type="button"
10790        class="button dropdown-localization__button localization-selector link link--text"
10791        aria-expanded="false"
10792        aria-controls="dropdown-localization-results"
10793        ref="button"
10794        on:click="/toggleSelector"
10795        style="--menu-localization-font: var(--font-body--family);  --menu-localization-font-size: 0.875rem; "
10796      >
10797        
10798          
10799            
10800            <span
10801              class="icon-flag"
10802              style="
10803                background-image: url(//cdn.shopify.com/static/images/flags/us.svg?width=32);
10804                --size-shadow: 2px;
10805                --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60));
10806              "
10807            ></span>
10808          
10809          <span
10810            class="currency-code"
10811            data-testid="localization-currency-code"
10812          >USD</span>
10813        
10814        <span
10815          class="visually-hidden"
10816          data-testid="localization-visually-hidden"
10817        >Region and language selector</span><span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
10818  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10819</svg>
10820</span>
10821      </button>
10822
10823      <div
10824        class="localization-wrapper right-bound color-scheme-1"
10825        hidden
10826        ref="panel"
10827      >
10828        
10829<localization-form-component
10830  ref="localizationForm"
10831  data-label-results-count="[count] results"
10832  data-show-filter="true"
10833  style="--menu-localization-font: var(--font-body--family); --menu-localization-font-size: 0.875rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
10834>
10835  
10836<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
10837      
10838        <div class="country-filter">
10839          <div class="field">
10840            <div class="country-filter__search-icon field__button motion-reduce">
10841              <span class="svg-wrapper">
10842                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
10843
10844              </span>
10845            </div>
10846            <input
10847              class="country-filter__input"
10848              id="country-filter-input"
10849              type="search"
10850              name="country_filter"
10851              value=""
10852              placeholder="Search"
10853              role="combobox"
10854              aria-owns="country-results"
10855              aria-controls="country-results"
10856              aria-haspopup="listbox"
10857              aria-autocomplete="list"
10858              aria-label="Find country"
10859              autocorrect="off"
10860              autocomplete="off"
10861              autocapitalize="off"
10862              spellcheck="false"
10863              ref="search"
10864              on:keyup="/filterCountries"
10865            >
10866            <label
10867              class="field__label visually-hidden"
10868              for="country-filter-input"
10869            >Search</label>
10870            <button
10871              type="reset"
10872              class="button button-unstyled country-filter__reset-button field__button"
10873              aria-label="Reset"
10874              ref="resetButton"
10875              hidden
10876              on:click="/resetCountriesFilter"
10877            >
10878              <span class="svg-wrapper">
10879                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
10880
10881              </span>
10882            </button>
10883          </div>
10884        </div>
10885      
10886      <div class="country-selector-form__wrapper">
10887        <h2
10888          class="visually-hidden"
10889          id="dropdown-CountryLabel"
10890        >
10891          Country/Region
10892        </h2>
10893        
10894          <div
10895            id="sr-country-search-results-"
10896            class="visually-hidden"
10897            aria-live="polite"
10898            ref="liveRegion"
10899          ></div>
10900        
10901        <div
10902          class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
10903          id="dropdown-country-results"
10904          ref="countryList"
10905        >
10906          
10907            <ul
10908              role="list"
10909              class="list-unstyled popular-countries"
10910              aria-label="Country/Region"
10911              ref="popularCountries"
10912            >
10913                <li
10914                  class="localization-form__list-item"
10915                  
10916                  data-value="AU"
10917                  
10918                    data-aliases=""
10919                  
10920                  id="Australia"
10921                  aria-label="Australia"
10922                  role="option"
10923                  tabindex="-1"
10924                  ref="countryListItems[]"
10925                  on:click="/selectCountry/AU"
10926                >
10927                  <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10928<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10929</svg>
10930</span>
10931                  <span class="country">Australia</span>
10932                  <span
10933                    class="localization-form__currency motion-reduce"
10934                    
10935                  >
10936                    AUD
10937                    $</span>
10938                </li>
10939                <li
10940                  class="localization-form__list-item"
10941                  
10942                  data-value="CA"
10943                  
10944                    data-aliases=""
10945                  
10946                  id="Canada"
10947                  aria-label="Canada"
10948                  role="option"
10949                  tabindex="-1"
10950                  ref="countryListItems[]"
10951                  on:click="/selectCountry/CA"
10952                >
10953                  <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10954<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10955</svg>
10956</span>
10957                  <span class="country">Canada</span>
10958                  <span
10959                    class="localization-form__currency motion-reduce"
10960                    
10961                  >
10962                    CAD
10963                    $</span>
10964                </li>
10965                <li
10966                  class="localization-form__list-item"
10967                  
10968                  data-value="GB"
10969                  
10970                    data-aliases="uk,gb,great britain"
10971                  
10972                  id="United Kingdom"
10973                  aria-label="United Kingdom"
10974                  role="option"
10975                  tabindex="-1"
10976                  ref="countryListItems[]"
10977                  on:click="/selectCountry/GB"
10978                >
10979                  <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10980<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10981</svg>
10982</span>
10983                  <span class="country">United Kingdom</span>
10984                  <span
10985                    class="localization-form__currency motion-reduce"
10986                    
10987                  >
10988                    GBP
10989                    £</span>
10990                </li>
10991                <li
10992                  class="localization-form__list-item"
10993                  
10994                    aria-current="true"
10995                  
10996                  data-value="US"
10997                  
10998                    data-aliases="us,usa,america,united states of america"
10999                  
11000                  id="United States"
11001                  aria-label="United States"
11002                  role="option"
11003                  tabindex="-1"
11004                  ref="countryListItems[]"
11005                  on:click="/selectCountry/US"
11006                >
11007                  <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11008<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11009</svg>
11010</span>
11011                  <span class="country">United States</span>
11012                  <span
11013                    class="localization-form__currency motion-reduce"
11014                    
11015                  >
11016                    USD
11017                    $</span>
11018                </li></ul>
11019          
11020          <ul
11021            role="list"
11022            class="list-unstyled countries"
11023          >
11024            <span
11025              class="localization-form__list-item localization-form__list-item-disabled"
11026              id="no-results-message"
11027              ref="noResultsMessage"
11028              hidden
11029            >No results found</span>
11030              <li
11031                class="localization-form__list-item"
11032                
11033                data-value="AF"
11034                
11035                  data-aliases=""
11036                
11037                id="Afghanistan"
11038                aria-label="Afghanistan"
11039                role="option"
11040                tabindex="-1"
11041                ref="countryListItems[]"
11042                on:click="/selectCountry/AF"
11043              >
11044                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11045<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11046</svg>
11047</span>
11048                <span class="country">Afghanistan</span>
11049                <span
11050                  class="localization-form__currency motion-reduce"
11051                  
11052                >
11053                  AFN
11054                  ؋</span>
11055              </li>
11056              <li
11057                class="localization-form__list-item"
11058                
11059                data-value="AX"
11060                
11061                  data-aliases=""
11062                
11063                id="Åland Islands"
11064                aria-label="Åland Islands"
11065                role="option"
11066                tabindex="-1"
11067                ref="countryListItems[]"
11068                on:click="/selectCountry/AX"
11069              >
11070                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11071<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11072</svg>
11073</span>
11074                <span class="country">Åland Islands</span>
11075                <span
11076                  class="localization-form__currency motion-reduce"
11077                  
11078                >
11079                  EUR
11080                  €</span>
11081              </li>
11082              <li
11083                class="localization-form__list-item"
11084                
11085                data-value="AL"
11086                
11087                  data-aliases=""
11088                
11089                id="Albania"
11090                aria-label="Albania"
11091                role="option"
11092                tabindex="-1"
11093                ref="countryListItems[]"
11094                on:click="/selectCountry/AL"
11095              >
11096                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11097<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11098</svg>
11099</span>
11100                <span class="country">Albania</span>
11101                <span
11102                  class="localization-form__currency motion-reduce"
11103                  
11104                >
11105                  ALL
11106                  L</span>
11107              </li>
11108              <li
11109                class="localization-form__list-item"
11110                
11111                data-value="DZ"
11112                
11113                  data-aliases=""
11114                
11115                id="Algeria"
11116                aria-label="Algeria"
11117                role="option"
11118                tabindex="-1"
11119                ref="countryListItems[]"
11120                on:click="/selectCountry/DZ"
11121              >
11122                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11123<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11124</svg>
11125</span>
11126                <span class="country">Algeria</span>
11127                <span
11128                  class="localization-form__currency motion-reduce"
11129                  
11130                >
11131                  DZD
11132                  د.ج</span>
11133              </li>
11134              <li
11135                class="localization-form__list-item"
11136                
11137                data-value="AD"
11138                
11139                  data-aliases=""
11140                
11141                id="Andorra"
11142                aria-label="Andorra"
11143                role="option"
11144                tabindex="-1"
11145                ref="countryListItems[]"
11146                on:click="/selectCountry/AD"
11147              >
11148                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11149<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11150</svg>
11151</span>
11152                <span class="country">Andorra</span>
11153                <span
11154                  class="localization-form__currency motion-reduce"
11155                  
11156                >
11157                  EUR
11158                  €</span>
11159              </li>
11160              <li
11161                class="localization-form__list-item"
11162                
11163                data-value="AO"
11164                
11165                  data-aliases=""
11166                
11167                id="Angola"
11168                aria-label="Angola"
11169                role="option"
11170                tabindex="-1"
11171                ref="countryListItems[]"
11172                on:click="/selectCountry/AO"
11173              >
11174                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11175<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11176</svg>
11177</span>
11178                <span class="country">Angola</span>
11179                <span
11180                  class="localization-form__currency motion-reduce"
11181                  
11182                >
11183                  CAD
11184                  $</span>
11185              </li>
11186              <li
11187                class="localization-form__list-item"
11188                
11189                data-value="AI"
11190                
11191                  data-aliases=""
11192                
11193                id="Anguilla"
11194                aria-label="Anguilla"
11195                role="option"
11196                tabindex="-1"
11197                ref="countryListItems[]"
11198                on:click="/selectCountry/AI"
11199              >
11200                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11201<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11202</svg>
11203</span>
11204                <span class="country">Anguilla</span>
11205                <span
11206                  class="localization-form__currency motion-reduce"
11207                  
11208                >
11209                  XCD
11210                  $</span>
11211              </li>
11212              <li
11213                class="localization-form__list-item"
11214                
11215                data-value="AG"
11216                
11217                  data-aliases=""
11218                
11219                id="Antigua &amp; Barbuda"
11220                aria-label="Antigua &amp; Barbuda"
11221                role="option"
11222                tabindex="-1"
11223                ref="countryListItems[]"
11224                on:click="/selectCountry/AG"
11225              >
11226                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11227<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11228</svg>
11229</span>
11230                <span class="country">Antigua &amp; Barbuda</span>
11231                <span
11232                  class="localization-form__currency motion-reduce"
11233                  
11234                >
11235                  XCD
11236                  $</span>
11237              </li>
11238              <li
11239                class="localization-form__list-item"
11240                
11241                data-value="AR"
11242                
11243                  data-aliases=""
11244                
11245                id="Argentina"
11246                aria-label="Argentina"
11247                role="option"
11248                tabindex="-1"
11249                ref="countryListItems[]"
11250                on:click="/selectCountry/AR"
11251              >
11252                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11253<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11254</svg>
11255</span>
11256                <span class="country">Argentina</span>
11257                <span
11258                  class="localization-form__currency motion-reduce"
11259                  
11260                >
11261                  CAD
11262                  $</span>
11263              </li>
11264              <li
11265                class="localization-form__list-item"
11266                
11267                data-value="AM"
11268                
11269                  data-aliases=""
11270                
11271                id="Armenia"
11272                aria-label="Armenia"
11273                role="option"
11274                tabindex="-1"
11275                ref="countryListItems[]"
11276                on:click="/selectCountry/AM"
11277              >
11278                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11279<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11280</svg>
11281</span>
11282                <span class="country">Armenia</span>
11283                <span
11284                  class="localization-form__currency motion-reduce"
11285                  
11286                >
11287                  AMD
11288                  դր.</span>
11289              </li>
11290              <li
11291                class="localization-form__list-item"
11292                
11293                data-value="AW"
11294                
11295                  data-aliases=""
11296                
11297                id="Aruba"
11298                aria-label="Aruba"
11299                role="option"
11300                tabindex="-1"
11301                ref="countryListItems[]"
11302                on:click="/selectCountry/AW"
11303              >
11304                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11305<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11306</svg>
11307</span>
11308                <span class="country">Aruba</span>
11309                <span
11310                  class="localization-form__currency motion-reduce"
11311                  
11312                >
11313                  AWG
11314                  ƒ</span>
11315              </li>
11316              <li
11317                class="localization-form__list-item"
11318                
11319                data-value="AC"
11320                
11321                  data-aliases=""
11322                
11323                id="Ascension Island"
11324                aria-label="Ascension Island"
11325                role="option"
11326                tabindex="-1"
11327                ref="countryListItems[]"
11328                on:click="/selectCountry/AC"
11329              >
11330                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11331<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11332</svg>
11333</span>
11334                <span class="country">Ascension Island</span>
11335                <span
11336                  class="localization-form__currency motion-reduce"
11337                  
11338                >
11339                  SHP
11340                  £</span>
11341              </li>
11342              <li
11343                class="localization-form__list-item"
11344                
11345                data-value="AU"
11346                
11347                  data-aliases=""
11348                
11349                id="Australia"
11350                aria-label="Australia"
11351                role="option"
11352                tabindex="-1"
11353                ref="countryListItems[]"
11354                on:click="/selectCountry/AU"
11355              >
11356                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11357<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11358</svg>
11359</span>
11360                <span class="country">Australia</span>
11361                <span
11362                  class="localization-form__currency motion-reduce"
11363                  
11364                >
11365                  AUD
11366                  $</span>
11367              </li>
11368              <li
11369                class="localization-form__list-item"
11370                
11371                data-value="AT"
11372                
11373                  data-aliases=""
11374                
11375                id="Austria"
11376                aria-label="Austria"
11377                role="option"
11378                tabindex="-1"
11379                ref="countryListItems[]"
11380                on:click="/selectCountry/AT"
11381              >
11382                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11383<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11384</svg>
11385</span>
11386                <span class="country">Austria</span>
11387                <span
11388                  class="localization-form__currency motion-reduce"
11389                  
11390                >
11391                  EUR
11392                  €</span>
11393              </li>
11394              <li
11395                class="localization-form__list-item"
11396                
11397                data-value="AZ"
11398                
11399                  data-aliases=""
11400                
11401                id="Azerbaijan"
11402                aria-label="Azerbaijan"
11403                role="option"
11404                tabindex="-1"
11405                ref="countryListItems[]"
11406                on:click="/selectCountry/AZ"
11407              >
11408                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11409<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11410</svg>
11411</span>
11412                <span class="country">Azerbaijan</span>
11413                <span
11414                  class="localization-form__currency motion-reduce"
11415                  
11416                >
11417                  AZN
11418                  ₼</span>
11419              </li>
11420              <li
11421                class="localization-form__list-item"
11422                
11423                data-value="BS"
11424                
11425                  data-aliases=""
11426                
11427                id="Bahamas"
11428                aria-label="Bahamas"
11429                role="option"
11430                tabindex="-1"
11431                ref="countryListItems[]"
11432                on:click="/selectCountry/BS"
11433              >
11434                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11435<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11436</svg>
11437</span>
11438                <span class="country">Bahamas</span>
11439                <span
11440                  class="localization-form__currency motion-reduce"
11441                  
11442                >
11443                  BSD
11444                  $</span>
11445              </li>
11446              <li
11447                class="localization-form__list-item"
11448                
11449                data-value="BH"
11450                
11451                  data-aliases=""
11452                
11453                id="Bahrain"
11454                aria-label="Bahrain"
11455                role="option"
11456                tabindex="-1"
11457                ref="countryListItems[]"
11458                on:click="/selectCountry/BH"
11459              >
11460                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11461<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11462</svg>
11463</span>
11464                <span class="country">Bahrain</span>
11465                <span
11466                  class="localization-form__currency motion-reduce"
11467                  
11468                >
11469                  CAD
11470                  $</span>
11471              </li>
11472              <li
11473                class="localization-form__list-item"
11474                
11475                data-value="BD"
11476                
11477                  data-aliases=""
11478                
11479                id="Bangladesh"
11480                aria-label="Bangladesh"
11481                role="option"
11482                tabindex="-1"
11483                ref="countryListItems[]"
11484                on:click="/selectCountry/BD"
11485              >
11486                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11487<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11488</svg>
11489</span>
11490                <span class="country">Bangladesh</span>
11491                <span
11492                  class="localization-form__currency motion-reduce"
11493                  
11494                >
11495                  BDT
11496                  à§³</span>
11497              </li>
11498              <li
11499                class="localization-form__list-item"
11500                
11501                data-value="BB"
11502                
11503                  data-aliases=""
11504                
11505                id="Barbados"
11506                aria-label="Barbados"
11507                role="option"
11508                tabindex="-1"
11509                ref="countryListItems[]"
11510                on:click="/selectCountry/BB"
11511              >
11512                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11513<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11514</svg>
11515</span>
11516                <span class="country">Barbados</span>
11517                <span
11518                  class="localization-form__currency motion-reduce"
11519                  
11520                >
11521                  BBD
11522                  $</span>
11523              </li>
11524              <li
11525                class="localization-form__list-item"
11526                
11527                data-value="BY"
11528                
11529                  data-aliases=""
11530                
11531                id="Belarus"
11532                aria-label="Belarus"
11533                role="option"
11534                tabindex="-1"
11535                ref="countryListItems[]"
11536                on:click="/selectCountry/BY"
11537              >
11538                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11539<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11540</svg>
11541</span>
11542                <span class="country">Belarus</span>
11543                <span
11544                  class="localization-form__currency motion-reduce"
11545                  
11546                >
11547                  CAD
11548                  $</span>
11549              </li>
11550              <li
11551                class="localization-form__list-item"
11552                
11553                data-value="BE"
11554                
11555                  data-aliases=""
11556                
11557                id="Belgium"
11558                aria-label="Belgium"
11559                role="option"
11560                tabindex="-1"
11561                ref="countryListItems[]"
11562                on:click="/selectCountry/BE"
11563              >
11564                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11565<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11566</svg>
11567</span>
11568                <span class="country">Belgium</span>
11569                <span
11570                  class="localization-form__currency motion-reduce"
11571                  
11572                >
11573                  EUR
11574                  €</span>
11575              </li>
11576              <li
11577                class="localization-form__list-item"
11578                
11579                data-value="BZ"
11580                
11581                  data-aliases=""
11582                
11583                id="Belize"
11584                aria-label="Belize"
11585                role="option"
11586                tabindex="-1"
11587                ref="countryListItems[]"
11588                on:click="/selectCountry/BZ"
11589              >
11590                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11591<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11592</svg>
11593</span>
11594                <span class="country">Belize</span>
11595                <span
11596                  class="localization-form__currency motion-reduce"
11597                  
11598                >
11599                  BZD
11600                  $</span>
11601              </li>
11602              <li
11603                class="localization-form__list-item"
11604                
11605                data-value="BJ"
11606                
11607                  data-aliases=""
11608                
11609                id="Benin"
11610                aria-label="Benin"
11611                role="option"
11612                tabindex="-1"
11613                ref="countryListItems[]"
11614                on:click="/selectCountry/BJ"
11615              >
11616                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11617<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11618</svg>
11619</span>
11620                <span class="country">Benin</span>
11621                <span
11622                  class="localization-form__currency motion-reduce"
11623                  
11624                >
11625                  XOF
11626                  Fr</span>
11627              </li>
11628              <li
11629                class="localization-form__list-item"
11630                
11631                data-value="BM"
11632                
11633                  data-aliases=""
11634                
11635                id="Bermuda"
11636                aria-label="Bermuda"
11637                role="option"
11638                tabindex="-1"
11639                ref="countryListItems[]"
11640                on:click="/selectCountry/BM"
11641              >
11642                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11643<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11644</svg>
11645</span>
11646                <span class="country">Bermuda</span>
11647                <span
11648                  class="localization-form__currency motion-reduce"
11649                  
11650                >
11651                  USD
11652                  $</span>
11653              </li>
11654              <li
11655                class="localization-form__list-item"
11656                
11657                data-value="BT"
11658                
11659                  data-aliases=""
11660                
11661                id="Bhutan"
11662                aria-label="Bhutan"
11663                role="option"
11664                tabindex="-1"
11665                ref="countryListItems[]"
11666                on:click="/selectCountry/BT"
11667              >
11668                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11669<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11670</svg>
11671</span>
11672                <span class="country">Bhutan</span>
11673                <span
11674                  class="localization-form__currency motion-reduce"
11675                  
11676                >
11677                  CAD
11678                  $</span>
11679              </li>
11680              <li
11681                class="localization-form__list-item"
11682                
11683                data-value="BO"
11684                
11685                  data-aliases=""
11686                
11687                id="Bolivia"
11688                aria-label="Bolivia"
11689                role="option"
11690                tabindex="-1"
11691                ref="countryListItems[]"
11692                on:click="/selectCountry/BO"
11693              >
11694                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11695<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11696</svg>
11697</span>
11698                <span class="country">Bolivia</span>
11699                <span
11700                  class="localization-form__currency motion-reduce"
11701                  
11702                >
11703                  BOB
11704                  Bs.</span>
11705              </li>
11706              <li
11707                class="localization-form__list-item"
11708                
11709                data-value="BA"
11710                
11711                  data-aliases=""
11712                
11713                id="Bosnia &amp; Herzegovina"
11714                aria-label="Bosnia &amp; Herzegovina"
11715                role="option"
11716                tabindex="-1"
11717                ref="countryListItems[]"
11718                on:click="/selectCountry/BA"
11719              >
11720                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11721<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11722</svg>
11723</span>
11724                <span class="country">Bosnia &amp; Herzegovina</span>
11725                <span
11726                  class="localization-form__currency motion-reduce"
11727                  
11728                >
11729                  BAM
11730                  КМ</span>
11731              </li>
11732              <li
11733                class="localization-form__list-item"
11734                
11735                data-value="BW"
11736                
11737                  data-aliases=""
11738                
11739                id="Botswana"
11740                aria-label="Botswana"
11741                role="option"
11742                tabindex="-1"
11743                ref="countryListItems[]"
11744                on:click="/selectCountry/BW"
11745              >
11746                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11747<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11748</svg>
11749</span>
11750                <span class="country">Botswana</span>
11751                <span
11752                  class="localization-form__currency motion-reduce"
11753                  
11754                >
11755                  BWP
11756                  P</span>
11757              </li>
11758              <li
11759                class="localization-form__list-item"
11760                
11761                data-value="BR"
11762                
11763                  data-aliases=""
11764                
11765                id="Brazil"
11766                aria-label="Brazil"
11767                role="option"
11768                tabindex="-1"
11769                ref="countryListItems[]"
11770                on:click="/selectCountry/BR"
11771              >
11772                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11773<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11774</svg>
11775</span>
11776                <span class="country">Brazil</span>
11777                <span
11778                  class="localization-form__currency motion-reduce"
11779                  
11780                >
11781                  CAD
11782                  $</span>
11783              </li>
11784              <li
11785                class="localization-form__list-item"
11786                
11787                data-value="IO"
11788                
11789                  data-aliases=""
11790                
11791                id="British Indian Ocean Territory"
11792                aria-label="British Indian Ocean Territory"
11793                role="option"
11794                tabindex="-1"
11795                ref="countryListItems[]"
11796                on:click="/selectCountry/IO"
11797              >
11798                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11799<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11800</svg>
11801</span>
11802                <span class="country">British Indian Ocean Territory</span>
11803                <span
11804                  class="localization-form__currency motion-reduce"
11805                  
11806                >
11807                  USD
11808                  $</span>
11809              </li>
11810              <li
11811                class="localization-form__list-item"
11812                
11813                data-value="VG"
11814                
11815                  data-aliases=""
11816                
11817                id="British Virgin Islands"
11818                aria-label="British Virgin Islands"
11819                role="option"
11820                tabindex="-1"
11821                ref="countryListItems[]"
11822                on:click="/selectCountry/VG"
11823              >
11824                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11825<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11826</svg>
11827</span>
11828                <span class="country">British Virgin Islands</span>
11829                <span
11830                  class="localization-form__currency motion-reduce"
11831                  
11832                >
11833                  USD
11834                  $</span>
11835              </li>
11836              <li
11837                class="localization-form__list-item"
11838                
11839                data-value="BN"
11840                
11841                  data-aliases=""
11842                
11843                id="Brunei"
11844                aria-label="Brunei"
11845                role="option"
11846                tabindex="-1"
11847                ref="countryListItems[]"
11848                on:click="/selectCountry/BN"
11849              >
11850                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11851<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11852</svg>
11853</span>
11854                <span class="country">Brunei</span>
11855                <span
11856                  class="localization-form__currency motion-reduce"
11857                  
11858                >
11859                  BND
11860                  $</span>
11861              </li>
11862              <li
11863                class="localization-form__list-item"
11864                
11865                data-value="BG"
11866                
11867                  data-aliases=""
11868                
11869                id="Bulgaria"
11870                aria-label="Bulgaria"
11871                role="option"
11872                tabindex="-1"
11873                ref="countryListItems[]"
11874                on:click="/selectCountry/BG"
11875              >
11876                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11877<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11878</svg>
11879</span>
11880                <span class="country">Bulgaria</span>
11881                <span
11882                  class="localization-form__currency motion-reduce"
11883                  
11884                >
11885                  EUR
11886                  €</span>
11887              </li>
11888              <li
11889                class="localization-form__list-item"
11890                
11891                data-value="BF"
11892                
11893                  data-aliases=""
11894                
11895                id="Burkina Faso"
11896                aria-label="Burkina Faso"
11897                role="option"
11898                tabindex="-1"
11899                ref="countryListItems[]"
11900                on:click="/selectCountry/BF"
11901              >
11902                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11903<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11904</svg>
11905</span>
11906                <span class="country">Burkina Faso</span>
11907                <span
11908                  class="localization-form__currency motion-reduce"
11909                  
11910                >
11911                  XOF
11912                  Fr</span>
11913              </li>
11914              <li
11915                class="localization-form__list-item"
11916                
11917                data-value="BI"
11918                
11919                  data-aliases=""
11920                
11921                id="Burundi"
11922                aria-label="Burundi"
11923                role="option"
11924                tabindex="-1"
11925                ref="countryListItems[]"
11926                on:click="/selectCountry/BI"
11927              >
11928                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11929<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11930</svg>
11931</span>
11932                <span class="country">Burundi</span>
11933                <span
11934                  class="localization-form__currency motion-reduce"
11935                  
11936                >
11937                  BIF
11938                  Fr</span>
11939              </li>
11940              <li
11941                class="localization-form__list-item"
11942                
11943                data-value="KH"
11944                
11945                  data-aliases=""
11946                
11947                id="Cambodia"
11948                aria-label="Cambodia"
11949                role="option"
11950                tabindex="-1"
11951                ref="countryListItems[]"
11952                on:click="/selectCountry/KH"
11953              >
11954                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11955<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11956</svg>
11957</span>
11958                <span class="country">Cambodia</span>
11959                <span
11960                  class="localization-form__currency motion-reduce"
11961                  
11962                >
11963                  KHR
11964                  ៛</span>
11965              </li>
11966              <li
11967                class="localization-form__list-item"
11968                
11969                data-value="CM"
11970                
11971                  data-aliases=""
11972                
11973                id="Cameroon"
11974                aria-label="Cameroon"
11975                role="option"
11976                tabindex="-1"
11977                ref="countryListItems[]"
11978                on:click="/selectCountry/CM"
11979              >
11980                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
11981<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
11982</svg>
11983</span>
11984                <span class="country">Cameroon</span>
11985                <span
11986                  class="localization-form__currency motion-reduce"
11987                  
11988                >
11989                  XAF
11990                  CFA</span>
11991              </li>
11992              <li
11993                class="localization-form__list-item"
11994                
11995                data-value="CA"
11996                
11997                  data-aliases=""
11998                
11999                id="Canada"
12000                aria-label="Canada"
12001                role="option"
12002                tabindex="-1"
12003                ref="countryListItems[]"
12004                on:click="/selectCountry/CA"
12005              >
12006                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12007<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12008</svg>
12009</span>
12010                <span class="country">Canada</span>
12011                <span
12012                  class="localization-form__currency motion-reduce"
12013                  
12014                >
12015                  CAD
12016                  $</span>
12017              </li>
12018              <li
12019                class="localization-form__list-item"
12020                
12021                data-value="CV"
12022                
12023                  data-aliases=""
12024                
12025                id="Cape Verde"
12026                aria-label="Cape Verde"
12027                role="option"
12028                tabindex="-1"
12029                ref="countryListItems[]"
12030                on:click="/selectCountry/CV"
12031              >
12032                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12033<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12034</svg>
12035</span>
12036                <span class="country">Cape Verde</span>
12037                <span
12038                  class="localization-form__currency motion-reduce"
12039                  
12040                >
12041                  CVE
12042                  $</span>
12043              </li>
12044              <li
12045                class="localization-form__list-item"
12046                
12047                data-value="BQ"
12048                
12049                  data-aliases=""
12050                
12051                id="Caribbean Netherlands"
12052                aria-label="Caribbean Netherlands"
12053                role="option"
12054                tabindex="-1"
12055                ref="countryListItems[]"
12056                on:click="/selectCountry/BQ"
12057              >
12058                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12059<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12060</svg>
12061</span>
12062                <span class="country">Caribbean Netherlands</span>
12063                <span
12064                  class="localization-form__currency motion-reduce"
12065                  
12066                >
12067                  USD
12068                  $</span>
12069              </li>
12070              <li
12071                class="localization-form__list-item"
12072                
12073                data-value="KY"
12074                
12075                  data-aliases=""
12076                
12077                id="Cayman Islands"
12078                aria-label="Cayman Islands"
12079                role="option"
12080                tabindex="-1"
12081                ref="countryListItems[]"
12082                on:click="/selectCountry/KY"
12083              >
12084                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12085<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12086</svg>
12087</span>
12088                <span class="country">Cayman Islands</span>
12089                <span
12090                  class="localization-form__currency motion-reduce"
12091                  
12092                >
12093                  KYD
12094                  $</span>
12095              </li>
12096              <li
12097                class="localization-form__list-item"
12098                
12099                data-value="CF"
12100                
12101                  data-aliases=""
12102                
12103                id="Central African Republic"
12104                aria-label="Central African Republic"
12105                role="option"
12106                tabindex="-1"
12107                ref="countryListItems[]"
12108                on:click="/selectCountry/CF"
12109              >
12110                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12111<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12112</svg>
12113</span>
12114                <span class="country">Central African Republic</span>
12115                <span
12116                  class="localization-form__currency motion-reduce"
12117                  
12118                >
12119                  XAF
12120                  CFA</span>
12121              </li>
12122              <li
12123                class="localization-form__list-item"
12124                
12125                data-value="TD"
12126                
12127                  data-aliases=""
12128                
12129                id="Chad"
12130                aria-label="Chad"
12131                role="option"
12132                tabindex="-1"
12133                ref="countryListItems[]"
12134                on:click="/selectCountry/TD"
12135              >
12136                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12137<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12138</svg>
12139</span>
12140                <span class="country">Chad</span>
12141                <span
12142                  class="localization-form__currency motion-reduce"
12143                  
12144                >
12145                  XAF
12146                  CFA</span>
12147              </li>
12148              <li
12149                class="localization-form__list-item"
12150                
12151                data-value="CL"
12152                
12153                  data-aliases=""
12154                
12155                id="Chile"
12156                aria-label="Chile"
12157                role="option"
12158                tabindex="-1"
12159                ref="countryListItems[]"
12160                on:click="/selectCountry/CL"
12161              >
12162                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12163<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12164</svg>
12165</span>
12166                <span class="country">Chile</span>
12167                <span
12168                  class="localization-form__currency motion-reduce"
12169                  
12170                >
12171                  CAD
12172                  $</span>
12173              </li>
12174              <li
12175                class="localization-form__list-item"
12176                
12177                data-value="CN"
12178                
12179                  data-aliases=""
12180                
12181                id="China"
12182                aria-label="China"
12183                role="option"
12184                tabindex="-1"
12185                ref="countryListItems[]"
12186                on:click="/selectCountry/CN"
12187              >
12188                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12189<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12190</svg>
12191</span>
12192                <span class="country">China</span>
12193                <span
12194                  class="localization-form__currency motion-reduce"
12195                  
12196                >
12197                  CNY
12198                  ¥</span>
12199              </li>
12200              <li
12201                class="localization-form__list-item"
12202                
12203                data-value="CX"
12204                
12205                  data-aliases=""
12206                
12207                id="Christmas Island"
12208                aria-label="Christmas Island"
12209                role="option"
12210                tabindex="-1"
12211                ref="countryListItems[]"
12212                on:click="/selectCountry/CX"
12213              >
12214                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12215<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12216</svg>
12217</span>
12218                <span class="country">Christmas Island</span>
12219                <span
12220                  class="localization-form__currency motion-reduce"
12221                  
12222                >
12223                  AUD
12224                  $</span>
12225              </li>
12226              <li
12227                class="localization-form__list-item"
12228                
12229                data-value="CC"
12230                
12231                  data-aliases=""
12232                
12233                id="Cocos (Keeling) Islands"
12234                aria-label="Cocos (Keeling) Islands"
12235                role="option"
12236                tabindex="-1"
12237                ref="countryListItems[]"
12238                on:click="/selectCountry/CC"
12239              >
12240                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12241<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12242</svg>
12243</span>
12244                <span class="country">Cocos (Keeling) Islands</span>
12245                <span
12246                  class="localization-form__currency motion-reduce"
12247                  
12248                >
12249                  AUD
12250                  $</span>
12251              </li>
12252              <li
12253                class="localization-form__list-item"
12254                
12255                data-value="CO"
12256                
12257                  data-aliases=""
12258                
12259                id="Colombia"
12260                aria-label="Colombia"
12261                role="option"
12262                tabindex="-1"
12263                ref="countryListItems[]"
12264                on:click="/selectCountry/CO"
12265              >
12266                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12267<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12268</svg>
12269</span>
12270                <span class="country">Colombia</span>
12271                <span
12272                  class="localization-form__currency motion-reduce"
12273                  
12274                >
12275                  CAD
12276                  $</span>
12277              </li>
12278              <li
12279                class="localization-form__list-item"
12280                
12281                data-value="KM"
12282                
12283                  data-aliases=""
12284                
12285                id="Comoros"
12286                aria-label="Comoros"
12287                role="option"
12288                tabindex="-1"
12289                ref="countryListItems[]"
12290                on:click="/selectCountry/KM"
12291              >
12292                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12293<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12294</svg>
12295</span>
12296                <span class="country">Comoros</span>
12297                <span
12298                  class="localization-form__currency motion-reduce"
12299                  
12300                >
12301                  KMF
12302                  Fr</span>
12303              </li>
12304              <li
12305                class="localization-form__list-item"
12306                
12307                data-value="CG"
12308                
12309                  data-aliases=""
12310                
12311                id="Congo - Brazzaville"
12312                aria-label="Congo - Brazzaville"
12313                role="option"
12314                tabindex="-1"
12315                ref="countryListItems[]"
12316                on:click="/selectCountry/CG"
12317              >
12318                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12319<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12320</svg>
12321</span>
12322                <span class="country">Congo - Brazzaville</span>
12323                <span
12324                  class="localization-form__currency motion-reduce"
12325                  
12326                >
12327                  XAF
12328                  CFA</span>
12329              </li>
12330              <li
12331                class="localization-form__list-item"
12332                
12333                data-value="CD"
12334                
12335                  data-aliases=""
12336                
12337                id="Congo - Kinshasa"
12338                aria-label="Congo - Kinshasa"
12339                role="option"
12340                tabindex="-1"
12341                ref="countryListItems[]"
12342                on:click="/selectCountry/CD"
12343              >
12344                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12345<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12346</svg>
12347</span>
12348                <span class="country">Congo - Kinshasa</span>
12349                <span
12350                  class="localization-form__currency motion-reduce"
12351                  
12352                >
12353                  CDF
12354                  Fr</span>
12355              </li>
12356              <li
12357                class="localization-form__list-item"
12358                
12359                data-value="CK"
12360                
12361                  data-aliases=""
12362                
12363                id="Cook Islands"
12364                aria-label="Cook Islands"
12365                role="option"
12366                tabindex="-1"
12367                ref="countryListItems[]"
12368                on:click="/selectCountry/CK"
12369              >
12370                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12371<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12372</svg>
12373</span>
12374                <span class="country">Cook Islands</span>
12375                <span
12376                  class="localization-form__currency motion-reduce"
12377                  
12378                >
12379                  NZD
12380                  $</span>
12381              </li>
12382              <li
12383                class="localization-form__list-item"
12384                
12385                data-value="CR"
12386                
12387                  data-aliases=""
12388                
12389                id="Costa Rica"
12390                aria-label="Costa Rica"
12391                role="option"
12392                tabindex="-1"
12393                ref="countryListItems[]"
12394                on:click="/selectCountry/CR"
12395              >
12396                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12397<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12398</svg>
12399</span>
12400                <span class="country">Costa Rica</span>
12401                <span
12402                  class="localization-form__currency motion-reduce"
12403                  
12404                >
12405                  CRC
12406                  ₡</span>
12407              </li>
12408              <li
12409                class="localization-form__list-item"
12410                
12411                data-value="CI"
12412                
12413                  data-aliases=""
12414                
12415                id="Côte d’Ivoire"
12416                aria-label="Côte d’Ivoire"
12417                role="option"
12418                tabindex="-1"
12419                ref="countryListItems[]"
12420                on:click="/selectCountry/CI"
12421              >
12422                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12423<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12424</svg>
12425</span>
12426                <span class="country">Côte d’Ivoire</span>
12427                <span
12428                  class="localization-form__currency motion-reduce"
12429                  
12430                >
12431                  XOF
12432                  Fr</span>
12433              </li>
12434              <li
12435                class="localization-form__list-item"
12436                
12437                data-value="HR"
12438                
12439                  data-aliases=""
12440                
12441                id="Croatia"
12442                aria-label="Croatia"
12443                role="option"
12444                tabindex="-1"
12445                ref="countryListItems[]"
12446                on:click="/selectCountry/HR"
12447              >
12448                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12449<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12450</svg>
12451</span>
12452                <span class="country">Croatia</span>
12453                <span
12454                  class="localization-form__currency motion-reduce"
12455                  
12456                >
12457                  EUR
12458                  €</span>
12459              </li>
12460              <li
12461                class="localization-form__list-item"
12462                
12463                data-value="CW"
12464                
12465                  data-aliases=""
12466                
12467                id="Curaçao"
12468                aria-label="Curaçao"
12469                role="option"
12470                tabindex="-1"
12471                ref="countryListItems[]"
12472                on:click="/selectCountry/CW"
12473              >
12474                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12475<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12476</svg>
12477</span>
12478                <span class="country">Curaçao</span>
12479                <span
12480                  class="localization-form__currency motion-reduce"
12481                  
12482                >
12483                  ANG
12484                  ƒ</span>
12485              </li>
12486              <li
12487                class="localization-form__list-item"
12488                
12489                data-value="CY"
12490                
12491                  data-aliases=""
12492                
12493                id="Cyprus"
12494                aria-label="Cyprus"
12495                role="option"
12496                tabindex="-1"
12497                ref="countryListItems[]"
12498                on:click="/selectCountry/CY"
12499              >
12500                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12501<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12502</svg>
12503</span>
12504                <span class="country">Cyprus</span>
12505                <span
12506                  class="localization-form__currency motion-reduce"
12507                  
12508                >
12509                  EUR
12510                  €</span>
12511              </li>
12512              <li
12513                class="localization-form__list-item"
12514                
12515                data-value="CZ"
12516                
12517                  data-aliases=""
12518                
12519                id="Czechia"
12520                aria-label="Czechia"
12521                role="option"
12522                tabindex="-1"
12523                ref="countryListItems[]"
12524                on:click="/selectCountry/CZ"
12525              >
12526                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12527<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12528</svg>
12529</span>
12530                <span class="country">Czechia</span>
12531                <span
12532                  class="localization-form__currency motion-reduce"
12533                  
12534                >
12535                  CZK
12536                  Kč</span>
12537              </li>
12538              <li
12539                class="localization-form__list-item"
12540                
12541                data-value="DK"
12542                
12543                  data-aliases=""
12544                
12545                id="Denmark"
12546                aria-label="Denmark"
12547                role="option"
12548                tabindex="-1"
12549                ref="countryListItems[]"
12550                on:click="/selectCountry/DK"
12551              >
12552                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12553<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12554</svg>
12555</span>
12556                <span class="country">Denmark</span>
12557                <span
12558                  class="localization-form__currency motion-reduce"
12559                  
12560                >
12561                  DKK
12562                  kr.</span>
12563              </li>
12564              <li
12565                class="localization-form__list-item"
12566                
12567                data-value="DJ"
12568                
12569                  data-aliases=""
12570                
12571                id="Djibouti"
12572                aria-label="Djibouti"
12573                role="option"
12574                tabindex="-1"
12575                ref="countryListItems[]"
12576                on:click="/selectCountry/DJ"
12577              >
12578                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12579<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12580</svg>
12581</span>
12582                <span class="country">Djibouti</span>
12583                <span
12584                  class="localization-form__currency motion-reduce"
12585                  
12586                >
12587                  DJF
12588                  Fdj</span>
12589              </li>
12590              <li
12591                class="localization-form__list-item"
12592                
12593                data-value="DM"
12594                
12595                  data-aliases=""
12596                
12597                id="Dominica"
12598                aria-label="Dominica"
12599                role="option"
12600                tabindex="-1"
12601                ref="countryListItems[]"
12602                on:click="/selectCountry/DM"
12603              >
12604                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12605<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12606</svg>
12607</span>
12608                <span class="country">Dominica</span>
12609                <span
12610                  class="localization-form__currency motion-reduce"
12611                  
12612                >
12613                  XCD
12614                  $</span>
12615              </li>
12616              <li
12617                class="localization-form__list-item"
12618                
12619                data-value="DO"
12620                
12621                  data-aliases=""
12622                
12623                id="Dominican Republic"
12624                aria-label="Dominican Republic"
12625                role="option"
12626                tabindex="-1"
12627                ref="countryListItems[]"
12628                on:click="/selectCountry/DO"
12629              >
12630                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12631<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12632</svg>
12633</span>
12634                <span class="country">Dominican Republic</span>
12635                <span
12636                  class="localization-form__currency motion-reduce"
12637                  
12638                >
12639                  DOP
12640                  $</span>
12641              </li>
12642              <li
12643                class="localization-form__list-item"
12644                
12645                data-value="EC"
12646                
12647                  data-aliases=""
12648                
12649                id="Ecuador"
12650                aria-label="Ecuador"
12651                role="option"
12652                tabindex="-1"
12653                ref="countryListItems[]"
12654                on:click="/selectCountry/EC"
12655              >
12656                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12657<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12658</svg>
12659</span>
12660                <span class="country">Ecuador</span>
12661                <span
12662                  class="localization-form__currency motion-reduce"
12663                  
12664                >
12665                  USD
12666                  $</span>
12667              </li>
12668              <li
12669                class="localization-form__list-item"
12670                
12671                data-value="EG"
12672                
12673                  data-aliases=""
12674                
12675                id="Egypt"
12676                aria-label="Egypt"
12677                role="option"
12678                tabindex="-1"
12679                ref="countryListItems[]"
12680                on:click="/selectCountry/EG"
12681              >
12682                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12683<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12684</svg>
12685</span>
12686                <span class="country">Egypt</span>
12687                <span
12688                  class="localization-form__currency motion-reduce"
12689                  
12690                >
12691                  EGP
12692                  ج.م</span>
12693              </li>
12694              <li
12695                class="localization-form__list-item"
12696                
12697                data-value="SV"
12698                
12699                  data-aliases=""
12700                
12701                id="El Salvador"
12702                aria-label="El Salvador"
12703                role="option"
12704                tabindex="-1"
12705                ref="countryListItems[]"
12706                on:click="/selectCountry/SV"
12707              >
12708                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12709<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12710</svg>
12711</span>
12712                <span class="country">El Salvador</span>
12713                <span
12714                  class="localization-form__currency motion-reduce"
12715                  
12716                >
12717                  USD
12718                  $</span>
12719              </li>
12720              <li
12721                class="localization-form__list-item"
12722                
12723                data-value="GQ"
12724                
12725                  data-aliases=""
12726                
12727                id="Equatorial Guinea"
12728                aria-label="Equatorial Guinea"
12729                role="option"
12730                tabindex="-1"
12731                ref="countryListItems[]"
12732                on:click="/selectCountry/GQ"
12733              >
12734                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12735<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12736</svg>
12737</span>
12738                <span class="country">Equatorial Guinea</span>
12739                <span
12740                  class="localization-form__currency motion-reduce"
12741                  
12742                >
12743                  XAF
12744                  CFA</span>
12745              </li>
12746              <li
12747                class="localization-form__list-item"
12748                
12749                data-value="ER"
12750                
12751                  data-aliases=""
12752                
12753                id="Eritrea"
12754                aria-label="Eritrea"
12755                role="option"
12756                tabindex="-1"
12757                ref="countryListItems[]"
12758                on:click="/selectCountry/ER"
12759              >
12760                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12761<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12762</svg>
12763</span>
12764                <span class="country">Eritrea</span>
12765                <span
12766                  class="localization-form__currency motion-reduce"
12767                  
12768                >
12769                  CAD
12770                  $</span>
12771              </li>
12772              <li
12773                class="localization-form__list-item"
12774                
12775                data-value="EE"
12776                
12777                  data-aliases=""
12778                
12779                id="Estonia"
12780                aria-label="Estonia"
12781                role="option"
12782                tabindex="-1"
12783                ref="countryListItems[]"
12784                on:click="/selectCountry/EE"
12785              >
12786                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12787<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12788</svg>
12789</span>
12790                <span class="country">Estonia</span>
12791                <span
12792                  class="localization-form__currency motion-reduce"
12793                  
12794                >
12795                  EUR
12796                  €</span>
12797              </li>
12798              <li
12799                class="localization-form__list-item"
12800                
12801                data-value="SZ"
12802                
12803                  data-aliases=""
12804                
12805                id="Eswatini"
12806                aria-label="Eswatini"
12807                role="option"
12808                tabindex="-1"
12809                ref="countryListItems[]"
12810                on:click="/selectCountry/SZ"
12811              >
12812                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12813<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12814</svg>
12815</span>
12816                <span class="country">Eswatini</span>
12817                <span
12818                  class="localization-form__currency motion-reduce"
12819                  
12820                >
12821                  CAD
12822                  $</span>
12823              </li>
12824              <li
12825                class="localization-form__list-item"
12826                
12827                data-value="ET"
12828                
12829                  data-aliases=""
12830                
12831                id="Ethiopia"
12832                aria-label="Ethiopia"
12833                role="option"
12834                tabindex="-1"
12835                ref="countryListItems[]"
12836                on:click="/selectCountry/ET"
12837              >
12838                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12839<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12840</svg>
12841</span>
12842                <span class="country">Ethiopia</span>
12843                <span
12844                  class="localization-form__currency motion-reduce"
12845                  
12846                >
12847                  ETB
12848                  Br</span>
12849              </li>
12850              <li
12851                class="localization-form__list-item"
12852                
12853                data-value="FK"
12854                
12855                  data-aliases=""
12856                
12857                id="Falkland Islands"
12858                aria-label="Falkland Islands"
12859                role="option"
12860                tabindex="-1"
12861                ref="countryListItems[]"
12862                on:click="/selectCountry/FK"
12863              >
12864                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12865<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12866</svg>
12867</span>
12868                <span class="country">Falkland Islands</span>
12869                <span
12870                  class="localization-form__currency motion-reduce"
12871                  
12872                >
12873                  FKP
12874                  £</span>
12875              </li>
12876              <li
12877                class="localization-form__list-item"
12878                
12879                data-value="FO"
12880                
12881                  data-aliases=""
12882                
12883                id="Faroe Islands"
12884                aria-label="Faroe Islands"
12885                role="option"
12886                tabindex="-1"
12887                ref="countryListItems[]"
12888                on:click="/selectCountry/FO"
12889              >
12890                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12891<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12892</svg>
12893</span>
12894                <span class="country">Faroe Islands</span>
12895                <span
12896                  class="localization-form__currency motion-reduce"
12897                  
12898                >
12899                  DKK
12900                  kr.</span>
12901              </li>
12902              <li
12903                class="localization-form__list-item"
12904                
12905                data-value="FJ"
12906                
12907                  data-aliases=""
12908                
12909                id="Fiji"
12910                aria-label="Fiji"
12911                role="option"
12912                tabindex="-1"
12913                ref="countryListItems[]"
12914                on:click="/selectCountry/FJ"
12915              >
12916                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12917<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12918</svg>
12919</span>
12920                <span class="country">Fiji</span>
12921                <span
12922                  class="localization-form__currency motion-reduce"
12923                  
12924                >
12925                  FJD
12926                  $</span>
12927              </li>
12928              <li
12929                class="localization-form__list-item"
12930                
12931                data-value="FI"
12932                
12933                  data-aliases=""
12934                
12935                id="Finland"
12936                aria-label="Finland"
12937                role="option"
12938                tabindex="-1"
12939                ref="countryListItems[]"
12940                on:click="/selectCountry/FI"
12941              >
12942                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12943<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12944</svg>
12945</span>
12946                <span class="country">Finland</span>
12947                <span
12948                  class="localization-form__currency motion-reduce"
12949                  
12950                >
12951                  EUR
12952                  €</span>
12953              </li>
12954              <li
12955                class="localization-form__list-item"
12956                
12957                data-value="FR"
12958                
12959                  data-aliases=""
12960                
12961                id="France"
12962                aria-label="France"
12963                role="option"
12964                tabindex="-1"
12965                ref="countryListItems[]"
12966                on:click="/selectCountry/FR"
12967              >
12968                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12969<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12970</svg>
12971</span>
12972                <span class="country">France</span>
12973                <span
12974                  class="localization-form__currency motion-reduce"
12975                  
12976                >
12977                  EUR
12978                  €</span>
12979              </li>
12980              <li
12981                class="localization-form__list-item"
12982                
12983                data-value="GF"
12984                
12985                  data-aliases=""
12986                
12987                id="French Guiana"
12988                aria-label="French Guiana"
12989                role="option"
12990                tabindex="-1"
12991                ref="countryListItems[]"
12992                on:click="/selectCountry/GF"
12993              >
12994                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
12995<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12996</svg>
12997</span>
12998                <span class="country">French Guiana</span>
12999                <span
13000                  class="localization-form__currency motion-reduce"
13001                  
13002                >
13003                  EUR
13004                  €</span>
13005              </li>
13006              <li
13007                class="localization-form__list-item"
13008                
13009                data-value="PF"
13010                
13011                  data-aliases=""
13012                
13013                id="French Polynesia"
13014                aria-label="French Polynesia"
13015                role="option"
13016                tabindex="-1"
13017                ref="countryListItems[]"
13018                on:click="/selectCountry/PF"
13019              >
13020                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13021<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13022</svg>
13023</span>
13024                <span class="country">French Polynesia</span>
13025                <span
13026                  class="localization-form__currency motion-reduce"
13027                  
13028                >
13029                  XPF
13030                  Fr</span>
13031              </li>
13032              <li
13033                class="localization-form__list-item"
13034                
13035                data-value="TF"
13036                
13037                  data-aliases=""
13038                
13039                id="French Southern Territories"
13040                aria-label="French Southern Territories"
13041                role="option"
13042                tabindex="-1"
13043                ref="countryListItems[]"
13044                on:click="/selectCountry/TF"
13045              >
13046                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13047<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13048</svg>
13049</span>
13050                <span class="country">French Southern Territories</span>
13051                <span
13052                  class="localization-form__currency motion-reduce"
13053                  
13054                >
13055                  EUR
13056                  €</span>
13057              </li>
13058              <li
13059                class="localization-form__list-item"
13060                
13061                data-value="GA"
13062                
13063                  data-aliases=""
13064                
13065                id="Gabon"
13066                aria-label="Gabon"
13067                role="option"
13068                tabindex="-1"
13069                ref="countryListItems[]"
13070                on:click="/selectCountry/GA"
13071              >
13072                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13073<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13074</svg>
13075</span>
13076                <span class="country">Gabon</span>
13077                <span
13078                  class="localization-form__currency motion-reduce"
13079                  
13080                >
13081                  XOF
13082                  Fr</span>
13083              </li>
13084              <li
13085                class="localization-form__list-item"
13086                
13087                data-value="GM"
13088                
13089                  data-aliases=""
13090                
13091                id="Gambia"
13092                aria-label="Gambia"
13093                role="option"
13094                tabindex="-1"
13095                ref="countryListItems[]"
13096                on:click="/selectCountry/GM"
13097              >
13098                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13099<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13100</svg>
13101</span>
13102                <span class="country">Gambia</span>
13103                <span
13104                  class="localization-form__currency motion-reduce"
13105                  
13106                >
13107                  GMD
13108                  D</span>
13109              </li>
13110              <li
13111                class="localization-form__list-item"
13112                
13113                data-value="GE"
13114                
13115                  data-aliases=""
13116                
13117                id="Georgia"
13118                aria-label="Georgia"
13119                role="option"
13120                tabindex="-1"
13121                ref="countryListItems[]"
13122                on:click="/selectCountry/GE"
13123              >
13124                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13125<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13126</svg>
13127</span>
13128                <span class="country">Georgia</span>
13129                <span
13130                  class="localization-form__currency motion-reduce"
13131                  
13132                >
13133                  CAD
13134                  $</span>
13135              </li>
13136              <li
13137                class="localization-form__list-item"
13138                
13139                data-value="DE"
13140                
13141                  data-aliases=""
13142                
13143                id="Germany"
13144                aria-label="Germany"
13145                role="option"
13146                tabindex="-1"
13147                ref="countryListItems[]"
13148                on:click="/selectCountry/DE"
13149              >
13150                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13151<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13152</svg>
13153</span>
13154                <span class="country">Germany</span>
13155                <span
13156                  class="localization-form__currency motion-reduce"
13157                  
13158                >
13159                  EUR
13160                  €</span>
13161              </li>
13162              <li
13163                class="localization-form__list-item"
13164                
13165                data-value="GH"
13166                
13167                  data-aliases=""
13168                
13169                id="Ghana"
13170                aria-label="Ghana"
13171                role="option"
13172                tabindex="-1"
13173                ref="countryListItems[]"
13174                on:click="/selectCountry/GH"
13175              >
13176                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13177<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13178</svg>
13179</span>
13180                <span class="country">Ghana</span>
13181                <span
13182                  class="localization-form__currency motion-reduce"
13183                  
13184                >
13185                  CAD
13186                  $</span>
13187              </li>
13188              <li
13189                class="localization-form__list-item"
13190                
13191                data-value="GI"
13192                
13193                  data-aliases=""
13194                
13195                id="Gibraltar"
13196                aria-label="Gibraltar"
13197                role="option"
13198                tabindex="-1"
13199                ref="countryListItems[]"
13200                on:click="/selectCountry/GI"
13201              >
13202                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13203<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13204</svg>
13205</span>
13206                <span class="country">Gibraltar</span>
13207                <span
13208                  class="localization-form__currency motion-reduce"
13209                  
13210                >
13211                  GBP
13212                  £</span>
13213              </li>
13214              <li
13215                class="localization-form__list-item"
13216                
13217                data-value="GR"
13218                
13219                  data-aliases=""
13220                
13221                id="Greece"
13222                aria-label="Greece"
13223                role="option"
13224                tabindex="-1"
13225                ref="countryListItems[]"
13226                on:click="/selectCountry/GR"
13227              >
13228                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13229<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13230</svg>
13231</span>
13232                <span class="country">Greece</span>
13233                <span
13234                  class="localization-form__currency motion-reduce"
13235                  
13236                >
13237                  EUR
13238                  €</span>
13239              </li>
13240              <li
13241                class="localization-form__list-item"
13242                
13243                data-value="GL"
13244                
13245                  data-aliases=""
13246                
13247                id="Greenland"
13248                aria-label="Greenland"
13249                role="option"
13250                tabindex="-1"
13251                ref="countryListItems[]"
13252                on:click="/selectCountry/GL"
13253              >
13254                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13255<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13256</svg>
13257</span>
13258                <span class="country">Greenland</span>
13259                <span
13260                  class="localization-form__currency motion-reduce"
13261                  
13262                >
13263                  DKK
13264                  kr.</span>
13265              </li>
13266              <li
13267                class="localization-form__list-item"
13268                
13269                data-value="GD"
13270                
13271                  data-aliases=""
13272                
13273                id="Grenada"
13274                aria-label="Grenada"
13275                role="option"
13276                tabindex="-1"
13277                ref="countryListItems[]"
13278                on:click="/selectCountry/GD"
13279              >
13280                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13281<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13282</svg>
13283</span>
13284                <span class="country">Grenada</span>
13285                <span
13286                  class="localization-form__currency motion-reduce"
13287                  
13288                >
13289                  XCD
13290                  $</span>
13291              </li>
13292              <li
13293                class="localization-form__list-item"
13294                
13295                data-value="GP"
13296                
13297                  data-aliases=""
13298                
13299                id="Guadeloupe"
13300                aria-label="Guadeloupe"
13301                role="option"
13302                tabindex="-1"
13303                ref="countryListItems[]"
13304                on:click="/selectCountry/GP"
13305              >
13306                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13307<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13308</svg>
13309</span>
13310                <span class="country">Guadeloupe</span>
13311                <span
13312                  class="localization-form__currency motion-reduce"
13313                  
13314                >
13315                  EUR
13316                  €</span>
13317              </li>
13318              <li
13319                class="localization-form__list-item"
13320                
13321                data-value="GT"
13322                
13323                  data-aliases=""
13324                
13325                id="Guatemala"
13326                aria-label="Guatemala"
13327                role="option"
13328                tabindex="-1"
13329                ref="countryListItems[]"
13330                on:click="/selectCountry/GT"
13331              >
13332                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13333<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13334</svg>
13335</span>
13336                <span class="country">Guatemala</span>
13337                <span
13338                  class="localization-form__currency motion-reduce"
13339                  
13340                >
13341                  GTQ
13342                  Q</span>
13343              </li>
13344              <li
13345                class="localization-form__list-item"
13346                
13347                data-value="GG"
13348                
13349                  data-aliases=""
13350                
13351                id="Guernsey"
13352                aria-label="Guernsey"
13353                role="option"
13354                tabindex="-1"
13355                ref="countryListItems[]"
13356                on:click="/selectCountry/GG"
13357              >
13358                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13359<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13360</svg>
13361</span>
13362                <span class="country">Guernsey</span>
13363                <span
13364                  class="localization-form__currency motion-reduce"
13365                  
13366                >
13367                  GBP
13368                  £</span>
13369              </li>
13370              <li
13371                class="localization-form__list-item"
13372                
13373                data-value="GN"
13374                
13375                  data-aliases=""
13376                
13377                id="Guinea"
13378                aria-label="Guinea"
13379                role="option"
13380                tabindex="-1"
13381                ref="countryListItems[]"
13382                on:click="/selectCountry/GN"
13383              >
13384                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13385<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13386</svg>
13387</span>
13388                <span class="country">Guinea</span>
13389                <span
13390                  class="localization-form__currency motion-reduce"
13391                  
13392                >
13393                  GNF
13394                  Fr</span>
13395              </li>
13396              <li
13397                class="localization-form__list-item"
13398                
13399                data-value="GW"
13400                
13401                  data-aliases=""
13402                
13403                id="Guinea-Bissau"
13404                aria-label="Guinea-Bissau"
13405                role="option"
13406                tabindex="-1"
13407                ref="countryListItems[]"
13408                on:click="/selectCountry/GW"
13409              >
13410                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13411<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13412</svg>
13413</span>
13414                <span class="country">Guinea-Bissau</span>
13415                <span
13416                  class="localization-form__currency motion-reduce"
13417                  
13418                >
13419                  XOF
13420                  Fr</span>
13421              </li>
13422              <li
13423                class="localization-form__list-item"
13424                
13425                data-value="GY"
13426                
13427                  data-aliases=""
13428                
13429                id="Guyana"
13430                aria-label="Guyana"
13431                role="option"
13432                tabindex="-1"
13433                ref="countryListItems[]"
13434                on:click="/selectCountry/GY"
13435              >
13436                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13437<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13438</svg>
13439</span>
13440                <span class="country">Guyana</span>
13441                <span
13442                  class="localization-form__currency motion-reduce"
13443                  
13444                >
13445                  GYD
13446                  $</span>
13447              </li>
13448              <li
13449                class="localization-form__list-item"
13450                
13451                data-value="HT"
13452                
13453                  data-aliases=""
13454                
13455                id="Haiti"
13456                aria-label="Haiti"
13457                role="option"
13458                tabindex="-1"
13459                ref="countryListItems[]"
13460                on:click="/selectCountry/HT"
13461              >
13462                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13463<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13464</svg>
13465</span>
13466                <span class="country">Haiti</span>
13467                <span
13468                  class="localization-form__currency motion-reduce"
13469                  
13470                >
13471                  CAD
13472                  $</span>
13473              </li>
13474              <li
13475                class="localization-form__list-item"
13476                
13477                data-value="HN"
13478                
13479                  data-aliases=""
13480                
13481                id="Honduras"
13482                aria-label="Honduras"
13483                role="option"
13484                tabindex="-1"
13485                ref="countryListItems[]"
13486                on:click="/selectCountry/HN"
13487              >
13488                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13489<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13490</svg>
13491</span>
13492                <span class="country">Honduras</span>
13493                <span
13494                  class="localization-form__currency motion-reduce"
13495                  
13496                >
13497                  HNL
13498                  L</span>
13499              </li>
13500              <li
13501                class="localization-form__list-item"
13502                
13503                data-value="HK"
13504                
13505                  data-aliases=""
13506                
13507                id="Hong Kong SAR"
13508                aria-label="Hong Kong SAR"
13509                role="option"
13510                tabindex="-1"
13511                ref="countryListItems[]"
13512                on:click="/selectCountry/HK"
13513              >
13514                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13515<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13516</svg>
13517</span>
13518                <span class="country">Hong Kong SAR</span>
13519                <span
13520                  class="localization-form__currency motion-reduce"
13521                  
13522                >
13523                  HKD
13524                  $</span>
13525              </li>
13526              <li
13527                class="localization-form__list-item"
13528                
13529                data-value="HU"
13530                
13531                  data-aliases=""
13532                
13533                id="Hungary"
13534                aria-label="Hungary"
13535                role="option"
13536                tabindex="-1"
13537                ref="countryListItems[]"
13538                on:click="/selectCountry/HU"
13539              >
13540                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13541<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13542</svg>
13543</span>
13544                <span class="country">Hungary</span>
13545                <span
13546                  class="localization-form__currency motion-reduce"
13547                  
13548                >
13549                  HUF
13550                  Ft</span>
13551              </li>
13552              <li
13553                class="localization-form__list-item"
13554                
13555                data-value="IS"
13556                
13557                  data-aliases=""
13558                
13559                id="Iceland"
13560                aria-label="Iceland"
13561                role="option"
13562                tabindex="-1"
13563                ref="countryListItems[]"
13564                on:click="/selectCountry/IS"
13565              >
13566                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13567<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13568</svg>
13569</span>
13570                <span class="country">Iceland</span>
13571                <span
13572                  class="localization-form__currency motion-reduce"
13573                  
13574                >
13575                  ISK
13576                  kr</span>
13577              </li>
13578              <li
13579                class="localization-form__list-item"
13580                
13581                data-value="IN"
13582                
13583                  data-aliases=""
13584                
13585                id="India"
13586                aria-label="India"
13587                role="option"
13588                tabindex="-1"
13589                ref="countryListItems[]"
13590                on:click="/selectCountry/IN"
13591              >
13592                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13593<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13594</svg>
13595</span>
13596                <span class="country">India</span>
13597                <span
13598                  class="localization-form__currency motion-reduce"
13599                  
13600                >
13601                  INR
13602                  ₹</span>
13603              </li>
13604              <li
13605                class="localization-form__list-item"
13606                
13607                data-value="ID"
13608                
13609                  data-aliases=""
13610                
13611                id="Indonesia"
13612                aria-label="Indonesia"
13613                role="option"
13614                tabindex="-1"
13615                ref="countryListItems[]"
13616                on:click="/selectCountry/ID"
13617              >
13618                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13619<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13620</svg>
13621</span>
13622                <span class="country">Indonesia</span>
13623                <span
13624                  class="localization-form__currency motion-reduce"
13625                  
13626                >
13627                  IDR
13628                  Rp</span>
13629              </li>
13630              <li
13631                class="localization-form__list-item"
13632                
13633                data-value="IQ"
13634                
13635                  data-aliases=""
13636                
13637                id="Iraq"
13638                aria-label="Iraq"
13639                role="option"
13640                tabindex="-1"
13641                ref="countryListItems[]"
13642                on:click="/selectCountry/IQ"
13643              >
13644                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13645<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13646</svg>
13647</span>
13648                <span class="country">Iraq</span>
13649                <span
13650                  class="localization-form__currency motion-reduce"
13651                  
13652                >
13653                  CAD
13654                  $</span>
13655              </li>
13656              <li
13657                class="localization-form__list-item"
13658                
13659                data-value="IE"
13660                
13661                  data-aliases=""
13662                
13663                id="Ireland"
13664                aria-label="Ireland"
13665                role="option"
13666                tabindex="-1"
13667                ref="countryListItems[]"
13668                on:click="/selectCountry/IE"
13669              >
13670                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13671<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13672</svg>
13673</span>
13674                <span class="country">Ireland</span>
13675                <span
13676                  class="localization-form__currency motion-reduce"
13677                  
13678                >
13679                  EUR
13680                  €</span>
13681              </li>
13682              <li
13683                class="localization-form__list-item"
13684                
13685                data-value="IM"
13686                
13687                  data-aliases=""
13688                
13689                id="Isle of Man"
13690                aria-label="Isle of Man"
13691                role="option"
13692                tabindex="-1"
13693                ref="countryListItems[]"
13694                on:click="/selectCountry/IM"
13695              >
13696                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13697<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13698</svg>
13699</span>
13700                <span class="country">Isle of Man</span>
13701                <span
13702                  class="localization-form__currency motion-reduce"
13703                  
13704                >
13705                  GBP
13706                  £</span>
13707              </li>
13708              <li
13709                class="localization-form__list-item"
13710                
13711                data-value="IL"
13712                
13713                  data-aliases=""
13714                
13715                id="Israel"
13716                aria-label="Israel"
13717                role="option"
13718                tabindex="-1"
13719                ref="countryListItems[]"
13720                on:click="/selectCountry/IL"
13721              >
13722                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13723<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13724</svg>
13725</span>
13726                <span class="country">Israel</span>
13727                <span
13728                  class="localization-form__currency motion-reduce"
13729                  
13730                >
13731                  ILS
13732                  ₪</span>
13733              </li>
13734              <li
13735                class="localization-form__list-item"
13736                
13737                data-value="IT"
13738                
13739                  data-aliases=""
13740                
13741                id="Italy"
13742                aria-label="Italy"
13743                role="option"
13744                tabindex="-1"
13745                ref="countryListItems[]"
13746                on:click="/selectCountry/IT"
13747              >
13748                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13749<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13750</svg>
13751</span>
13752                <span class="country">Italy</span>
13753                <span
13754                  class="localization-form__currency motion-reduce"
13755                  
13756                >
13757                  EUR
13758                  €</span>
13759              </li>
13760              <li
13761                class="localization-form__list-item"
13762                
13763                data-value="JM"
13764                
13765                  data-aliases=""
13766                
13767                id="Jamaica"
13768                aria-label="Jamaica"
13769                role="option"
13770                tabindex="-1"
13771                ref="countryListItems[]"
13772                on:click="/selectCountry/JM"
13773              >
13774                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13775<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13776</svg>
13777</span>
13778                <span class="country">Jamaica</span>
13779                <span
13780                  class="localization-form__currency motion-reduce"
13781                  
13782                >
13783                  JMD
13784                  $</span>
13785              </li>
13786              <li
13787                class="localization-form__list-item"
13788                
13789                data-value="JP"
13790                
13791                  data-aliases=""
13792                
13793                id="Japan"
13794                aria-label="Japan"
13795                role="option"
13796                tabindex="-1"
13797                ref="countryListItems[]"
13798                on:click="/selectCountry/JP"
13799              >
13800                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13801<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13802</svg>
13803</span>
13804                <span class="country">Japan</span>
13805                <span
13806                  class="localization-form__currency motion-reduce"
13807                  
13808                >
13809                  JPY
13810                  ¥</span>
13811              </li>
13812              <li
13813                class="localization-form__list-item"
13814                
13815                data-value="JE"
13816                
13817                  data-aliases=""
13818                
13819                id="Jersey"
13820                aria-label="Jersey"
13821                role="option"
13822                tabindex="-1"
13823                ref="countryListItems[]"
13824                on:click="/selectCountry/JE"
13825              >
13826                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13827<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13828</svg>
13829</span>
13830                <span class="country">Jersey</span>
13831                <span
13832                  class="localization-form__currency motion-reduce"
13833                  
13834                >
13835                  CAD
13836                  $</span>
13837              </li>
13838              <li
13839                class="localization-form__list-item"
13840                
13841                data-value="JO"
13842                
13843                  data-aliases=""
13844                
13845                id="Jordan"
13846                aria-label="Jordan"
13847                role="option"
13848                tabindex="-1"
13849                ref="countryListItems[]"
13850                on:click="/selectCountry/JO"
13851              >
13852                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13853<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13854</svg>
13855</span>
13856                <span class="country">Jordan</span>
13857                <span
13858                  class="localization-form__currency motion-reduce"
13859                  
13860                >
13861                  CAD
13862                  $</span>
13863              </li>
13864              <li
13865                class="localization-form__list-item"
13866                
13867                data-value="KZ"
13868                
13869                  data-aliases=""
13870                
13871                id="Kazakhstan"
13872                aria-label="Kazakhstan"
13873                role="option"
13874                tabindex="-1"
13875                ref="countryListItems[]"
13876                on:click="/selectCountry/KZ"
13877              >
13878                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13879<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13880</svg>
13881</span>
13882                <span class="country">Kazakhstan</span>
13883                <span
13884                  class="localization-form__currency motion-reduce"
13885                  
13886                >
13887                  KZT
13888                  ₸</span>
13889              </li>
13890              <li
13891                class="localization-form__list-item"
13892                
13893                data-value="KE"
13894                
13895                  data-aliases=""
13896                
13897                id="Kenya"
13898                aria-label="Kenya"
13899                role="option"
13900                tabindex="-1"
13901                ref="countryListItems[]"
13902                on:click="/selectCountry/KE"
13903              >
13904                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13905<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13906</svg>
13907</span>
13908                <span class="country">Kenya</span>
13909                <span
13910                  class="localization-form__currency motion-reduce"
13911                  
13912                >
13913                  KES
13914                  KSh</span>
13915              </li>
13916              <li
13917                class="localization-form__list-item"
13918                
13919                data-value="KI"
13920                
13921                  data-aliases=""
13922                
13923                id="Kiribati"
13924                aria-label="Kiribati"
13925                role="option"
13926                tabindex="-1"
13927                ref="countryListItems[]"
13928                on:click="/selectCountry/KI"
13929              >
13930                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13931<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13932</svg>
13933</span>
13934                <span class="country">Kiribati</span>
13935                <span
13936                  class="localization-form__currency motion-reduce"
13937                  
13938                >
13939                  CAD
13940                  $</span>
13941              </li>
13942              <li
13943                class="localization-form__list-item"
13944                
13945                data-value="XK"
13946                
13947                  data-aliases=""
13948                
13949                id="Kosovo"
13950                aria-label="Kosovo"
13951                role="option"
13952                tabindex="-1"
13953                ref="countryListItems[]"
13954                on:click="/selectCountry/XK"
13955              >
13956                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13957<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13958</svg>
13959</span>
13960                <span class="country">Kosovo</span>
13961                <span
13962                  class="localization-form__currency motion-reduce"
13963                  
13964                >
13965                  EUR
13966                  €</span>
13967              </li>
13968              <li
13969                class="localization-form__list-item"
13970                
13971                data-value="KW"
13972                
13973                  data-aliases=""
13974                
13975                id="Kuwait"
13976                aria-label="Kuwait"
13977                role="option"
13978                tabindex="-1"
13979                ref="countryListItems[]"
13980                on:click="/selectCountry/KW"
13981              >
13982                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
13983<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13984</svg>
13985</span>
13986                <span class="country">Kuwait</span>
13987                <span
13988                  class="localization-form__currency motion-reduce"
13989                  
13990                >
13991                  CAD
13992                  $</span>
13993              </li>
13994              <li
13995                class="localization-form__list-item"
13996                
13997                data-value="KG"
13998                
13999                  data-aliases=""
14000                
14001                id="Kyrgyzstan"
14002                aria-label="Kyrgyzstan"
14003                role="option"
14004                tabindex="-1"
14005                ref="countryListItems[]"
14006                on:click="/selectCountry/KG"
14007              >
14008                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14009<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14010</svg>
14011</span>
14012                <span class="country">Kyrgyzstan</span>
14013                <span
14014                  class="localization-form__currency motion-reduce"
14015                  
14016                >
14017                  KGS
14018                  som</span>
14019              </li>
14020              <li
14021                class="localization-form__list-item"
14022                
14023                data-value="LA"
14024                
14025                  data-aliases=""
14026                
14027                id="Laos"
14028                aria-label="Laos"
14029                role="option"
14030                tabindex="-1"
14031                ref="countryListItems[]"
14032                on:click="/selectCountry/LA"
14033              >
14034                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14035<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14036</svg>
14037</span>
14038                <span class="country">Laos</span>
14039                <span
14040                  class="localization-form__currency motion-reduce"
14041                  
14042                >
14043                  LAK
14044                  ₭</span>
14045              </li>
14046              <li
14047                class="localization-form__list-item"
14048                
14049                data-value="LV"
14050                
14051                  data-aliases=""
14052                
14053                id="Latvia"
14054                aria-label="Latvia"
14055                role="option"
14056                tabindex="-1"
14057                ref="countryListItems[]"
14058                on:click="/selectCountry/LV"
14059              >
14060                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14061<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14062</svg>
14063</span>
14064                <span class="country">Latvia</span>
14065                <span
14066                  class="localization-form__currency motion-reduce"
14067                  
14068                >
14069                  EUR
14070                  €</span>
14071              </li>
14072              <li
14073                class="localization-form__list-item"
14074                
14075                data-value="LB"
14076                
14077                  data-aliases=""
14078                
14079                id="Lebanon"
14080                aria-label="Lebanon"
14081                role="option"
14082                tabindex="-1"
14083                ref="countryListItems[]"
14084                on:click="/selectCountry/LB"
14085              >
14086                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14087<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14088</svg>
14089</span>
14090                <span class="country">Lebanon</span>
14091                <span
14092                  class="localization-form__currency motion-reduce"
14093                  
14094                >
14095                  LBP
14096                  ل.ل</span>
14097              </li>
14098              <li
14099                class="localization-form__list-item"
14100                
14101                data-value="LS"
14102                
14103                  data-aliases=""
14104                
14105                id="Lesotho"
14106                aria-label="Lesotho"
14107                role="option"
14108                tabindex="-1"
14109                ref="countryListItems[]"
14110                on:click="/selectCountry/LS"
14111              >
14112                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14113<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14114</svg>
14115</span>
14116                <span class="country">Lesotho</span>
14117                <span
14118                  class="localization-form__currency motion-reduce"
14119                  
14120                >
14121                  CAD
14122                  $</span>
14123              </li>
14124              <li
14125                class="localization-form__list-item"
14126                
14127                data-value="LR"
14128                
14129                  data-aliases=""
14130                
14131                id="Liberia"
14132                aria-label="Liberia"
14133                role="option"
14134                tabindex="-1"
14135                ref="countryListItems[]"
14136                on:click="/selectCountry/LR"
14137              >
14138                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14139<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14140</svg>
14141</span>
14142                <span class="country">Liberia</span>
14143                <span
14144                  class="localization-form__currency motion-reduce"
14145                  
14146                >
14147                  CAD
14148                  $</span>
14149              </li>
14150              <li
14151                class="localization-form__list-item"
14152                
14153                data-value="LY"
14154                
14155                  data-aliases=""
14156                
14157                id="Libya"
14158                aria-label="Libya"
14159                role="option"
14160                tabindex="-1"
14161                ref="countryListItems[]"
14162                on:click="/selectCountry/LY"
14163              >
14164                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14165<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14166</svg>
14167</span>
14168                <span class="country">Libya</span>
14169                <span
14170                  class="localization-form__currency motion-reduce"
14171                  
14172                >
14173                  CAD
14174                  $</span>
14175              </li>
14176              <li
14177                class="localization-form__list-item"
14178                
14179                data-value="LI"
14180                
14181                  data-aliases=""
14182                
14183                id="Liechtenstein"
14184                aria-label="Liechtenstein"
14185                role="option"
14186                tabindex="-1"
14187                ref="countryListItems[]"
14188                on:click="/selectCountry/LI"
14189              >
14190                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14191<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14192</svg>
14193</span>
14194                <span class="country">Liechtenstein</span>
14195                <span
14196                  class="localization-form__currency motion-reduce"
14197                  
14198                >
14199                  CHF
14200                  CHF</span>
14201              </li>
14202              <li
14203                class="localization-form__list-item"
14204                
14205                data-value="LT"
14206                
14207                  data-aliases=""
14208                
14209                id="Lithuania"
14210                aria-label="Lithuania"
14211                role="option"
14212                tabindex="-1"
14213                ref="countryListItems[]"
14214                on:click="/selectCountry/LT"
14215              >
14216                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14217<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14218</svg>
14219</span>
14220                <span class="country">Lithuania</span>
14221                <span
14222                  class="localization-form__currency motion-reduce"
14223                  
14224                >
14225                  EUR
14226                  €</span>
14227              </li>
14228              <li
14229                class="localization-form__list-item"
14230                
14231                data-value="LU"
14232                
14233                  data-aliases=""
14234                
14235                id="Luxembourg"
14236                aria-label="Luxembourg"
14237                role="option"
14238                tabindex="-1"
14239                ref="countryListItems[]"
14240                on:click="/selectCountry/LU"
14241              >
14242                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14243<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14244</svg>
14245</span>
14246                <span class="country">Luxembourg</span>
14247                <span
14248                  class="localization-form__currency motion-reduce"
14249                  
14250                >
14251                  EUR
14252                  €</span>
14253              </li>
14254              <li
14255                class="localization-form__list-item"
14256                
14257                data-value="MO"
14258                
14259                  data-aliases=""
14260                
14261                id="Macao SAR"
14262                aria-label="Macao SAR"
14263                role="option"
14264                tabindex="-1"
14265                ref="countryListItems[]"
14266                on:click="/selectCountry/MO"
14267              >
14268                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14269<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14270</svg>
14271</span>
14272                <span class="country">Macao SAR</span>
14273                <span
14274                  class="localization-form__currency motion-reduce"
14275                  
14276                >
14277                  MOP
14278                  P</span>
14279              </li>
14280              <li
14281                class="localization-form__list-item"
14282                
14283                data-value="MG"
14284                
14285                  data-aliases=""
14286                
14287                id="Madagascar"
14288                aria-label="Madagascar"
14289                role="option"
14290                tabindex="-1"
14291                ref="countryListItems[]"
14292                on:click="/selectCountry/MG"
14293              >
14294                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14295<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14296</svg>
14297</span>
14298                <span class="country">Madagascar</span>
14299                <span
14300                  class="localization-form__currency motion-reduce"
14301                  
14302                >
14303                  CAD
14304                  $</span>
14305              </li>
14306              <li
14307                class="localization-form__list-item"
14308                
14309                data-value="MW"
14310                
14311                  data-aliases=""
14312                
14313                id="Malawi"
14314                aria-label="Malawi"
14315                role="option"
14316                tabindex="-1"
14317                ref="countryListItems[]"
14318                on:click="/selectCountry/MW"
14319              >
14320                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14321<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14322</svg>
14323</span>
14324                <span class="country">Malawi</span>
14325                <span
14326                  class="localization-form__currency motion-reduce"
14327                  
14328                >
14329                  MWK
14330                  MK</span>
14331              </li>
14332              <li
14333                class="localization-form__list-item"
14334                
14335                data-value="MY"
14336                
14337                  data-aliases=""
14338                
14339                id="Malaysia"
14340                aria-label="Malaysia"
14341                role="option"
14342                tabindex="-1"
14343                ref="countryListItems[]"
14344                on:click="/selectCountry/MY"
14345              >
14346                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14347<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14348</svg>
14349</span>
14350                <span class="country">Malaysia</span>
14351                <span
14352                  class="localization-form__currency motion-reduce"
14353                  
14354                >
14355                  MYR
14356                  RM</span>
14357              </li>
14358              <li
14359                class="localization-form__list-item"
14360                
14361                data-value="MV"
14362                
14363                  data-aliases=""
14364                
14365                id="Maldives"
14366                aria-label="Maldives"
14367                role="option"
14368                tabindex="-1"
14369                ref="countryListItems[]"
14370                on:click="/selectCountry/MV"
14371              >
14372                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14373<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14374</svg>
14375</span>
14376                <span class="country">Maldives</span>
14377                <span
14378                  class="localization-form__currency motion-reduce"
14379                  
14380                >
14381                  MVR
14382                  MVR</span>
14383              </li>
14384              <li
14385                class="localization-form__list-item"
14386                
14387                data-value="ML"
14388                
14389                  data-aliases=""
14390                
14391                id="Mali"
14392                aria-label="Mali"
14393                role="option"
14394                tabindex="-1"
14395                ref="countryListItems[]"
14396                on:click="/selectCountry/ML"
14397              >
14398                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14399<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14400</svg>
14401</span>
14402                <span class="country">Mali</span>
14403                <span
14404                  class="localization-form__currency motion-reduce"
14405                  
14406                >
14407                  XOF
14408                  Fr</span>
14409              </li>
14410              <li
14411                class="localization-form__list-item"
14412                
14413                data-value="MT"
14414                
14415                  data-aliases=""
14416                
14417                id="Malta"
14418                aria-label="Malta"
14419                role="option"
14420                tabindex="-1"
14421                ref="countryListItems[]"
14422                on:click="/selectCountry/MT"
14423              >
14424                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14425<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14426</svg>
14427</span>
14428                <span class="country">Malta</span>
14429                <span
14430                  class="localization-form__currency motion-reduce"
14431                  
14432                >
14433                  EUR
14434                  €</span>
14435              </li>
14436              <li
14437                class="localization-form__list-item"
14438                
14439                data-value="MQ"
14440                
14441                  data-aliases=""
14442                
14443                id="Martinique"
14444                aria-label="Martinique"
14445                role="option"
14446                tabindex="-1"
14447                ref="countryListItems[]"
14448                on:click="/selectCountry/MQ"
14449              >
14450                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14451<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14452</svg>
14453</span>
14454                <span class="country">Martinique</span>
14455                <span
14456                  class="localization-form__currency motion-reduce"
14457                  
14458                >
14459                  EUR
14460                  €</span>
14461              </li>
14462              <li
14463                class="localization-form__list-item"
14464                
14465                data-value="MR"
14466                
14467                  data-aliases=""
14468                
14469                id="Mauritania"
14470                aria-label="Mauritania"
14471                role="option"
14472                tabindex="-1"
14473                ref="countryListItems[]"
14474                on:click="/selectCountry/MR"
14475              >
14476                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14477<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14478</svg>
14479</span>
14480                <span class="country">Mauritania</span>
14481                <span
14482                  class="localization-form__currency motion-reduce"
14483                  
14484                >
14485                  CAD
14486                  $</span>
14487              </li>
14488              <li
14489                class="localization-form__list-item"
14490                
14491                data-value="MU"
14492                
14493                  data-aliases=""
14494                
14495                id="Mauritius"
14496                aria-label="Mauritius"
14497                role="option"
14498                tabindex="-1"
14499                ref="countryListItems[]"
14500                on:click="/selectCountry/MU"
14501              >
14502                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14503<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14504</svg>
14505</span>
14506                <span class="country">Mauritius</span>
14507                <span
14508                  class="localization-form__currency motion-reduce"
14509                  
14510                >
14511                  MUR
14512                  ₨</span>
14513              </li>
14514              <li
14515                class="localization-form__list-item"
14516                
14517                data-value="YT"
14518                
14519                  data-aliases=""
14520                
14521                id="Mayotte"
14522                aria-label="Mayotte"
14523                role="option"
14524                tabindex="-1"
14525                ref="countryListItems[]"
14526                on:click="/selectCountry/YT"
14527              >
14528                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14529<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14530</svg>
14531</span>
14532                <span class="country">Mayotte</span>
14533                <span
14534                  class="localization-form__currency motion-reduce"
14535                  
14536                >
14537                  EUR
14538                  €</span>
14539              </li>
14540              <li
14541                class="localization-form__list-item"
14542                
14543                data-value="MX"
14544                
14545                  data-aliases=""
14546                
14547                id="Mexico"
14548                aria-label="Mexico"
14549                role="option"
14550                tabindex="-1"
14551                ref="countryListItems[]"
14552                on:click="/selectCountry/MX"
14553              >
14554                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14555<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14556</svg>
14557</span>
14558                <span class="country">Mexico</span>
14559                <span
14560                  class="localization-form__currency motion-reduce"
14561                  
14562                >
14563                  CAD
14564                  $</span>
14565              </li>
14566              <li
14567                class="localization-form__list-item"
14568                
14569                data-value="MD"
14570                
14571                  data-aliases=""
14572                
14573                id="Moldova"
14574                aria-label="Moldova"
14575                role="option"
14576                tabindex="-1"
14577                ref="countryListItems[]"
14578                on:click="/selectCountry/MD"
14579              >
14580                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14581<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14582</svg>
14583</span>
14584                <span class="country">Moldova</span>
14585                <span
14586                  class="localization-form__currency motion-reduce"
14587                  
14588                >
14589                  MDL
14590                  L</span>
14591              </li>
14592              <li
14593                class="localization-form__list-item"
14594                
14595                data-value="MC"
14596                
14597                  data-aliases=""
14598                
14599                id="Monaco"
14600                aria-label="Monaco"
14601                role="option"
14602                tabindex="-1"
14603                ref="countryListItems[]"
14604                on:click="/selectCountry/MC"
14605              >
14606                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14607<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14608</svg>
14609</span>
14610                <span class="country">Monaco</span>
14611                <span
14612                  class="localization-form__currency motion-reduce"
14613                  
14614                >
14615                  EUR
14616                  €</span>
14617              </li>
14618              <li
14619                class="localization-form__list-item"
14620                
14621                data-value="MN"
14622                
14623                  data-aliases=""
14624                
14625                id="Mongolia"
14626                aria-label="Mongolia"
14627                role="option"
14628                tabindex="-1"
14629                ref="countryListItems[]"
14630                on:click="/selectCountry/MN"
14631              >
14632                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14633<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14634</svg>
14635</span>
14636                <span class="country">Mongolia</span>
14637                <span
14638                  class="localization-form__currency motion-reduce"
14639                  
14640                >
14641                  MNT
14642                  ₮</span>
14643              </li>
14644              <li
14645                class="localization-form__list-item"
14646                
14647                data-value="ME"
14648                
14649                  data-aliases=""
14650                
14651                id="Montenegro"
14652                aria-label="Montenegro"
14653                role="option"
14654                tabindex="-1"
14655                ref="countryListItems[]"
14656                on:click="/selectCountry/ME"
14657              >
14658                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14659<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14660</svg>
14661</span>
14662                <span class="country">Montenegro</span>
14663                <span
14664                  class="localization-form__currency motion-reduce"
14665                  
14666                >
14667                  EUR
14668                  €</span>
14669              </li>
14670              <li
14671                class="localization-form__list-item"
14672                
14673                data-value="MS"
14674                
14675                  data-aliases=""
14676                
14677                id="Montserrat"
14678                aria-label="Montserrat"
14679                role="option"
14680                tabindex="-1"
14681                ref="countryListItems[]"
14682                on:click="/selectCountry/MS"
14683              >
14684                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14685<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14686</svg>
14687</span>
14688                <span class="country">Montserrat</span>
14689                <span
14690                  class="localization-form__currency motion-reduce"
14691                  
14692                >
14693                  XCD
14694                  $</span>
14695              </li>
14696              <li
14697                class="localization-form__list-item"
14698                
14699                data-value="MA"
14700                
14701                  data-aliases=""
14702                
14703                id="Morocco"
14704                aria-label="Morocco"
14705                role="option"
14706                tabindex="-1"
14707                ref="countryListItems[]"
14708                on:click="/selectCountry/MA"
14709              >
14710                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14711<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14712</svg>
14713</span>
14714                <span class="country">Morocco</span>
14715                <span
14716                  class="localization-form__currency motion-reduce"
14717                  
14718                >
14719                  MAD
14720                  د.م.</span>
14721              </li>
14722              <li
14723                class="localization-form__list-item"
14724                
14725                data-value="MZ"
14726                
14727                  data-aliases=""
14728                
14729                id="Mozambique"
14730                aria-label="Mozambique"
14731                role="option"
14732                tabindex="-1"
14733                ref="countryListItems[]"
14734                on:click="/selectCountry/MZ"
14735              >
14736                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14737<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14738</svg>
14739</span>
14740                <span class="country">Mozambique</span>
14741                <span
14742                  class="localization-form__currency motion-reduce"
14743                  
14744                >
14745                  CAD
14746                  $</span>
14747              </li>
14748              <li
14749                class="localization-form__list-item"
14750                
14751                data-value="MM"
14752                
14753                  data-aliases=""
14754                
14755                id="Myanmar (Burma)"
14756                aria-label="Myanmar (Burma)"
14757                role="option"
14758                tabindex="-1"
14759                ref="countryListItems[]"
14760                on:click="/selectCountry/MM"
14761              >
14762                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14763<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14764</svg>
14765</span>
14766                <span class="country">Myanmar (Burma)</span>
14767                <span
14768                  class="localization-form__currency motion-reduce"
14769                  
14770                >
14771                  MMK
14772                  K</span>
14773              </li>
14774              <li
14775                class="localization-form__list-item"
14776                
14777                data-value="NA"
14778                
14779                  data-aliases=""
14780                
14781                id="Namibia"
14782                aria-label="Namibia"
14783                role="option"
14784                tabindex="-1"
14785                ref="countryListItems[]"
14786                on:click="/selectCountry/NA"
14787              >
14788                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14789<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14790</svg>
14791</span>
14792                <span class="country">Namibia</span>
14793                <span
14794                  class="localization-form__currency motion-reduce"
14795                  
14796                >
14797                  CAD
14798                  $</span>
14799              </li>
14800              <li
14801                class="localization-form__list-item"
14802                
14803                data-value="NR"
14804                
14805                  data-aliases=""
14806                
14807                id="Nauru"
14808                aria-label="Nauru"
14809                role="option"
14810                tabindex="-1"
14811                ref="countryListItems[]"
14812                on:click="/selectCountry/NR"
14813              >
14814                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14815<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14816</svg>
14817</span>
14818                <span class="country">Nauru</span>
14819                <span
14820                  class="localization-form__currency motion-reduce"
14821                  
14822                >
14823                  AUD
14824                  $</span>
14825              </li>
14826              <li
14827                class="localization-form__list-item"
14828                
14829                data-value="NP"
14830                
14831                  data-aliases=""
14832                
14833                id="Nepal"
14834                aria-label="Nepal"
14835                role="option"
14836                tabindex="-1"
14837                ref="countryListItems[]"
14838                on:click="/selectCountry/NP"
14839              >
14840                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14841<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14842</svg>
14843</span>
14844                <span class="country">Nepal</span>
14845                <span
14846                  class="localization-form__currency motion-reduce"
14847                  
14848                >
14849                  NPR
14850                  Rs.</span>
14851              </li>
14852              <li
14853                class="localization-form__list-item"
14854                
14855                data-value="NL"
14856                
14857                  data-aliases=""
14858                
14859                id="Netherlands"
14860                aria-label="Netherlands"
14861                role="option"
14862                tabindex="-1"
14863                ref="countryListItems[]"
14864                on:click="/selectCountry/NL"
14865              >
14866                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14867<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14868</svg>
14869</span>
14870                <span class="country">Netherlands</span>
14871                <span
14872                  class="localization-form__currency motion-reduce"
14873                  
14874                >
14875                  EUR
14876                  €</span>
14877              </li>
14878              <li
14879                class="localization-form__list-item"
14880                
14881                data-value="NC"
14882                
14883                  data-aliases=""
14884                
14885                id="New Caledonia"
14886                aria-label="New Caledonia"
14887                role="option"
14888                tabindex="-1"
14889                ref="countryListItems[]"
14890                on:click="/selectCountry/NC"
14891              >
14892                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14893<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14894</svg>
14895</span>
14896                <span class="country">New Caledonia</span>
14897                <span
14898                  class="localization-form__currency motion-reduce"
14899                  
14900                >
14901                  XPF
14902                  Fr</span>
14903              </li>
14904              <li
14905                class="localization-form__list-item"
14906                
14907                data-value="NZ"
14908                
14909                  data-aliases=""
14910                
14911                id="New Zealand"
14912                aria-label="New Zealand"
14913                role="option"
14914                tabindex="-1"
14915                ref="countryListItems[]"
14916                on:click="/selectCountry/NZ"
14917              >
14918                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14919<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14920</svg>
14921</span>
14922                <span class="country">New Zealand</span>
14923                <span
14924                  class="localization-form__currency motion-reduce"
14925                  
14926                >
14927                  NZD
14928                  $</span>
14929              </li>
14930              <li
14931                class="localization-form__list-item"
14932                
14933                data-value="NI"
14934                
14935                  data-aliases=""
14936                
14937                id="Nicaragua"
14938                aria-label="Nicaragua"
14939                role="option"
14940                tabindex="-1"
14941                ref="countryListItems[]"
14942                on:click="/selectCountry/NI"
14943              >
14944                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14945<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14946</svg>
14947</span>
14948                <span class="country">Nicaragua</span>
14949                <span
14950                  class="localization-form__currency motion-reduce"
14951                  
14952                >
14953                  NIO
14954                  C$</span>
14955              </li>
14956              <li
14957                class="localization-form__list-item"
14958                
14959                data-value="NE"
14960                
14961                  data-aliases=""
14962                
14963                id="Niger"
14964                aria-label="Niger"
14965                role="option"
14966                tabindex="-1"
14967                ref="countryListItems[]"
14968                on:click="/selectCountry/NE"
14969              >
14970                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14971<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14972</svg>
14973</span>
14974                <span class="country">Niger</span>
14975                <span
14976                  class="localization-form__currency motion-reduce"
14977                  
14978                >
14979                  XOF
14980                  Fr</span>
14981              </li>
14982              <li
14983                class="localization-form__list-item"
14984                
14985                data-value="NG"
14986                
14987                  data-aliases=""
14988                
14989                id="Nigeria"
14990                aria-label="Nigeria"
14991                role="option"
14992                tabindex="-1"
14993                ref="countryListItems[]"
14994                on:click="/selectCountry/NG"
14995              >
14996                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
14997<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14998</svg>
14999</span>
15000                <span class="country">Nigeria</span>
15001                <span
15002                  class="localization-form__currency motion-reduce"
15003                  
15004                >
15005                  NGN
15006                  ₦</span>
15007              </li>
15008              <li
15009                class="localization-form__list-item"
15010                
15011                data-value="NU"
15012                
15013                  data-aliases=""
15014                
15015                id="Niue"
15016                aria-label="Niue"
15017                role="option"
15018                tabindex="-1"
15019                ref="countryListItems[]"
15020                on:click="/selectCountry/NU"
15021              >
15022                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15023<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15024</svg>
15025</span>
15026                <span class="country">Niue</span>
15027                <span
15028                  class="localization-form__currency motion-reduce"
15029                  
15030                >
15031                  NZD
15032                  $</span>
15033              </li>
15034              <li
15035                class="localization-form__list-item"
15036                
15037                data-value="NF"
15038                
15039                  data-aliases=""
15040                
15041                id="Norfolk Island"
15042                aria-label="Norfolk Island"
15043                role="option"
15044                tabindex="-1"
15045                ref="countryListItems[]"
15046                on:click="/selectCountry/NF"
15047              >
15048                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15049<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15050</svg>
15051</span>
15052                <span class="country">Norfolk Island</span>
15053                <span
15054                  class="localization-form__currency motion-reduce"
15055                  
15056                >
15057                  AUD
15058                  $</span>
15059              </li>
15060              <li
15061                class="localization-form__list-item"
15062                
15063                data-value="MK"
15064                
15065                  data-aliases=""
15066                
15067                id="North Macedonia"
15068                aria-label="North Macedonia"
15069                role="option"
15070                tabindex="-1"
15071                ref="countryListItems[]"
15072                on:click="/selectCountry/MK"
15073              >
15074                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15075<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15076</svg>
15077</span>
15078                <span class="country">North Macedonia</span>
15079                <span
15080                  class="localization-form__currency motion-reduce"
15081                  
15082                >
15083                  MKD
15084                  ден</span>
15085              </li>
15086              <li
15087                class="localization-form__list-item"
15088                
15089                data-value="NO"
15090                
15091                  data-aliases=""
15092                
15093                id="Norway"
15094                aria-label="Norway"
15095                role="option"
15096                tabindex="-1"
15097                ref="countryListItems[]"
15098                on:click="/selectCountry/NO"
15099              >
15100                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15101<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15102</svg>
15103</span>
15104                <span class="country">Norway</span>
15105                <span
15106                  class="localization-form__currency motion-reduce"
15107                  
15108                >
15109                  NOK
15110                  kr</span>
15111              </li>
15112              <li
15113                class="localization-form__list-item"
15114                
15115                data-value="OM"
15116                
15117                  data-aliases=""
15118                
15119                id="Oman"
15120                aria-label="Oman"
15121                role="option"
15122                tabindex="-1"
15123                ref="countryListItems[]"
15124                on:click="/selectCountry/OM"
15125              >
15126                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15127<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15128</svg>
15129</span>
15130                <span class="country">Oman</span>
15131                <span
15132                  class="localization-form__currency motion-reduce"
15133                  
15134                >
15135                  CAD
15136                  $</span>
15137              </li>
15138              <li
15139                class="localization-form__list-item"
15140                
15141                data-value="PK"
15142                
15143                  data-aliases=""
15144                
15145                id="Pakistan"
15146                aria-label="Pakistan"
15147                role="option"
15148                tabindex="-1"
15149                ref="countryListItems[]"
15150                on:click="/selectCountry/PK"
15151              >
15152                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15153<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15154</svg>
15155</span>
15156                <span class="country">Pakistan</span>
15157                <span
15158                  class="localization-form__currency motion-reduce"
15159                  
15160                >
15161                  PKR
15162                  ₨</span>
15163              </li>
15164              <li
15165                class="localization-form__list-item"
15166                
15167                data-value="PS"
15168                
15169                  data-aliases=""
15170                
15171                id="Palestinian Territories"
15172                aria-label="Palestinian Territories"
15173                role="option"
15174                tabindex="-1"
15175                ref="countryListItems[]"
15176                on:click="/selectCountry/PS"
15177              >
15178                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15179<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15180</svg>
15181</span>
15182                <span class="country">Palestinian Territories</span>
15183                <span
15184                  class="localization-form__currency motion-reduce"
15185                  
15186                >
15187                  ILS
15188                  ₪</span>
15189              </li>
15190              <li
15191                class="localization-form__list-item"
15192                
15193                data-value="PA"
15194                
15195                  data-aliases=""
15196                
15197                id="Panama"
15198                aria-label="Panama"
15199                role="option"
15200                tabindex="-1"
15201                ref="countryListItems[]"
15202                on:click="/selectCountry/PA"
15203              >
15204                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15205<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15206</svg>
15207</span>
15208                <span class="country">Panama</span>
15209                <span
15210                  class="localization-form__currency motion-reduce"
15211                  
15212                >
15213                  USD
15214                  $</span>
15215              </li>
15216              <li
15217                class="localization-form__list-item"
15218                
15219                data-value="PG"
15220                
15221                  data-aliases=""
15222                
15223                id="Papua New Guinea"
15224                aria-label="Papua New Guinea"
15225                role="option"
15226                tabindex="-1"
15227                ref="countryListItems[]"
15228                on:click="/selectCountry/PG"
15229              >
15230                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15231<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15232</svg>
15233</span>
15234                <span class="country">Papua New Guinea</span>
15235                <span
15236                  class="localization-form__currency motion-reduce"
15237                  
15238                >
15239                  PGK
15240                  K</span>
15241              </li>
15242              <li
15243                class="localization-form__list-item"
15244                
15245                data-value="PY"
15246                
15247                  data-aliases=""
15248                
15249                id="Paraguay"
15250                aria-label="Paraguay"
15251                role="option"
15252                tabindex="-1"
15253                ref="countryListItems[]"
15254                on:click="/selectCountry/PY"
15255              >
15256                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15257<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15258</svg>
15259</span>
15260                <span class="country">Paraguay</span>
15261                <span
15262                  class="localization-form__currency motion-reduce"
15263                  
15264                >
15265                  PYG
15266                  ₲</span>
15267              </li>
15268              <li
15269                class="localization-form__list-item"
15270                
15271                data-value="PE"
15272                
15273                  data-aliases=""
15274                
15275                id="Peru"
15276                aria-label="Peru"
15277                role="option"
15278                tabindex="-1"
15279                ref="countryListItems[]"
15280                on:click="/selectCountry/PE"
15281              >
15282                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15283<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15284</svg>
15285</span>
15286                <span class="country">Peru</span>
15287                <span
15288                  class="localization-form__currency motion-reduce"
15289                  
15290                >
15291                  PEN
15292                  S/</span>
15293              </li>
15294              <li
15295                class="localization-form__list-item"
15296                
15297                data-value="PH"
15298                
15299                  data-aliases=""
15300                
15301                id="Philippines"
15302                aria-label="Philippines"
15303                role="option"
15304                tabindex="-1"
15305                ref="countryListItems[]"
15306                on:click="/selectCountry/PH"
15307              >
15308                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15309<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15310</svg>
15311</span>
15312                <span class="country">Philippines</span>
15313                <span
15314                  class="localization-form__currency motion-reduce"
15315                  
15316                >
15317                  PHP
15318                  ₱</span>
15319              </li>
15320              <li
15321                class="localization-form__list-item"
15322                
15323                data-value="PN"
15324                
15325                  data-aliases=""
15326                
15327                id="Pitcairn Islands"
15328                aria-label="Pitcairn Islands"
15329                role="option"
15330                tabindex="-1"
15331                ref="countryListItems[]"
15332                on:click="/selectCountry/PN"
15333              >
15334                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15335<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15336</svg>
15337</span>
15338                <span class="country">Pitcairn Islands</span>
15339                <span
15340                  class="localization-form__currency motion-reduce"
15341                  
15342                >
15343                  NZD
15344                  $</span>
15345              </li>
15346              <li
15347                class="localization-form__list-item"
15348                
15349                data-value="PL"
15350                
15351                  data-aliases=""
15352                
15353                id="Poland"
15354                aria-label="Poland"
15355                role="option"
15356                tabindex="-1"
15357                ref="countryListItems[]"
15358                on:click="/selectCountry/PL"
15359              >
15360                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15361<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15362</svg>
15363</span>
15364                <span class="country">Poland</span>
15365                <span
15366                  class="localization-form__currency motion-reduce"
15367                  
15368                >
15369                  PLN
15370                  zł</span>
15371              </li>
15372              <li
15373                class="localization-form__list-item"
15374                
15375                data-value="PT"
15376                
15377                  data-aliases=""
15378                
15379                id="Portugal"
15380                aria-label="Portugal"
15381                role="option"
15382                tabindex="-1"
15383                ref="countryListItems[]"
15384                on:click="/selectCountry/PT"
15385              >
15386                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15387<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15388</svg>
15389</span>
15390                <span class="country">Portugal</span>
15391                <span
15392                  class="localization-form__currency motion-reduce"
15393                  
15394                >
15395                  EUR
15396                  €</span>
15397              </li>
15398              <li
15399                class="localization-form__list-item"
15400                
15401                data-value="QA"
15402                
15403                  data-aliases=""
15404                
15405                id="Qatar"
15406                aria-label="Qatar"
15407                role="option"
15408                tabindex="-1"
15409                ref="countryListItems[]"
15410                on:click="/selectCountry/QA"
15411              >
15412                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15413<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15414</svg>
15415</span>
15416                <span class="country">Qatar</span>
15417                <span
15418                  class="localization-form__currency motion-reduce"
15419                  
15420                >
15421                  QAR
15422                  ر.ق</span>
15423              </li>
15424              <li
15425                class="localization-form__list-item"
15426                
15427                data-value="RE"
15428                
15429                  data-aliases=""
15430                
15431                id="Réunion"
15432                aria-label="Réunion"
15433                role="option"
15434                tabindex="-1"
15435                ref="countryListItems[]"
15436                on:click="/selectCountry/RE"
15437              >
15438                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15439<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15440</svg>
15441</span>
15442                <span class="country">Réunion</span>
15443                <span
15444                  class="localization-form__currency motion-reduce"
15445                  
15446                >
15447                  EUR
15448                  €</span>
15449              </li>
15450              <li
15451                class="localization-form__list-item"
15452                
15453                data-value="RO"
15454                
15455                  data-aliases=""
15456                
15457                id="Romania"
15458                aria-label="Romania"
15459                role="option"
15460                tabindex="-1"
15461                ref="countryListItems[]"
15462                on:click="/selectCountry/RO"
15463              >
15464                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15465<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15466</svg>
15467</span>
15468                <span class="country">Romania</span>
15469                <span
15470                  class="localization-form__currency motion-reduce"
15471                  
15472                >
15473                  RON
15474                  Lei</span>
15475              </li>
15476              <li
15477                class="localization-form__list-item"
15478                
15479                data-value="RU"
15480                
15481                  data-aliases=""
15482                
15483                id="Russia"
15484                aria-label="Russia"
15485                role="option"
15486                tabindex="-1"
15487                ref="countryListItems[]"
15488                on:click="/selectCountry/RU"
15489              >
15490                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15491<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15492</svg>
15493</span>
15494                <span class="country">Russia</span>
15495                <span
15496                  class="localization-form__currency motion-reduce"
15497                  
15498                >
15499                  CAD
15500                  $</span>
15501              </li>
15502              <li
15503                class="localization-form__list-item"
15504                
15505                data-value="RW"
15506                
15507                  data-aliases=""
15508                
15509                id="Rwanda"
15510                aria-label="Rwanda"
15511                role="option"
15512                tabindex="-1"
15513                ref="countryListItems[]"
15514                on:click="/selectCountry/RW"
15515              >
15516                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15517<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15518</svg>
15519</span>
15520                <span class="country">Rwanda</span>
15521                <span
15522                  class="localization-form__currency motion-reduce"
15523                  
15524                >
15525                  RWF
15526                  FRw</span>
15527              </li>
15528              <li
15529                class="localization-form__list-item"
15530                
15531                data-value="WS"
15532                
15533                  data-aliases=""
15534                
15535                id="Samoa"
15536                aria-label="Samoa"
15537                role="option"
15538                tabindex="-1"
15539                ref="countryListItems[]"
15540                on:click="/selectCountry/WS"
15541              >
15542                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15543<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15544</svg>
15545</span>
15546                <span class="country">Samoa</span>
15547                <span
15548                  class="localization-form__currency motion-reduce"
15549                  
15550                >
15551                  WST
15552                  T</span>
15553              </li>
15554              <li
15555                class="localization-form__list-item"
15556                
15557                data-value="SM"
15558                
15559                  data-aliases=""
15560                
15561                id="San Marino"
15562                aria-label="San Marino"
15563                role="option"
15564                tabindex="-1"
15565                ref="countryListItems[]"
15566                on:click="/selectCountry/SM"
15567              >
15568                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15569<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15570</svg>
15571</span>
15572                <span class="country">San Marino</span>
15573                <span
15574                  class="localization-form__currency motion-reduce"
15575                  
15576                >
15577                  EUR
15578                  €</span>
15579              </li>
15580              <li
15581                class="localization-form__list-item"
15582                
15583                data-value="ST"
15584                
15585                  data-aliases=""
15586                
15587                id="São Tomé &amp; Príncipe"
15588                aria-label="São Tomé &amp; Príncipe"
15589                role="option"
15590                tabindex="-1"
15591                ref="countryListItems[]"
15592                on:click="/selectCountry/ST"
15593              >
15594                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15595<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15596</svg>
15597</span>
15598                <span class="country">São Tomé &amp; Príncipe</span>
15599                <span
15600                  class="localization-form__currency motion-reduce"
15601                  
15602                >
15603                  STD
15604                  Db</span>
15605              </li>
15606              <li
15607                class="localization-form__list-item"
15608                
15609                data-value="SA"
15610                
15611                  data-aliases=""
15612                
15613                id="Saudi Arabia"
15614                aria-label="Saudi Arabia"
15615                role="option"
15616                tabindex="-1"
15617                ref="countryListItems[]"
15618                on:click="/selectCountry/SA"
15619              >
15620                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15621<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15622</svg>
15623</span>
15624                <span class="country">Saudi Arabia</span>
15625                <span
15626                  class="localization-form__currency motion-reduce"
15627                  
15628                >
15629                  SAR
15630                  ر.س</span>
15631              </li>
15632              <li
15633                class="localization-form__list-item"
15634                
15635                data-value="SN"
15636                
15637                  data-aliases=""
15638                
15639                id="Senegal"
15640                aria-label="Senegal"
15641                role="option"
15642                tabindex="-1"
15643                ref="countryListItems[]"
15644                on:click="/selectCountry/SN"
15645              >
15646                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15647<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15648</svg>
15649</span>
15650                <span class="country">Senegal</span>
15651                <span
15652                  class="localization-form__currency motion-reduce"
15653                  
15654                >
15655                  XOF
15656                  Fr</span>
15657              </li>
15658              <li
15659                class="localization-form__list-item"
15660                
15661                data-value="RS"
15662                
15663                  data-aliases=""
15664                
15665                id="Serbia"
15666                aria-label="Serbia"
15667                role="option"
15668                tabindex="-1"
15669                ref="countryListItems[]"
15670                on:click="/selectCountry/RS"
15671              >
15672                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15673<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15674</svg>
15675</span>
15676                <span class="country">Serbia</span>
15677                <span
15678                  class="localization-form__currency motion-reduce"
15679                  
15680                >
15681                  RSD
15682                  РСД</span>
15683              </li>
15684              <li
15685                class="localization-form__list-item"
15686                
15687                data-value="SC"
15688                
15689                  data-aliases=""
15690                
15691                id="Seychelles"
15692                aria-label="Seychelles"
15693                role="option"
15694                tabindex="-1"
15695                ref="countryListItems[]"
15696                on:click="/selectCountry/SC"
15697              >
15698                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15699<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15700</svg>
15701</span>
15702                <span class="country">Seychelles</span>
15703                <span
15704                  class="localization-form__currency motion-reduce"
15705                  
15706                >
15707                  CAD
15708                  $</span>
15709              </li>
15710              <li
15711                class="localization-form__list-item"
15712                
15713                data-value="SL"
15714                
15715                  data-aliases=""
15716                
15717                id="Sierra Leone"
15718                aria-label="Sierra Leone"
15719                role="option"
15720                tabindex="-1"
15721                ref="countryListItems[]"
15722                on:click="/selectCountry/SL"
15723              >
15724                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15725<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15726</svg>
15727</span>
15728                <span class="country">Sierra Leone</span>
15729                <span
15730                  class="localization-form__currency motion-reduce"
15731                  
15732                >
15733                  SLL
15734                  Le</span>
15735              </li>
15736              <li
15737                class="localization-form__list-item"
15738                
15739                data-value="SG"
15740                
15741                  data-aliases=""
15742                
15743                id="Singapore"
15744                aria-label="Singapore"
15745                role="option"
15746                tabindex="-1"
15747                ref="countryListItems[]"
15748                on:click="/selectCountry/SG"
15749              >
15750                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15751<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15752</svg>
15753</span>
15754                <span class="country">Singapore</span>
15755                <span
15756                  class="localization-form__currency motion-reduce"
15757                  
15758                >
15759                  SGD
15760                  $</span>
15761              </li>
15762              <li
15763                class="localization-form__list-item"
15764                
15765                data-value="SX"
15766                
15767                  data-aliases=""
15768                
15769                id="Sint Maarten"
15770                aria-label="Sint Maarten"
15771                role="option"
15772                tabindex="-1"
15773                ref="countryListItems[]"
15774                on:click="/selectCountry/SX"
15775              >
15776                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15777<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15778</svg>
15779</span>
15780                <span class="country">Sint Maarten</span>
15781                <span
15782                  class="localization-form__currency motion-reduce"
15783                  
15784                >
15785                  ANG
15786                  ƒ</span>
15787              </li>
15788              <li
15789                class="localization-form__list-item"
15790                
15791                data-value="SK"
15792                
15793                  data-aliases=""
15794                
15795                id="Slovakia"
15796                aria-label="Slovakia"
15797                role="option"
15798                tabindex="-1"
15799                ref="countryListItems[]"
15800                on:click="/selectCountry/SK"
15801              >
15802                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15803<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15804</svg>
15805</span>
15806                <span class="country">Slovakia</span>
15807                <span
15808                  class="localization-form__currency motion-reduce"
15809                  
15810                >
15811                  EUR
15812                  €</span>
15813              </li>
15814              <li
15815                class="localization-form__list-item"
15816                
15817                data-value="SI"
15818                
15819                  data-aliases=""
15820                
15821                id="Slovenia"
15822                aria-label="Slovenia"
15823                role="option"
15824                tabindex="-1"
15825                ref="countryListItems[]"
15826                on:click="/selectCountry/SI"
15827              >
15828                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15829<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15830</svg>
15831</span>
15832                <span class="country">Slovenia</span>
15833                <span
15834                  class="localization-form__currency motion-reduce"
15835                  
15836                >
15837                  EUR
15838                  €</span>
15839              </li>
15840              <li
15841                class="localization-form__list-item"
15842                
15843                data-value="SB"
15844                
15845                  data-aliases=""
15846                
15847                id="Solomon Islands"
15848                aria-label="Solomon Islands"
15849                role="option"
15850                tabindex="-1"
15851                ref="countryListItems[]"
15852                on:click="/selectCountry/SB"
15853              >
15854                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15855<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15856</svg>
15857</span>
15858                <span class="country">Solomon Islands</span>
15859                <span
15860                  class="localization-form__currency motion-reduce"
15861                  
15862                >
15863                  SBD
15864                  $</span>
15865              </li>
15866              <li
15867                class="localization-form__list-item"
15868                
15869                data-value="SO"
15870                
15871                  data-aliases=""
15872                
15873                id="Somalia"
15874                aria-label="Somalia"
15875                role="option"
15876                tabindex="-1"
15877                ref="countryListItems[]"
15878                on:click="/selectCountry/SO"
15879              >
15880                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15881<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15882</svg>
15883</span>
15884                <span class="country">Somalia</span>
15885                <span
15886                  class="localization-form__currency motion-reduce"
15887                  
15888                >
15889                  CAD
15890                  $</span>
15891              </li>
15892              <li
15893                class="localization-form__list-item"
15894                
15895                data-value="ZA"
15896                
15897                  data-aliases=""
15898                
15899                id="South Africa"
15900                aria-label="South Africa"
15901                role="option"
15902                tabindex="-1"
15903                ref="countryListItems[]"
15904                on:click="/selectCountry/ZA"
15905              >
15906                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15907<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15908</svg>
15909</span>
15910                <span class="country">South Africa</span>
15911                <span
15912                  class="localization-form__currency motion-reduce"
15913                  
15914                >
15915                  CAD
15916                  $</span>
15917              </li>
15918              <li
15919                class="localization-form__list-item"
15920                
15921                data-value="GS"
15922                
15923                  data-aliases=""
15924                
15925                id="South Georgia &amp; South Sandwich Islands"
15926                aria-label="South Georgia &amp; South Sandwich Islands"
15927                role="option"
15928                tabindex="-1"
15929                ref="countryListItems[]"
15930                on:click="/selectCountry/GS"
15931              >
15932                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15933<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15934</svg>
15935</span>
15936                <span class="country">South Georgia &amp; South Sandwich Islands</span>
15937                <span
15938                  class="localization-form__currency motion-reduce"
15939                  
15940                >
15941                  GBP
15942                  £</span>
15943              </li>
15944              <li
15945                class="localization-form__list-item"
15946                
15947                data-value="KR"
15948                
15949                  data-aliases=""
15950                
15951                id="South Korea"
15952                aria-label="South Korea"
15953                role="option"
15954                tabindex="-1"
15955                ref="countryListItems[]"
15956                on:click="/selectCountry/KR"
15957              >
15958                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15959<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15960</svg>
15961</span>
15962                <span class="country">South Korea</span>
15963                <span
15964                  class="localization-form__currency motion-reduce"
15965                  
15966                >
15967                  KRW
15968                  ₩</span>
15969              </li>
15970              <li
15971                class="localization-form__list-item"
15972                
15973                data-value="SS"
15974                
15975                  data-aliases=""
15976                
15977                id="South Sudan"
15978                aria-label="South Sudan"
15979                role="option"
15980                tabindex="-1"
15981                ref="countryListItems[]"
15982                on:click="/selectCountry/SS"
15983              >
15984                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
15985<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15986</svg>
15987</span>
15988                <span class="country">South Sudan</span>
15989                <span
15990                  class="localization-form__currency motion-reduce"
15991                  
15992                >
15993                  CAD
15994                  $</span>
15995              </li>
15996              <li
15997                class="localization-form__list-item"
15998                
15999                data-value="ES"
16000                
16001                  data-aliases=""
16002                
16003                id="Spain"
16004                aria-label="Spain"
16005                role="option"
16006                tabindex="-1"
16007                ref="countryListItems[]"
16008                on:click="/selectCountry/ES"
16009              >
16010                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16011<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16012</svg>
16013</span>
16014                <span class="country">Spain</span>
16015                <span
16016                  class="localization-form__currency motion-reduce"
16017                  
16018                >
16019                  EUR
16020                  €</span>
16021              </li>
16022              <li
16023                class="localization-form__list-item"
16024                
16025                data-value="LK"
16026                
16027                  data-aliases=""
16028                
16029                id="Sri Lanka"
16030                aria-label="Sri Lanka"
16031                role="option"
16032                tabindex="-1"
16033                ref="countryListItems[]"
16034                on:click="/selectCountry/LK"
16035              >
16036                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16037<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16038</svg>
16039</span>
16040                <span class="country">Sri Lanka</span>
16041                <span
16042                  class="localization-form__currency motion-reduce"
16043                  
16044                >
16045                  LKR
16046                  ₨</span>
16047              </li>
16048              <li
16049                class="localization-form__list-item"
16050                
16051                data-value="BL"
16052                
16053                  data-aliases=""
16054                
16055                id="St. Barthélemy"
16056                aria-label="St. Barthélemy"
16057                role="option"
16058                tabindex="-1"
16059                ref="countryListItems[]"
16060                on:click="/selectCountry/BL"
16061              >
16062                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16063<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16064</svg>
16065</span>
16066                <span class="country">St. Barthélemy</span>
16067                <span
16068                  class="localization-form__currency motion-reduce"
16069                  
16070                >
16071                  EUR
16072                  €</span>
16073              </li>
16074              <li
16075                class="localization-form__list-item"
16076                
16077                data-value="SH"
16078                
16079                  data-aliases=""
16080                
16081                id="St. Helena"
16082                aria-label="St. Helena"
16083                role="option"
16084                tabindex="-1"
16085                ref="countryListItems[]"
16086                on:click="/selectCountry/SH"
16087              >
16088                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16089<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16090</svg>
16091</span>
16092                <span class="country">St. Helena</span>
16093                <span
16094                  class="localization-form__currency motion-reduce"
16095                  
16096                >
16097                  SHP
16098                  £</span>
16099              </li>
16100              <li
16101                class="localization-form__list-item"
16102                
16103                data-value="KN"
16104                
16105                  data-aliases=""
16106                
16107                id="St. Kitts &amp; Nevis"
16108                aria-label="St. Kitts &amp; Nevis"
16109                role="option"
16110                tabindex="-1"
16111                ref="countryListItems[]"
16112                on:click="/selectCountry/KN"
16113              >
16114                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16115<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16116</svg>
16117</span>
16118                <span class="country">St. Kitts &amp; Nevis</span>
16119                <span
16120                  class="localization-form__currency motion-reduce"
16121                  
16122                >
16123                  XCD
16124                  $</span>
16125              </li>
16126              <li
16127                class="localization-form__list-item"
16128                
16129                data-value="LC"
16130                
16131                  data-aliases=""
16132                
16133                id="St. Lucia"
16134                aria-label="St. Lucia"
16135                role="option"
16136                tabindex="-1"
16137                ref="countryListItems[]"
16138                on:click="/selectCountry/LC"
16139              >
16140                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16141<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16142</svg>
16143</span>
16144                <span class="country">St. Lucia</span>
16145                <span
16146                  class="localization-form__currency motion-reduce"
16147                  
16148                >
16149                  XCD
16150                  $</span>
16151              </li>
16152              <li
16153                class="localization-form__list-item"
16154                
16155                data-value="MF"
16156                
16157                  data-aliases=""
16158                
16159                id="St. Martin"
16160                aria-label="St. Martin"
16161                role="option"
16162                tabindex="-1"
16163                ref="countryListItems[]"
16164                on:click="/selectCountry/MF"
16165              >
16166                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16167<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16168</svg>
16169</span>
16170                <span class="country">St. Martin</span>
16171                <span
16172                  class="localization-form__currency motion-reduce"
16173                  
16174                >
16175                  EUR
16176                  €</span>
16177              </li>
16178              <li
16179                class="localization-form__list-item"
16180                
16181                data-value="PM"
16182                
16183                  data-aliases=""
16184                
16185                id="St. Pierre &amp; Miquelon"
16186                aria-label="St. Pierre &amp; Miquelon"
16187                role="option"
16188                tabindex="-1"
16189                ref="countryListItems[]"
16190                on:click="/selectCountry/PM"
16191              >
16192                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16193<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16194</svg>
16195</span>
16196                <span class="country">St. Pierre &amp; Miquelon</span>
16197                <span
16198                  class="localization-form__currency motion-reduce"
16199                  
16200                >
16201                  EUR
16202                  €</span>
16203              </li>
16204              <li
16205                class="localization-form__list-item"
16206                
16207                data-value="VC"
16208                
16209                  data-aliases=""
16210                
16211                id="St. Vincent &amp; Grenadines"
16212                aria-label="St. Vincent &amp; Grenadines"
16213                role="option"
16214                tabindex="-1"
16215                ref="countryListItems[]"
16216                on:click="/selectCountry/VC"
16217              >
16218                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16219<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16220</svg>
16221</span>
16222                <span class="country">St. Vincent &amp; Grenadines</span>
16223                <span
16224                  class="localization-form__currency motion-reduce"
16225                  
16226                >
16227                  XCD
16228                  $</span>
16229              </li>
16230              <li
16231                class="localization-form__list-item"
16232                
16233                data-value="SD"
16234                
16235                  data-aliases=""
16236                
16237                id="Sudan"
16238                aria-label="Sudan"
16239                role="option"
16240                tabindex="-1"
16241                ref="countryListItems[]"
16242                on:click="/selectCountry/SD"
16243              >
16244                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16245<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16246</svg>
16247</span>
16248                <span class="country">Sudan</span>
16249                <span
16250                  class="localization-form__currency motion-reduce"
16251                  
16252                >
16253                  CAD
16254                  $</span>
16255              </li>
16256              <li
16257                class="localization-form__list-item"
16258                
16259                data-value="SR"
16260                
16261                  data-aliases=""
16262                
16263                id="Suriname"
16264                aria-label="Suriname"
16265                role="option"
16266                tabindex="-1"
16267                ref="countryListItems[]"
16268                on:click="/selectCountry/SR"
16269              >
16270                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16271<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16272</svg>
16273</span>
16274                <span class="country">Suriname</span>
16275                <span
16276                  class="localization-form__currency motion-reduce"
16277                  
16278                >
16279                  CAD
16280                  $</span>
16281              </li>
16282              <li
16283                class="localization-form__list-item"
16284                
16285                data-value="SJ"
16286                
16287                  data-aliases=""
16288                
16289                id="Svalbard &amp; Jan Mayen"
16290                aria-label="Svalbard &amp; Jan Mayen"
16291                role="option"
16292                tabindex="-1"
16293                ref="countryListItems[]"
16294                on:click="/selectCountry/SJ"
16295              >
16296                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16297<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16298</svg>
16299</span>
16300                <span class="country">Svalbard &amp; Jan Mayen</span>
16301                <span
16302                  class="localization-form__currency motion-reduce"
16303                  
16304                >
16305                  NOK
16306                  kr</span>
16307              </li>
16308              <li
16309                class="localization-form__list-item"
16310                
16311                data-value="SE"
16312                
16313                  data-aliases=""
16314                
16315                id="Sweden"
16316                aria-label="Sweden"
16317                role="option"
16318                tabindex="-1"
16319                ref="countryListItems[]"
16320                on:click="/selectCountry/SE"
16321              >
16322                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16323<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16324</svg>
16325</span>
16326                <span class="country">Sweden</span>
16327                <span
16328                  class="localization-form__currency motion-reduce"
16329                  
16330                >
16331                  SEK
16332                  kr</span>
16333              </li>
16334              <li
16335                class="localization-form__list-item"
16336                
16337                data-value="CH"
16338                
16339                  data-aliases=""
16340                
16341                id="Switzerland"
16342                aria-label="Switzerland"
16343                role="option"
16344                tabindex="-1"
16345                ref="countryListItems[]"
16346                on:click="/selectCountry/CH"
16347              >
16348                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16349<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16350</svg>
16351</span>
16352                <span class="country">Switzerland</span>
16353                <span
16354                  class="localization-form__currency motion-reduce"
16355                  
16356                >
16357                  CHF
16358                  CHF</span>
16359              </li>
16360              <li
16361                class="localization-form__list-item"
16362                
16363                data-value="TW"
16364                
16365                  data-aliases=""
16366                
16367                id="Taiwan"
16368                aria-label="Taiwan"
16369                role="option"
16370                tabindex="-1"
16371                ref="countryListItems[]"
16372                on:click="/selectCountry/TW"
16373              >
16374                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16375<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16376</svg>
16377</span>
16378                <span class="country">Taiwan</span>
16379                <span
16380                  class="localization-form__currency motion-reduce"
16381                  
16382                >
16383                  TWD
16384                  $</span>
16385              </li>
16386              <li
16387                class="localization-form__list-item"
16388                
16389                data-value="TJ"
16390                
16391                  data-aliases=""
16392                
16393                id="Tajikistan"
16394                aria-label="Tajikistan"
16395                role="option"
16396                tabindex="-1"
16397                ref="countryListItems[]"
16398                on:click="/selectCountry/TJ"
16399              >
16400                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16401<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16402</svg>
16403</span>
16404                <span class="country">Tajikistan</span>
16405                <span
16406                  class="localization-form__currency motion-reduce"
16407                  
16408                >
16409                  TJS
16410                  ЅМ</span>
16411              </li>
16412              <li
16413                class="localization-form__list-item"
16414                
16415                data-value="TZ"
16416                
16417                  data-aliases=""
16418                
16419                id="Tanzania"
16420                aria-label="Tanzania"
16421                role="option"
16422                tabindex="-1"
16423                ref="countryListItems[]"
16424                on:click="/selectCountry/TZ"
16425              >
16426                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16427<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16428</svg>
16429</span>
16430                <span class="country">Tanzania</span>
16431                <span
16432                  class="localization-form__currency motion-reduce"
16433                  
16434                >
16435                  TZS
16436                  Sh</span>
16437              </li>
16438              <li
16439                class="localization-form__list-item"
16440                
16441                data-value="TH"
16442                
16443                  data-aliases=""
16444                
16445                id="Thailand"
16446                aria-label="Thailand"
16447                role="option"
16448                tabindex="-1"
16449                ref="countryListItems[]"
16450                on:click="/selectCountry/TH"
16451              >
16452                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16453<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16454</svg>
16455</span>
16456                <span class="country">Thailand</span>
16457                <span
16458                  class="localization-form__currency motion-reduce"
16459                  
16460                >
16461                  THB
16462                  ฿</span>
16463              </li>
16464              <li
16465                class="localization-form__list-item"
16466                
16467                data-value="TL"
16468                
16469                  data-aliases=""
16470                
16471                id="Timor-Leste"
16472                aria-label="Timor-Leste"
16473                role="option"
16474                tabindex="-1"
16475                ref="countryListItems[]"
16476                on:click="/selectCountry/TL"
16477              >
16478                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16479<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16480</svg>
16481</span>
16482                <span class="country">Timor-Leste</span>
16483                <span
16484                  class="localization-form__currency motion-reduce"
16485                  
16486                >
16487                  USD
16488                  $</span>
16489              </li>
16490              <li
16491                class="localization-form__list-item"
16492                
16493                data-value="TG"
16494                
16495                  data-aliases=""
16496                
16497                id="Togo"
16498                aria-label="Togo"
16499                role="option"
16500                tabindex="-1"
16501                ref="countryListItems[]"
16502                on:click="/selectCountry/TG"
16503              >
16504                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16505<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16506</svg>
16507</span>
16508                <span class="country">Togo</span>
16509                <span
16510                  class="localization-form__currency motion-reduce"
16511                  
16512                >
16513                  XOF
16514                  Fr</span>
16515              </li>
16516              <li
16517                class="localization-form__list-item"
16518                
16519                data-value="TK"
16520                
16521                  data-aliases=""
16522                
16523                id="Tokelau"
16524                aria-label="Tokelau"
16525                role="option"
16526                tabindex="-1"
16527                ref="countryListItems[]"
16528                on:click="/selectCountry/TK"
16529              >
16530                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16531<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16532</svg>
16533</span>
16534                <span class="country">Tokelau</span>
16535                <span
16536                  class="localization-form__currency motion-reduce"
16537                  
16538                >
16539                  NZD
16540                  $</span>
16541              </li>
16542              <li
16543                class="localization-form__list-item"
16544                
16545                data-value="TO"
16546                
16547                  data-aliases=""
16548                
16549                id="Tonga"
16550                aria-label="Tonga"
16551                role="option"
16552                tabindex="-1"
16553                ref="countryListItems[]"
16554                on:click="/selectCountry/TO"
16555              >
16556                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16557<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16558</svg>
16559</span>
16560                <span class="country">Tonga</span>
16561                <span
16562                  class="localization-form__currency motion-reduce"
16563                  
16564                >
16565                  TOP
16566                  T$</span>
16567              </li>
16568              <li
16569                class="localization-form__list-item"
16570                
16571                data-value="TT"
16572                
16573                  data-aliases=""
16574                
16575                id="Trinidad &amp; Tobago"
16576                aria-label="Trinidad &amp; Tobago"
16577                role="option"
16578                tabindex="-1"
16579                ref="countryListItems[]"
16580                on:click="/selectCountry/TT"
16581              >
16582                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16583<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16584</svg>
16585</span>
16586                <span class="country">Trinidad &amp; Tobago</span>
16587                <span
16588                  class="localization-form__currency motion-reduce"
16589                  
16590                >
16591                  TTD
16592                  $</span>
16593              </li>
16594              <li
16595                class="localization-form__list-item"
16596                
16597                data-value="TA"
16598                
16599                  data-aliases=""
16600                
16601                id="Tristan da Cunha"
16602                aria-label="Tristan da Cunha"
16603                role="option"
16604                tabindex="-1"
16605                ref="countryListItems[]"
16606                on:click="/selectCountry/TA"
16607              >
16608                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16609<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16610</svg>
16611</span>
16612                <span class="country">Tristan da Cunha</span>
16613                <span
16614                  class="localization-form__currency motion-reduce"
16615                  
16616                >
16617                  GBP
16618                  £</span>
16619              </li>
16620              <li
16621                class="localization-form__list-item"
16622                
16623                data-value="TN"
16624                
16625                  data-aliases=""
16626                
16627                id="Tunisia"
16628                aria-label="Tunisia"
16629                role="option"
16630                tabindex="-1"
16631                ref="countryListItems[]"
16632                on:click="/selectCountry/TN"
16633              >
16634                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16635<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16636</svg>
16637</span>
16638                <span class="country">Tunisia</span>
16639                <span
16640                  class="localization-form__currency motion-reduce"
16641                  
16642                >
16643                  CAD
16644                  $</span>
16645              </li>
16646              <li
16647                class="localization-form__list-item"
16648                
16649                data-value="TR"
16650                
16651                  data-aliases=""
16652                
16653                id="Türkiye"
16654                aria-label="Türkiye"
16655                role="option"
16656                tabindex="-1"
16657                ref="countryListItems[]"
16658                on:click="/selectCountry/TR"
16659              >
16660                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16661<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16662</svg>
16663</span>
16664                <span class="country">Türkiye</span>
16665                <span
16666                  class="localization-form__currency motion-reduce"
16667                  
16668                >
16669                  CAD
16670                  $</span>
16671              </li>
16672              <li
16673                class="localization-form__list-item"
16674                
16675                data-value="TM"
16676                
16677                  data-aliases=""
16678                
16679                id="Turkmenistan"
16680                aria-label="Turkmenistan"
16681                role="option"
16682                tabindex="-1"
16683                ref="countryListItems[]"
16684                on:click="/selectCountry/TM"
16685              >
16686                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16687<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16688</svg>
16689</span>
16690                <span class="country">Turkmenistan</span>
16691                <span
16692                  class="localization-form__currency motion-reduce"
16693                  
16694                >
16695                  CAD
16696                  $</span>
16697              </li>
16698              <li
16699                class="localization-form__list-item"
16700                
16701                data-value="TC"
16702                
16703                  data-aliases=""
16704                
16705                id="Turks &amp; Caicos Islands"
16706                aria-label="Turks &amp; Caicos Islands"
16707                role="option"
16708                tabindex="-1"
16709                ref="countryListItems[]"
16710                on:click="/selectCountry/TC"
16711              >
16712                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16713<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16714</svg>
16715</span>
16716                <span class="country">Turks &amp; Caicos Islands</span>
16717                <span
16718                  class="localization-form__currency motion-reduce"
16719                  
16720                >
16721                  USD
16722                  $</span>
16723              </li>
16724              <li
16725                class="localization-form__list-item"
16726                
16727                data-value="TV"
16728                
16729                  data-aliases=""
16730                
16731                id="Tuvalu"
16732                aria-label="Tuvalu"
16733                role="option"
16734                tabindex="-1"
16735                ref="countryListItems[]"
16736                on:click="/selectCountry/TV"
16737              >
16738                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16739<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16740</svg>
16741</span>
16742                <span class="country">Tuvalu</span>
16743                <span
16744                  class="localization-form__currency motion-reduce"
16745                  
16746                >
16747                  AUD
16748                  $</span>
16749              </li>
16750              <li
16751                class="localization-form__list-item"
16752                
16753                data-value="UM"
16754                
16755                  data-aliases=""
16756                
16757                id="U.S. Outlying Islands"
16758                aria-label="U.S. Outlying Islands"
16759                role="option"
16760                tabindex="-1"
16761                ref="countryListItems[]"
16762                on:click="/selectCountry/UM"
16763              >
16764                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16765<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16766</svg>
16767</span>
16768                <span class="country">U.S. Outlying Islands</span>
16769                <span
16770                  class="localization-form__currency motion-reduce"
16771                  
16772                >
16773                  USD
16774                  $</span>
16775              </li>
16776              <li
16777                class="localization-form__list-item"
16778                
16779                data-value="UG"
16780                
16781                  data-aliases=""
16782                
16783                id="Uganda"
16784                aria-label="Uganda"
16785                role="option"
16786                tabindex="-1"
16787                ref="countryListItems[]"
16788                on:click="/selectCountry/UG"
16789              >
16790                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16791<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16792</svg>
16793</span>
16794                <span class="country">Uganda</span>
16795                <span
16796                  class="localization-form__currency motion-reduce"
16797                  
16798                >
16799                  UGX
16800                  USh</span>
16801              </li>
16802              <li
16803                class="localization-form__list-item"
16804                
16805                data-value="UA"
16806                
16807                  data-aliases=""
16808                
16809                id="Ukraine"
16810                aria-label="Ukraine"
16811                role="option"
16812                tabindex="-1"
16813                ref="countryListItems[]"
16814                on:click="/selectCountry/UA"
16815              >
16816                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16817<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16818</svg>
16819</span>
16820                <span class="country">Ukraine</span>
16821                <span
16822                  class="localization-form__currency motion-reduce"
16823                  
16824                >
16825                  UAH
16826                  ₴</span>
16827              </li>
16828              <li
16829                class="localization-form__list-item"
16830                
16831                data-value="AE"
16832                
16833                  data-aliases=""
16834                
16835                id="United Arab Emirates"
16836                aria-label="United Arab Emirates"
16837                role="option"
16838                tabindex="-1"
16839                ref="countryListItems[]"
16840                on:click="/selectCountry/AE"
16841              >
16842                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16843<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16844</svg>
16845</span>
16846                <span class="country">United Arab Emirates</span>
16847                <span
16848                  class="localization-form__currency motion-reduce"
16849                  
16850                >
16851                  AED
16852                  د.إ</span>
16853              </li>
16854              <li
16855                class="localization-form__list-item"
16856                
16857                data-value="GB"
16858                
16859                  data-aliases="uk,gb,great britain"
16860                
16861                id="United Kingdom"
16862                aria-label="United Kingdom"
16863                role="option"
16864                tabindex="-1"
16865                ref="countryListItems[]"
16866                on:click="/selectCountry/GB"
16867              >
16868                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16869<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16870</svg>
16871</span>
16872                <span class="country">United Kingdom</span>
16873                <span
16874                  class="localization-form__currency motion-reduce"
16875                  
16876                >
16877                  GBP
16878                  £</span>
16879              </li>
16880              <li
16881                class="localization-form__list-item"
16882                
16883                  aria-current="true"
16884                
16885                data-value="US"
16886                
16887                  data-aliases="us,usa,america,united states of america"
16888                
16889                id="United States"
16890                aria-label="United States"
16891                role="option"
16892                tabindex="-1"
16893                ref="countryListItems[]"
16894                on:click="/selectCountry/US"
16895              >
16896                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16897<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16898</svg>
16899</span>
16900                <span class="country">United States</span>
16901                <span
16902                  class="localization-form__currency motion-reduce"
16903                  
16904                >
16905                  USD
16906                  $</span>
16907              </li>
16908              <li
16909                class="localization-form__list-item"
16910                
16911                data-value="UY"
16912                
16913                  data-aliases=""
16914                
16915                id="Uruguay"
16916                aria-label="Uruguay"
16917                role="option"
16918                tabindex="-1"
16919                ref="countryListItems[]"
16920                on:click="/selectCountry/UY"
16921              >
16922                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16923<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16924</svg>
16925</span>
16926                <span class="country">Uruguay</span>
16927                <span
16928                  class="localization-form__currency motion-reduce"
16929                  
16930                >
16931                  UYU
16932                  $U</span>
16933              </li>
16934              <li
16935                class="localization-form__list-item"
16936                
16937                data-value="UZ"
16938                
16939                  data-aliases=""
16940                
16941                id="Uzbekistan"
16942                aria-label="Uzbekistan"
16943                role="option"
16944                tabindex="-1"
16945                ref="countryListItems[]"
16946                on:click="/selectCountry/UZ"
16947              >
16948                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16949<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16950</svg>
16951</span>
16952                <span class="country">Uzbekistan</span>
16953                <span
16954                  class="localization-form__currency motion-reduce"
16955                  
16956                >
16957                  UZS
16958                  so'm</span>
16959              </li>
16960              <li
16961                class="localization-form__list-item"
16962                
16963                data-value="VU"
16964                
16965                  data-aliases=""
16966                
16967                id="Vanuatu"
16968                aria-label="Vanuatu"
16969                role="option"
16970                tabindex="-1"
16971                ref="countryListItems[]"
16972                on:click="/selectCountry/VU"
16973              >
16974                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
16975<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16976</svg>
16977</span>
16978                <span class="country">Vanuatu</span>
16979                <span
16980                  class="localization-form__currency motion-reduce"
16981                  
16982                >
16983                  VUV
16984                  Vt</span>
16985              </li>
16986              <li
16987                class="localization-form__list-item"
16988                
16989                data-value="VA"
16990                
16991                  data-aliases=""
16992                
16993                id="Vatican City"
16994                aria-label="Vatican City"
16995                role="option"
16996                tabindex="-1"
16997                ref="countryListItems[]"
16998                on:click="/selectCountry/VA"
16999              >
17000                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
17001<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
17002</svg>
17003</span>
17004                <span class="country">Vatican City</span>
17005                <span
17006                  class="localization-form__currency motion-reduce"
17007                  
17008                >
17009                  EUR
17010                  €</span>
17011              </li>
17012              <li
17013                class="localization-form__list-item"
17014                
17015                data-value="VE"
17016                
17017                  data-aliases=""
17018                
17019                id="Venezuela"
17020                aria-label="Venezuela"
17021                role="option"
17022                tabindex="-1"
17023                ref="countryListItems[]"
17024                on:click="/selectCountry/VE"
17025              >
17026                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
17027<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
17028</svg>
17029</span>
17030                <span class="country">Venezuela</span>
17031                <span
17032                  class="localization-form__currency motion-reduce"
17033                  
17034                >
17035                  USD
17036                  $</span>
17037              </li>
17038              <li
17039                class="localization-form__list-item"
17040                
17041                data-value="VN"
17042                
17043                  data-aliases=""
17044                
17045                id="Vietnam"
17046                aria-label="Vietnam"
17047                role="option"
17048                tabindex="-1"
17049                ref="countryListItems[]"
17050                on:click="/selectCountry/VN"
17051              >
17052                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
17053<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
17054</svg>
17055</span>
17056                <span class="country">Vietnam</span>
17057                <span
17058                  class="localization-form__currency motion-reduce"
17059                  
17060                >
17061                  VND
17062                  ₫</span>
17063              </li>
17064              <li
17065                class="localization-form__list-item"
17066                
17067                data-value="WF"
17068                
17069                  data-aliases=""
17070                
17071                id="Wallis &amp; Futuna"
17072                aria-label="Wallis &amp; Futuna"
17073                role="option"
17074                tabindex="-1"
17075                ref="countryListItems[]"
17076                on:click="/selectCountry/WF"
17077              >
17078                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
17079<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
17080</svg>
17081</span>
17082                <span class="country">Wallis &amp; Futuna</span>
17083                <span
17084                  class="localization-form__currency motion-reduce"
17085                  
17086                >
17087                  XPF
17088                  Fr</span>
17089              </li>
17090              <li
17091                class="localization-form__list-item"
17092                
17093                data-value="EH"
17094                
17095                  data-aliases=""
17096                
17097                id="Western Sahara"
17098                aria-label="Western Sahara"
17099                role="option"
17100                tabindex="-1"
17101                ref="countryListItems[]"
17102                on:click="/selectCountry/EH"
17103              >
17104                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
17105<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
17106</svg>
17107</span>
17108                <span class="country">Western Sahara</span>
17109                <span
17110                  class="localization-form__currency motion-reduce"
17111                  
17112                >
17113                  MAD
17114                  د.م.</span>
17115              </li>
17116              <li
17117                class="localization-form__list-item"
17118                
17119                data-value="YE"
17120                
17121                  data-aliases=""
17122                
17123                id="Yemen"
17124                aria-label="Yemen"
17125                role="option"
17126                tabindex="-1"
17127                ref="countryListItems[]"
17128                on:click="/selectCountry/YE"
17129              >
17130                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
17131<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
17132</svg>
17133</span>
17134                <span class="country">Yemen</span>
17135                <span
17136                  class="localization-form__currency motion-reduce"
17137                  
17138                >
17139                  YER
17140                  ï·¼</span>
17141              </li>
17142              <li
17143                class="localization-form__list-item"
17144                
17145                data-value="ZM"
17146                
17147                  data-aliases=""
17148                
17149                id="Zambia"
17150                aria-label="Zambia"
17151                role="option"
17152                tabindex="-1"
17153                ref="countryListItems[]"
17154                on:click="/selectCountry/ZM"
17155              >
17156                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
17157<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
17158</svg>
17159</span>
17160                <span class="country">Zambia</span>
17161                <span
17162                  class="localization-form__currency motion-reduce"
17163                  
17164                >
17165                  CAD
17166                  $</span>
17167              </li>
17168              <li
17169                class="localization-form__list-item"
17170                
17171                data-value="ZW"
17172                
17173                  data-aliases=""
17174                
17175                id="Zimbabwe"
17176                aria-label="Zimbabwe"
17177                role="option"
17178                tabindex="-1"
17179                ref="countryListItems[]"
17180                on:click="/selectCountry/ZW"
17181              >
17182                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
17183<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
17184</svg>
17185</span>
17186                <span class="country">Zimbabwe</span>
17187                <span
17188                  class="localization-form__currency motion-reduce"
17189                  
17190                >
17191                  USD
17192                  $</span>
17193              </li></ul>
17194        </div>
17195        <div class="country-selector__overlay"></div>
17196        <input
17197          type="hidden"
17198          name="country_code"
17199          value="US"
17200          ref="countryInput"
17201        >
17202      </div>
17203    
17204
17205    
17206</form></localization-form-component>
17207
17208
17209
17210      </div>
17211    </dropdown-localization-component>
17212  
17213
17214            
17215        
17216      
17217        
17218          
17219              
17220  <search-button class="search-action mobile:hidden">
17221    <button
17222      on:click="#search-modal/showDialog"
17223      class="button button-unstyled search-modal__button header-actions__action"
17224      aria-label="Search"
17225      aria-haspopup="dialog"
17226    >
17227      <span
17228        aria-hidden="true"
17229        class="svg-wrapper"
17230      >
17231        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
17232
17233      </span>
17234    </button>
17235  </search-button>
17235
17236
17237
17238
17239
17240            
17241        
17242      
17243        
17244          
17245              
17245<script
17246  type="module"
17247  src="//www.solkyst.ca/cdn/shop/t/38/assets/cart-icon.js?v=157241182139685326961776963414"
17248  fetchpriority="low"
17249></script>
17249
17250
17251
17252
17253<header-actions>
17254  
17255    
17255<script
17256      src="//www.solkyst.ca/cdn/shop/t/38/assets/dialog.js?v=61774032287387761671776963414"
17257      type="module"
17258    ></script>
17258
17259
17260    <anchored-popover-component
17261      data-close-on-resize="true"
17262      class="account-popover mobile:hidden"
17263    >
17264      <button
17265  class="account-button header-actions__action"
17266  aria-label="Account"
17267  aria-haspopup="dialog"popovertarget="account-popover"
17268    popovertargetaction="toggle"ref="trigger"
17269  
17270><span
17271      class="account-button__icon"
17272      aria-hidden="true"
17273    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
17274</span></button>
17275
17276
17277
17278      <div
17279        class="account-popover__panel details-content color-scheme-1"
17280        id="account-popover"
17281        popover="auto"
17282        ref="popover"
17283      >
17284        <div class="account-actions">
17285  <div class="account-actions__main-menu">
17286    <header class="account-actions__header">
17287      <h2
17288        id="account-drawer-heading"
17289        class="account-actions__title h5"
17290      >
17291        
17292          Account
17293        
17294      </h2>
17295      
17296    </header>
17297
17298    
17299      <div
17300        class="account-actions__sign-ins"
17301        data-skip-subtree-update="true"
17302      >
17303        
17303<script
17304          src="//www.solkyst.ca/cdn/shop/t/38/assets/account-login-actions.js?v=132624473766457443991776963414"
17305          type="module"
17306          fetchpriority="low"
17307        ></script>
17307
17308        <account-login-actions class="account-actions__shop-login">
17309          
17309<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
vendor: 1 bytes, line 17309
17309
17310<script type="module">
17311  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");
17312
17313  
17314</script>
17314
17315
17316<shop-login-button ux-mode="windoid" return-uri="https://www.solkyst.ca/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>
17317
17318        </account-login-actions>
17319
17320        <a
17321          href="/customer_authentication/login?return_to=%2Fsearch&locale=en&ui_hint=full&region_country=US"
17322          class="account-actions__link button"
17323        >
17324          <span class="account-actions__sign-in-text">
17325            Other sign in options
17326          </span>
17327          <span class="account-actions__fallback-text">
17328            Sign in
17329          </span>
17330        </a>
17331      </div>
17332    
17333
17334    <nav class="account-actions__nav">
17335      <ul class="account-actions__list">
17336        <li class="account-actions__list-item">
17337          <a
17338            href="/account"
17339            class="account-actions__link button-secondary"
17340          >
17341            <span
17342              class="account-actions__icon"
17343              aria-hidden="true"
17344            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
17345  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
17346  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
17347</svg>
17348</span>
17349            Orders
17350          </a>
17351        </li>
17352        <li class="account-actions__list-item">
17353          <a
17354            href="/account/addresses"
17355            class="account-actions__link button-secondary"
17356          >
17357            <span
17358              class="account-actions__icon"
17359              aria-hidden="true"
17360            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
17361</span>
17362            Profile
17363          </a>
17364        </li>
17365      </ul>
17366    </nav>
17367  </div>
17368</div>
17369
17370
17371
17372      </div>
17373    </anchored-popover-component>
17374
17375    <dialog-component
17376      class="account-drawer"
17377      
17378    >
17379      <button
17380  class="account-button header-actions__action"
17381  aria-label="Account"
17382  aria-haspopup="dialog"ref="trigger"
17383  on:click="/showDialog"
17384><span
17385      class="account-button__icon"
17386      aria-hidden="true"
17387    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
17388</span></button>
17389
17390
17391
17392      <dialog
17393        ref="dialog"
17394        class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog"
17395        scroll-lock
17396        aria-labelledby="account-drawer-heading"
17397      >
17398        <button
17399          ref="closeButton"
17400          on:click="/closeDialog"
17401          class="button button-unstyled close-button account-drawer__close-button"
17402          aria-label="Close dialog"
17403          autofocus
17404        >
17405          <span
17406            class="svg-wrapper"
17407            aria-hidden="true"
17408          ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
17409  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
17410  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
17411</svg>
17412</span>
17413        </button>
17414        <div class="account-actions">
17415  <div class="account-actions__main-menu">
17416    <header class="account-actions__header">
17417      <h2
17418        id="account-drawer-heading"
17419        class="account-actions__title h5"
17420      >
17421        
17422          Account
17423        
17424      </h2>
17425      
17426    </header>
17427
17428    
17429      <div
17430        class="account-actions__sign-ins"
17431        data-skip-subtree-update="true"
17432      >
17433        
17433<script
17434          src="//www.solkyst.ca/cdn/shop/t/38/assets/account-login-actions.js?v=132624473766457443991776963414"
17435          type="module"
17436          fetchpriority="low"
17437        ></script>
17437
17438        <account-login-actions class="account-actions__shop-login">
17439          
17439<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
vendor: 1 bytes, line 17439
17439
17440<script type="module">
17441  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");
17442
17443  
17444</script>
17444
17445
17446<shop-login-button ux-mode="windoid" return-uri="https://www.solkyst.ca/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>
17447
17448        </account-login-actions>
17449
17450        <a
17451          href="/customer_authentication/login?return_to=%2Fsearch&locale=en&ui_hint=full&region_country=US"
17452          class="account-actions__link button"
17453        >
17454          <span class="account-actions__sign-in-text">
17455            Other sign in options
17456          </span>
17457          <span class="account-actions__fallback-text">
17458            Sign in
17459          </span>
17460        </a>
17461      </div>
17462    
17463
17464    <nav class="account-actions__nav">
17465      <ul class="account-actions__list">
17466        <li class="account-actions__list-item">
17467          <a
17468            href="/account"
17469            class="account-actions__link button-secondary"
17470          >
17471            <span
17472              class="account-actions__icon"
17473              aria-hidden="true"
17474            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
17475  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
17476  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
17477</svg>
17478</span>
17479            Orders
17480          </a>
17481        </li>
17482        <li class="account-actions__list-item">
17483          <a
17484            href="/account/addresses"
17485            class="account-actions__link button-secondary"
17486          >
17487            <span
17488              class="account-actions__icon"
17489              aria-hidden="true"
17490            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
17491</span>
17492            Profile
17493          </a>
17494        </li>
17495      </ul>
17496    </nav>
17497  </div>
17498</div>
17499
17500
17501
17502      </dialog>
17503    </dialog-component>
17504  
17505
17506  
17507    
17507<script
17508      src="//www.solkyst.ca/cdn/shop/t/38/assets/cart-drawer.js?v=60516533948368149871776963414"
17509      type="module"
17510      fetchpriority="low"
17511    ></script>
17511
17512
17513    <cart-drawer-component
17514      class="cart-drawer"
17515      
17516      
17517        auto-open
17518      
17519    >
17520      <button
17521        class="button header-actions__action button-unstyled"
17522        on:click="/open"
17523        aria-haspopup="dialog"
17524        aria-label="Cart"
17525        aria-describedby="cart-bubble-text"
17526        data-testid="cart-drawer-trigger"
17527      >
17528        
17529  <cart-icon
17530    class="
17531      header-actions__cart-icon
17532      
17533    "
17534    data-testid="cart-icon"
17535  >
17536    <span
17537      class="svg-wrapper"
17538      aria-hidden="true"
17539    >
17540      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
17541
17542    </span>
17543
17544    <div
17545  ref="cartBubble"
17546  class="cart-bubble visually-hidden"
17547  
17548  
17549    data-maintain-ratio
17550  
17551>
17552  <span class="cart-bubble__background"></span>
17553  <span
17554    ref="cartBubbleText"
17555    id="cart-bubble-text"
17556    class="cart-bubble__text"
17557    
17558      role="status"
17559    
17560  >
17561    <span class="visually-hidden">Total items in cart: 0
17562    </span>
17563    <span
17564      class="cart-bubble__text-count hidden"
17565      ref="cartBubbleCount"
17566      aria-hidden="true"
17567      data-testid="cart-bubble"
17568    >
175690</span>
17570  </span>
17571</div>
17572
17573  </cart-icon>
17574
17575      </button>
17576
17577      <dialog
17578        ref="dialog"
17579        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
17580        aria-labelledby="cart-drawer-heading-empty"
17581        scroll-lock
17582        cart-summary-sticky="true"
17583      >
17584        <div class="cart-drawer__inner">
17585          <cart-items-component
17586            class="cart-items-component"
17587            data-section-id="sections--28980145324192__header_section"
17588          ><div class="cart-drawer__header">
17589                <button
17590                  ref="closeButton"
17591                  on:click="cart-drawer-component/close"
17592                  class="button close-button cart-drawer__close-button button-unstyled"
17593                  aria-label="Close dialog"
17594                >
17595                  <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
17596  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
17597  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
17598</svg>
17599</span>
17600                </button>
17601              </div>
17602
17603              <div
17604                class="cart-drawer__content motion-reduce"
17605                aria-label="Cart"
17606              >
17607                <h2
17608                  class="cart-drawer__heading h4 cart-drawer__heading--empty"
17609                  id="cart-drawer-heading-empty"
17610                >
17611                  Your cart is empty
17612                </h2>
17613
17614                <div class="cart-drawer__items">
17615                  
17616
17617<script
17618  src="//www.solkyst.ca/cdn/shop/t/38/assets/component-cart-items.js?v=47090504063697747641776963414"
17619  type="module"
17620  fetchpriority="low"
17621></script>
vendor: 1 bytes, line 17621
17621
17622<script
17623  src="//www.solkyst.ca/cdn/shop/t/38/assets/component-cart-quantity-selector.js?v=105130809908858639751776963414"
17624  type="module"
17625  fetchpriority="low"
17626></script>
vendor: 1 bytes, line 17626
17626
17627<script
17628  src="//www.solkyst.ca/cdn/shop/t/38/assets/volume-pricing-info.js?v=94479640769665442661776963414"
17629  type="module"
17630  fetchpriority="low"
17631></script>
17631
17632
17633<div
17634  
17635  class="cart-items__wrapper"
17636  
17637>
17638  
17639<p>
17640        Have an account? <a href="https://www.solkyst.ca/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
17641      </p><a
17642      class="button cart-items__empty-button"
17643      href="/collections/all"
17644    >
17645      Continue shopping
17646    </a></div>
17647
17648
17649
17650                </div>
17651              </div></cart-items-component>
17652        </div>
17653      </dialog>
17654    </cart-drawer-component>
17655  
17656</header-actions>
17657
17658
17659
17660          
17661        
17662      
17663    </div>
17664        </div>
17665      </div>
17666    
17667  
17668    
17669
17670    
17671
17672    
17673    
17674      <div
17675        class="header__row header__row--bottom color-scheme-1 section section--full-width-margin section--page-width mobile:hidden"
17676        ref="headerRowTop"style="--border-bottom-width: 0px;">
17677        <div class="header__columns spacing-style">
17678          <div
17679      class="header__column header__column--center"
17680      data-testid="header-bottom-center"
17681    >
17682      
17683        
17684          
17685              
17686
17687
17688    
17689
17690    
17691
17692    <header-menu
17693      ref="headerMenu"
17694      class="header-menu mobile:hidden"
17695      data-animation-delay="200"
17696      
17697      style="--submenu-animation-speed: 200ms;"
17698    >
17699      <div class="header-menu__inner">
17700        <nav header-menu>
17701          <div
17702            class="menu-list"
17703            style="--menu-top-level-font-family: var(--font-body--family);
17704--menu-top-level-font-size-desktop: 0.75rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:uppercase;
17705
17706  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
17707  var(--menu-font-sm--line-height);
17708
17709--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
17710"
17711          >
17712            
17713            <overflow-list
17714  
17715    ref="overflowMenu"
17716  
17717  
17718    class="overflow-menu color-scheme-5"
17719  
17720  
17721    minimum-items="2"
17722  
17723  
17724    data-testid="header-menu-overflow-list"
17725  
17726  
17727    data-skip-node-update
17728  
17729>
17730  <template shadowrootmode="open">
17731    <link href="//www.solkyst.ca/cdn/shop/t/38/assets/overflow-list.css?v=101911674359793798601776963414" rel="stylesheet" type="text/css" media="all" />
17732
17733    <ul part="list">
17734      <slot></slot>
17735      <slot
17736        name="more"
17737        part="more"
17738        hidden
17739        
17740      >
17741        <li
17742          part="more"
17743        >
17744          <button
17745            class="button"
17746            type="button"
17747            tabindex="0"
17748          >
17749            More
17750          </button>
17751        </li>
17752      </slot>
17753      <li
17754        part="placeholder"
17755        hidden
17756      ></li>
17757    </ul>
17758
17759    <div part="overflow">
17760      <ul part="overflow-list">
17761        <slot name="overflow"></slot>
17762      </ul>
17763    </div>
17764  </template>
17765
17766  
17767      
17768        <li
17769          role="presentation"
17770          class="menu-list__list-item"
17771          on:focus="/activate"
17772          on:blur="/deactivate"
17773          on:pointerenter="/activate"
17774          on:pointerleave="/deactivate"
17775        >
17776          <a
17777            href="/"
17778            data-skip-node-update="true"
17779            class="menu-list__link"ref="menuitem"
17780          >
17781            <span class="menu-list__link-title">Home</span>
17782          </a></li>
17783      
17784        <li
17785          role="presentation"
17786          class="menu-list__list-item"
17787          on:focus="/activate"
17788          on:blur="/deactivate"
17789          on:pointerenter="/activate"
17790          on:pointerleave="/deactivate"
17791        >
17792          <a
17793            href="/collections/home-page-shop-all"
17794            data-skip-node-update="true"
17795            class="menu-list__link"aria-controls="submenu-2"
17796              aria-haspopup="true"
17797              aria-expanded="false"ref="menuitem"
17798          >
17799            <span class="menu-list__link-title">SHOP</span>
17800          </a><div class="menu-list__submenu color-scheme-5" ref="submenu[]">
17801              <div
17802                id="submenu-2"
17803                class="menu-list__submenu-inner"
17804                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
17805var(--font-body--style);
17805 --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
17806uppercase;
17807
17808    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
17809    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
17810    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
17811  
17812--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
17813var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
17814uppercase;
17815
17816    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
17817    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
17818    var(--opacity-subdued-text));
17819  
17820"
17821              >
17822                
17823                <div class="mega-menu section section--full-width-margin section--page-width">
17824                  <div
17825                    class="mega-menu__grid"
17826                    data-menu-grid-id="MegaMenuList-2"
17827                  >
17828                    
17829<ul
17830  data-menu-list-id="MegaMenuList-2"
17831  class="mega-menu__list list-unstyled"
17832  style="--menu-image-border-radius: 7px;"
17833>
17834  
17835    <li class="mega-menu__column mega-menu__column--span-1">
17836    <div>
17837      <a
17838        href="/collections/home-page-shop-all"
17839        class="mega-menu__link "
17840      >
17841        
17842        <span
17843          class="mega-menu__link-title wrap-text"
17844        >Shop All</span>
17845      </a>
17846      
17847    </div>
17848
17849    
17850  
17851    
17852    <div>
17853      <a
17854        href="/collections/home-page-shop-all"
17855        class="mega-menu__link "
17856      >
17857        
17858        <span
17859          class="mega-menu__link-title wrap-text"
17860        >Sol Kyst Sunglasses</span>
17861      </a>
17862      
17863    </div>
17864
17865    </li>
17866  
17867    <li class="mega-menu__column mega-menu__column--span-1">
17868    <div>
17869      <a
17870        href="/collections/free-gifts"
17871        class="mega-menu__link mega-menu__link--parent"
17872      >
17873        
17874        <span
17875          class="mega-menu__link-title wrap-text"
17876        >Silhouette</span>
17877      </a>
17878      
17879        <ul
17880          class="list-unstyled"
17881          
17882            style="column-count: 1;"
17883          
17884        >
17885          
17886            
17887            <li
17888              
17889            >
17890              <a
17891                href="/collections/shop-kyst-eyes"
17892                class="mega-menu__link"
17893              >
17894                <span class="mega-menu__link-title wrap-text">Kyst Eye</span>
17895              </a>
17896            </li>
17897          
17898            
17899            <li
17900              
17901            >
17902              <a
17903                href="/collections/aviators"
17904                class="mega-menu__link"
17905              >
17906                <span class="mega-menu__link-title wrap-text">Aviators</span>
17907              </a>
17908            </li>
17909          
17910            
17911            <li
17912              
17913            >
17914              <a
17915                href="/collections/shop-rectangles"
17916                class="mega-menu__link"
17917              >
17918                <span class="mega-menu__link-title wrap-text">Recs</span>
17919              </a>
17920            </li>
17921          
17922            
17923            <li
17924              
17925            >
17926              <a
17927                href="/collections/shop-hangovers"
17928                class="mega-menu__link"
17929              >
17930                <span class="mega-menu__link-title wrap-text">Hangover</span>
17931              </a>
17932            </li>
17933          
17934            
17935            <li
17936              
17937            >
17938              <a
17939                href="/collections/hearts"
17940                class="mega-menu__link"
17941              >
17942                <span class="mega-menu__link-title wrap-text">Hearts</span>
17943              </a>
17944            </li>
17945          
17946            
17947            <li
17948              
17949            >
17950              <a
17951                href="/collections/shop-trapezoids"
17952                class="mega-menu__link"
17953              >
17954                <span class="mega-menu__link-title wrap-text">Traps</span>
17955              </a>
17956            </li>
17957          
17958            
17959            <li
17960              
17961            >
17962              <a
17963                href="/collections/blue-light"
17964                class="mega-menu__link"
17965              >
17966                <span class="mega-menu__link-title wrap-text">Blue Light</span>
17967              </a>
17968            </li>
17969          
17970        </ul>
17971      
17972    </div>
17973
17974    </li>
17975  
17976    <li class="mega-menu__column mega-menu__column--span-1">
17977    <div>
17978      <a
17979        href="/collections/accesories"
17980        class="mega-menu__link "
17981      >
17982        
17983        <span
17984          class="mega-menu__link-title wrap-text"
17985        >Accessories</span>
17986      </a>
17987      
17988    </div>
17989
17990    
17991  
17992    
17993    <div>
17994      <a
17995        href="/collections/shop-all-barbie"
17996        class="mega-menu__link "
17997      >
17998        
17999        <span
18000          class="mega-menu__link-title wrap-text"
18001        >Barbie™ x Sol Kyst</span>
18002      </a>
18003      
18004    </div>
18005
18006    
18007  
18008    
18009    <div>
18010      <a
18011        href="/pages/breast-cancer"
18012        class="mega-menu__link "
18013      >
18014        
18015        <span
18016          class="mega-menu__link-title wrap-text"
18017        >BCC x Sol Kyst</span>
18018      </a>
18019      
18020    </div>
18021
18022    </li>
18023  
18024</ul>
18025
18026
18027
18028<style data-shopify>
18029  [data-menu-grid-id="MegaMenuList-2"] {
18030    
18031      --menu-columns-desktop: 6;
18032      --menu-columns-tablet: 4;
18033    
18034  }
18035
18036  [data-menu-list-id="MegaMenuList-2"] {
18037    
18038      --menu-columns-desktop: 6;
18039      --menu-columns-tablet: 4;
18040    
18041  }
18042</style>
18043
18044
18045<span
18046      class="mega-menu__content"
18047      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 7px;"
18048    >
18049      <ul
18050        class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
18051      >
18052        
18053      </ul>
18054    </span>
18055  
18056
18057                  </div>
18058                </div>
18059              </div>
18060            </div></li>
18061      
18062        <li
18063          role="presentation"
18064          class="menu-list__list-item"
18065          on:focus="/activate"
18066          on:blur="/deactivate"
18067          on:pointerenter="/activate"
18068          on:pointerleave="/deactivate"
18069        >
18070          <a
18071            href="/pages/brand-story"
18072            data-skip-node-update="true"
18073            class="menu-list__link"ref="menuitem"
18074          >
18075            <span class="menu-list__link-title">Prescription</span>
18076          </a></li>
18077      
18078        <li
18079          role="presentation"
18080          class="menu-list__list-item"
18081          on:focus="/activate"
18082          on:blur="/deactivate"
18083          on:pointerenter="/activate"
18084          on:pointerleave="/deactivate"
18085        >
18086          <a
18087            href="/pages/about-us"
18088            data-skip-node-update="true"
18089            class="menu-list__link"ref="menuitem"
18090          >
18091            <span class="menu-list__link-title">Contact</span>
18092          </a></li>
18093      
18094      <li
18095        class="menu-list__list-item"
18096        role="presentation"
18097        slot="more"
18098        on:focus="/activate"
18099        on:blur="/deactivate"
18100        on:pointerenter="/activate"
18101        on:pointerleave="/deactivate"
18102      >
18103        <button role="menuitem" class="button menu-list__link button-unstyled">
18104          <span class="menu-list__link-title">More</span>
18105        </button>
18106      </li>
18107    
18108</overflow-list>
18109
18110          </div>
18111        </nav>
18112      </div>
18113
18114      
18114<script
18115        src="//www.solkyst.ca/cdn/shop/t/38/assets/header-menu.js?v=32392277473258403531776963414"
18116        type="module"
18117        fetchpriority="low"
18118      ></script>
18118
18119    </header-menu>
18120
18121
18122
18123
18124
18125
18126            
18127        
18128      
18129    </div>
18130        </div>
18131      </div>
18132    
18133  
18134
18135  
18136</header-component>
18137
18138<script
18139  src="//www.solkyst.ca/cdn/shop/t/38/assets/header.js?v=155792906110242140481776963414"
18140  type="module"
18141></script>
18141
18142
18143
18144
18145
18146  
18146<script type="module">
18147    import { hydrate } from '@theme/section-hydration';
18148    const url = new URL(window.location.href);
18149    url.searchParams.delete('page');
18150    hydrate('sections--28980145324192__header_section', url);
18151  </script>
18151
18152
18153
18154
18155</header>
18156<!-- END sections: header-group -->
18157    </div>
18158
18159    
18159<script>
18160      // Inline header height calculation to prevent layout shift
18161      // Note: Updates in calculateHeaderGroupHeight() and updateTransparentHeaderOffset()utilities.js should be kept in sync with this function
18162      (function setHeaderHeighCustomProperties() {
18163        /*
18164         * Header calculation functions for maintaining CSS variables
18165         * Mimic calculateHeaderGroupHeight() in utilities.js
18166         */
18167        const header = document.querySelector('header-component');
18168        const headerGroup = document.querySelector('#header-group');
18169        const hasHeaderSection = headerGroup?.querySelector('.header-section');
18170
18171        if (!header || !headerGroup) return;
18172
18173        const headerHeight = header.offsetHeight;
18174
18175        // Calculate the total height of the header group
18176        let headerGroupHeight = 0;
18177        const children = headerGroup.children;
18178        for (let i = 0; i < children.length; i++) {
18179          const element = children[i];
18180          if (element === header || !(element instanceof HTMLElement)) continue;
18181          headerGroupHeight += element.offsetHeight;
18182        }
18183
18184        // Check for transparent header special case
18185        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
18186          headerGroupHeight += headerHeight;
18187        }
18188
18189        // Set CSS variables
18190        document.body.style.setProperty('--header-height', `${headerHeight}px`);
18191        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
18192
18193        /**
18194         * Updates CSS custom properties for transparent header offset calculation
18195         * Mimic updateTransparentHeaderOffset() in utilities.js
18196         */
18197
18198        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
18199          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
18200          return;
18201        }
18202
18203        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
18204
18205        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
18206        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
18207      })();
18208    </script>
18208
18209
18210    <main
18211      id="MainContent"
18212      class="content-for-layout"
18213      role="main"
18214      data-page-transition-enabled="true"
18215      data-product-transition="true"
18216      data-template="search"
18217    >
18218      <div id="shopify-section-template--28980150370464__search" class="shopify-section"><div class="section-background color-scheme-1"></div>
18219<div class="section section--page-width color-scheme-1">
18220  <div
18221    class="spacing-style search-page__header"
18222    style="
18223      --horizontal-alignment: center;
18224      --padding-block-start: max(20px, calc(var(--spacing-scale) * 36px));--padding-block-end: 0px;
18225    "
18226  >
18227    
18228
18229    
18230
18231    
18232
18233    
18234    
18234<script
18235  src="//www.solkyst.ca/cdn/shop/t/38/assets/search-page-input.js?v=75415526569643471571776963414"
18236  defer
18237  type="module"
18238></script>
18238
18239
18240
18241
18242<form
18243  action="/search"
18244  method="get"
18245  role="search"
18246  class="search-page-input__parent"
18247>
18248  <search-page-input-component
18249    style="--size-style-width:50%;--size-style-height: ;"
18250    
18251  >
18252    <label
18253      for="SearchPageInput--AbkxyQmt2U2hHWjBWZ__search"
18254      class="visually-hidden"
18255    >
18256      Search
18257    </label>
18258    <span class="svg-wrapper search__icon">
18259      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
18260
18261    </span>
18262    <input
18263      name="type"
18264      value="product"
18265      type="hidden"
18266    >
18267    <input
18268      class="search-page-input"
18269      id="SearchPageInput--AbkxyQmt2U2hHWjBWZ__search"
18270      type="search"
18271      name="q"
18272      ref="searchPageInput"
18273      on:keydown="/handleKeyDown"
18274      value=""
18275      placeholder="Search"
18276    >
18277    <a
18278      href="/search?type=product&q="
18279      class="search__reset-button"
18280      aria-label="Reset search"
18281    >
18282      <span class="svg-wrapper search__reset-button-icon">
18283        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
18284
18285      </span>
18286      <span class="search__reset-button-text">
18287        Clear
18288      </span>
18289    </a>
18290  </search-page-input-component>
18291
18292  
18293</form>
18294
18295
18296
18297
18298
18299  </div>
18300</div>
18301
18302
18303</div><div id="shopify-section-template--28980150370464__main" class="shopify-section">
18303<script
18304  src="//www.solkyst.ca/cdn/shop/t/38/assets/results-list.js?v=28346210841421047511776963414"
18305  type="module"
18306  fetchpriority="low"
18307></script>
18307
18308
18309<div class="section-background color-scheme-1"></div>
18310
18311<results-list
18312  class="section product-grid-container spacing-style color-scheme-1"
18313  style="--padding-block-start: 40px; --padding-block-end: 40px;"
18314  section-id="template--28980150370464__main"
18315  infinite-scroll="true"
18316>
18317  <a
18318  class="skip-to-content-link button-secondary"
18319  href="#ResultsList"
18320>
18321  Skip to results list
18322</a>
18323
18324
18325  <div
18326    class="collection-wrapper grid gap-style"
18327  >
18328    
18329
18330    
18331
18332    
18333      
18334        
18335        
18336        
18337        
18338      
18339
18340      
18341
18342      
18343
18344
18345<style data-shopify>
18346  @media (min-width: 750px) {
18347    
18348        .product-grid--template--28980150370464__main:is(.product-grid--grid) {
18349          --product-grid-columns-desktop: repeat(auto-fill, minmax(250px, 1fr));
18350        }
18351
18352
18353      
18354
18355    /* This logic helps prevent displaying one column for an large or extra-large product card size on a small screen. We want it to display at least two columns. */
18356    
18357
18358    /* When zoomed out, fit as many 100px-wide columns as possible */
18359    .product-grid--template--28980150370464__main[product-grid-view='zoom-out'] {
18360      --product-grid-columns-desktop: repeat(auto-fill, minmax(6.25rem, 1fr));
18361    }
18362
18363    .product-grid--template--28980150370464__main[product-grid-view='zoom-out'] .product-grid-view-zoom-out--details {
18364      display: block;
18365    }
18366
18367    .product-grid--template--28980150370464__main[product-grid-view='zoom-out'] .product-grid__card {
18368      padding-inline-start: var(--zoom-out-padding-inline-start, 0);
18369      padding-inline-end: var(--zoom-out-padding-inline-end, 0);
18370      padding-block-start: var(--zoom-out-padding-block-start, 0);
18371      padding-block-end: var(--zoom-out-padding-block-end, 0);
18372    }
18373  }
18374</style>
18375<div
18376  id="ResultsList"
18377  class="
18378    grid main-collection-grid
18379
18380 collection-wrapper--full-width-on-mobile
18381    spacing-style
18382  "
18383
18384  style="
18385    --grid--margin--mobile: 0 0;
18386    --grid-column--desktop: var(--centered);
18387    --grid-column--mobile: var(--full-width);
18388    --padding-inline-start: 0px;
18389    --padding-inline-end: 0px;
18390  "
18391>
18392  <div
18393    style="
18394      grid-column: var(--full-width);
18395      --product-grid-gap-mobile: 12px 12px;
18396      --product-grid-gap-desktop: 16px 16px;
18397      container-type: inline-size;
18398      container-name: product-grid;
18399    "
18400  >
18401    
18402      
18403        <span ref="viewMorePrevious"></span>
18404      
18405
18406      
18407        <h4 class="main-collection-grid__title">Products</h4>
18408      
18409      <ul
18410        class="product-grid product-grid--template--28980150370464__main product-grid--grid "
18411        data-testid="product-grid"
18412        product-grid-view="default"
18413        ref="grid"
18414        role="list"
18415        data-last-page="1"
18416        data-product-card-size="medium"
18417        style="--mobile-columns: 2;"
18418      >
18419        
18420        
18421          
18421<script>
18422            (() => {
18423              const grid = document.querySelector('.product-grid');
18424              if (!grid) return;
18425
18426              const storedLayoutMobile = sessionStorage.getItem('product-grid-view-mobile') || 'default';
18427              const storedLayoutDesktop = sessionStorage.getItem('product-grid-view-desktop') || 'default';
18428
18429              // No need to read the window width if no custom layouts were saved.
18430              if (storedLayoutMobile === 'default' && storedLayoutDesktop === 'default') return;
18431
18432              const storedLayout = window.innerWidth >= 750 ? storedLayoutDesktop : storedLayoutMobile;
18433              if (storedLayout === 'default') return;
18434
18435              grid.setAttribute('product-grid-view', storedLayout);
18436
18437              const options = document.querySelectorAll(
18438                'input[type="radio"][name="grid"], input[type="radio"][name="grid-mobile"]'
18439              );
18440              for (const option of options) {
18441                option.checked = option.value === storedLayout;
18442              }
18443            })();
18444          </script>
18444
18445        
18446
18447        
18448        
18449          <li
18450            id="template--28980150370464__main-15844637704352"
18451            class="product-grid__item product-grid__item--0"
18452            data-page="1"
18453            data-product-id="15844637704352"
18454            ref="cards[]"
18455          >
18456            
18457
18458
18459
18460<style data-shopify>
18461  
18462</style>
18463
18464
18465<product-card-link
18466    data-product-id="15844637704352"
18467    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&width=500"
18468    data-product-transition="true"
18469    
18470  ><product-card
18471  class="product-card"
18472  data-product-id="15844637704352"
18473  id="product-card-ARkJhYk42RE5RUXhCT__product-card"
18474  data-product-transition="true"
18475  
18476  
18477>
18478  <a
18479    id="1dcbf2e301a5347563dee1604b58f7e3"
18480    
18481      href="/products/5-year-edition-turkish-throw-limited-edition?variant=58770237685920"
18482    
18483    class="product-card__link"
18484    ref="productCardLink"
18485  >
18486    <span class="visually-hidden">
18487      5 Year Edition Turkish Throw ~ Limited Edition
18488    </span>
18489  </a>
18490  <div
18491    class="
18492      product-card__content
18493      layout-panel-flex
18494      layout-panel-flex--column
18495      product-grid__card
18496      spacing-style
18497      border-style
18498      gap-style
18499      
18500    "
18501    style="
18502      --border-width: 1px; --border-style: none; --border-color:
18503rgb(var(--color-border-rgb) / 1.0); --border-radius:
185040px; 
18505
18506      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
18507
18508
18509
18510--horizontal-alignment: ; --vertical-alignment: ;
18511--vertical-alignment-mobile: ;
18512
18513      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
18514      --product-card-gap: 8px;
18515      --quick-add-display: flex;
18516      --quick-add-mobile-display: flex;
18517      --quick-add-mobile-opacity: 1;
18518      
18519      
18520      
18521      
18522    "
18523  >
18524    
18525  
18526
18527
18528
18529
18530
18531<div
18532  ref="cardGallery"
18533  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery spacing-style border-style"
18534  style="
18535    --border-width: 1px; --border-style: none; --border-color:
18536rgb(var(--color-border-rgb) / 1.0); --border-radius:
185370px; 
18538
18539    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
18540    --gallery-aspect-ratio: 4 / 5;
18541  "
18542  data-product-id="15844637704352"
18543  
18544    on:pointerenter="/previewImage"
18545    on:pointerleave="/resetImage"
18546  
18547  
18548    data-view-transition-to-main-product
18549  
18550  data-image-ratio="portrait"
18551  
18552>
18553    <a
18554      class="contents"
18555      ref="cardGalleryLink"
18556      href="/products/5-year-edition-turkish-throw-limited-edition?variant=58770237685920"
18557      aria-label="5 Year Edition Turkish Throw ~ Limited Edition"
18558    >
18559      <slideshow-component
18560  
18561    ref="slideshow"
18562  
18563  
18564  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
18565  
18566  initial-slide="0"
18567  
18568  
18569    infinite
18570  
18571
18572  data-generic-media-size="2"
18573>
18574  
18575  <slideshow-container ref="slideshowContainer">
18576    
18577    
18578    <slideshow-slides
18579      tabindex="-1"
18580      ref="scroller"
18581      
18582    >
18583      <slideshow-slide
18584  ref="slides[]"
18585  aria-hidden="false"
18586  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
18587  
18588    class="product-media-container media-fit product-media-container--video"
18589  
18590  
18591  
18592  
18593    slide-id="70115665608864"
18594  
18595  
18596  
18597  
18598>
18599  
18600
18601<div
18602  class="product-media"
18603  style="--ratio: 0.563"
18604  data-media-id="70115665608864"
18605>
18606  
18607  <img src="//www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=3840" alt="5 Year Edition Turkish Throw ~ Limited Edition" srcset="//www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=3840 3840w" width="3840" height="6827" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=3840" fetchpriority="auto" style="--focal-point: ;">
18608
18609  
18610</div>
18611
18612
18613
18614</slideshow-slide>
18615<slideshow-slide
18616  ref="slides[]"
18617  aria-hidden="true"
18618  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
18619  
18620    class="product-media-container media-fit product-media-container--video"
18621  
18622  
18623  
18624  
18625    slide-id="70115665608864"
18626  
18627  
18628  
18629  
18630>
18631  
18632
18633<div
18634  class="product-media"
18635  style="--ratio: 0.563"
18636  data-media-id="70115665608864"
18637>
18638  
18639  <img src="//www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=3840" alt="5 Year Edition Turkish Throw ~ Limited Edition" srcset="//www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=3840 3840w" width="3840" height="6827" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=3840" fetchpriority="auto" style="--focal-point: ;">
18640
18641  
18642</div>
18643
18644
18645
18646</slideshow-slide>
18647<slideshow-slide
18648  ref="slides[]"
18649  aria-hidden="true"
18650  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
18651  
18652    class="product-media-container media-fit product-media-container--image"
18653  
18654  
18655  
18656  
18657    slide-id="70184620621984"
18658  
18659  
18660  
18661  
18662>
18663  
18664
18665<div
18666  class="product-media"
18667  style="--ratio: 0.8"
18668  data-media-id="70184620621984"
18669>
18670  
18671  <img src="//www.solkyst.ca/cdn/shop/files/769552839_17978642937083974_4284001204488278262_n.jpg?v=1788299961&amp;width=3840" alt="5 Year Edition Turkish Throw ~ Limited Edition" srcset="//www.solkyst.ca/cdn/shop/files/769552839_17978642937083974_4284001204488278262_n.jpg?v=1788299961&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/769552839_17978642937083974_4284001204488278262_n.jpg?v=1788299961&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/769552839_17978642937083974_4284001204488278262_n.jpg?v=1788299961&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/769552839_17978642937083974_4284001204488278262_n.jpg?v=1788299961&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/769552839_17978642937083974_4284001204488278262_n.jpg?v=1788299961&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/769552839_17978642937083974_4284001204488278262_n.jpg?v=1788299961&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/769552839_17978642937083974_4284001204488278262_n.jpg?v=1788299961&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/769552839_17978642937083974_4284001204488278262_n.jpg?v=1788299961&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/769552839_17978642937083974_4284001204488278262_n.jpg?v=1788299961&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
18672
18673  
18674</div>
18675
18676
18677
18678</slideshow-slide>
18679
18680    </slideshow-slides>
18681  </slideshow-container>
18682  
18683</slideshow-component>
18684
18685
18686
18687    </a>
18688  
18689  
18690    <div
18691      class="product-badges product-badges--top-left"
18692      style="
18693        --badge-border-radius: 0px;
18694        --badge-font-family: var(--font-body--family);
18694 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
18695      "
18696    ></div>
18697    
18698      
18699
18700<quick-add-component
18701  class="quick-add color-scheme-4 "
18702  ref="quickAdd"
18703  data-product-title="5 Year Edition Turkish Throw ~ Limited Edition"
18704  data-quick-add-button="add"
18705  data-product-options-count="1"
18706>
18707  <product-form-component
18708    data-section-id="template--28980150370464__main"
18709    data-product-id="15844637704352"
18710    on:submit="/handleSubmit"
18711    class="quick-add__product-form-component"
18712  >
18713    <div
18714      class="visually-hidden"
18715      aria-live="assertive"
18716      role="status"
18717      aria-atomic="true"
18718      ref="liveRegion"
18719    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15844637704352-AVkVHRmZuS1U2YVZuU__card-gallery" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
18720        type="hidden"
18721        name="id"
18722        ref="variantId"
18723        value="58770237685920"
18724        
18725      >
18726      <input
18727        type="hidden"
18728        name="quantity"
18729        value="1"
18730      >
18731      
18732      <add-to-cart-component
18733  ref="addToCartButtonContainer"
18734  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&width=100"
18735  data-add-to-cart-animation="true"
18736>
18737  <button
18738    
18739    type="submit"
18740    name="add"
18741    ref="addToCartButton"
18742    on:click="/handleClick"
18743    class="button button quick-add__button quick-add__button--add add-to-cart-button"
18744    
18745    
18746  >
18747    <span
18748      class="add-to-cart-text"
18749    >
18750      
18751        <span
18752          aria-hidden="true"
18753          class="svg-wrapper add-to-cart-icon"
18754        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
18755</span>
18756      
18757      <span class="add-to-cart-text__content is-visually-hidden-mobile">
18758        <span>
18759          <span>Add</span>
18760        </span>
18761      </span>
18762    </span>
18763    
18764    <span class="add-to-cart__added">
18765      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
18766  <g class="check">
18767    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
18768    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
18769  </g>
18770  <g class="burst">
18771    <g style="--index: 0;">
18772      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18773    </g>
18774    <g style="--index: 1;">
18775      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18776    </g>
18777    <g style="--index: 2;">
18778      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18779    </g>
18780    <g style="--index: 3;">
18781      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18782    </g>
18783    <g style="--index: 4;">
18784      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18785    </g>
18786    <g style="--index: 5;">
18787      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18788    </g>
18789    <g style="--index: 6;">
18790      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18791    </g>
18792    <g style="--index: 7;">
18793      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
18794    </g>
18795  </g>
18796</svg>
18797</span>
18798    </span>
18799  </button>
18800</add-to-cart-component>
18801
18802
18803
18804
18805      <button
18806        class="button quick-add__button quick-add__button--choose add-to-cart-button"
18807        
18808        type="button"
18809        name="add"
18810        on:click="quick-add-component/handleClick"
18811      >
18812        <span
18813          class="add-to-cart-text quick-add__button-content"
18814        >
18815          
18816          <span
18817            aria-hidden="true"
18818            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
18819          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
18820</span>
18821          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
18822            <span>
18823              
18824              <span>
18825                Choose
18826              </span>
18827            </span>
18828          </span>
18829        </span>
18830      </button><input type="hidden" name="product-id" value="15844637704352" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
18831</quick-add-component>
18832
18833
18834
18835    
18836  
18837
18838</div>
18839
18840
18841
18842
18843
18844<div class="product-grid-view-zoom-out--details">
18845  
18846    <h3 class="h4">5 Year Edition Turkish Throw ~ Limited Edition</h3>
18847  
18848</div>
18849
18850
18851
18852
18853
18854
18855<div
18856  class="
18857    group-block
18858    
18859    group-block--height-fit
18860    group-block--width-fill
18861    border-style
18862    spacing-style
18863    size-style
18864    
18865    
18866  "
18867  style="
18868    --border-width: 1px; --border-style: none; --border-color:
18869rgb(var(--color-border-rgb) / 1.0); --border-radius:
188700px; 
18871
18872    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
18873    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
18874    
18875  "
18876  
18877  data-testid="group-block"
18878><div class="group-block__media-wrapper">
18879    
18880
18881
18882
18883    
18884  </div>
18885
18886  <div
18887    class="
18888      group-block-content
18889      
18890      layout-panel-flex
18891      layout-panel-flex--row
18892       mobile-column
18893    "
18894    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
18895
18896--gap: 12px;
18897
18898--horizontal-alignment: space-between; --vertical-alignment: flex-start;
18899--vertical-alignment-mobile: flex-start;
18900"
18901  >
18902  
18903
18904<div
18905  class="
18906    group-block
18907    
18908    group-block--height-fit
18909    group-block--width-fill
18910    border-style
18911    spacing-style
18912    size-style
18913    
18914    
18915  "
18916  style="
18917    --border-width: 1px; --border-style: none; --border-color:
18918rgb(var(--color-border-rgb) / 1.0); --border-radius:
189190px; 
18920
18921    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
18922    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
18923    
18924  "
18925  
18926  data-testid="group-block"
18927><div class="group-block__media-wrapper">
18928    
18929
18930
18931
18932    
18933  </div>
18934
18935  <div
18936    class="
18937      group-block-content
18938      
18939      layout-panel-flex
18940      layout-panel-flex--column
18941       mobile-column
18942    "
18943    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
18944
18945--gap: 0px;
18946
18947--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
18948--vertical-alignment-mobile: flex-start;
18949"
18950  >
18951  
18952  
18953  <a
18954    class="contents user-select-text"
18955    ref="productTitleLink"
18956    href="/products/5-year-edition-turkish-throw-limited-edition?variant=58770237685920"
18957  >
18958    
18959
18960
18961
18962
18963
18964
18965  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
18966    <p>5 Year Edition Turkish Throw ~ Limited Edition</p>
18967  </div>
18968
18969
18970
18971
18972  </a>
18973
18974
18975
18976
18977
18978<product-price
18979  class="text-block text-block--align-left text-left h5 spacing-style"
18980  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73"
18981  data-product-id="15844637704352"
18982  style="
18983    
18984--color: var(--color-foreground);
18985    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
18986    --width: 100%;
18987  "
18988  
18989>
18990  <div ref="priceContainer">
18991  
18992    
18993    
18994
18995    
18996      <span class="price">$50.00</span>
18997    
18998
18999    
19000  
19001</div>
19002
19003  
19004</product-price>
19005
19006
19007
19008
19009
19010
19011
19012</div>
19013</div>
19014
19015
19016
19017
19018
19019
19020<div
19021  class="
19022    group-block
19023    
19024    group-block--height-fit
19025    group-block--width-fill
19026    border-style
19027    spacing-style
19028    size-style
19029    
19030    
19031  "
19032  style="
19033    --border-width: 1px; --border-style: none; --border-color:
19034rgb(var(--color-border-rgb) / 1.0); --border-radius:
190350px; 
19036
19037    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
19038    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
19039    
19040  "
19041  
19042  data-testid="group-block"
19043><div class="group-block__media-wrapper">
19044    
19045
19046
19047
19048    
19049  </div>
19050
19051  <div
19052    class="
19053      group-block-content
19054      
19055      layout-panel-flex
19056      layout-panel-flex--column
19057       mobile-column
19058    "
19059    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
19060
19061--gap: 0px;
19062
19063--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
19064--vertical-alignment-mobile: flex-start;
19065"
19066  >
19067  
19068
19069
19070
19071
19072
19073
19074
19075</div>
19076</div>
19077
19078
19079
19080
19081
19082</div>
19083</div>
19084
19085
19086
19087
19088
19089
19090  </div>
19091</product-card></product-card-link>
19092
19093
19094
19095
19096          </li>
19097        
19098          <li
19099            id="template--28980150370464__main-7386132545696"
19100            class="product-grid__item product-grid__item--1"
19101            data-page="1"
19102            data-product-id="7386132545696"
19103            ref="cards[]"
19104          >
19105            
19106
19107
19108
19109<style data-shopify>
19110  
19111</style>
19112
19113
19114<product-card-link
19115    data-product-id="7386132545696"
19116    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/IMG_1669.jpg?v=1771439410&width=500"
19117    data-product-transition="true"
19118    
19119  ><product-card
19120  class="product-card"
19121  data-product-id="7386132545696"
19122  id="product-card-ARkJhYk42RE5RUXhCT__product-card-1"
19123  data-product-transition="true"
19124  
19125  
19126>
19127  <a
19128    id="e6ecf3b07f97a2b9743ee166ad94df8c"
19129    
19130      href="/products/hangover-chic?variant=48118573564064"
19131    
19132    class="product-card__link"
19133    ref="productCardLink"
19134  >
19135    <span class="visually-hidden">
19136      AFTER GLOW | Sunglasses for Wide Face | Wide Fit Frames
19137    </span>
19138  </a>
19139  <div
19140    class="
19141      product-card__content
19142      layout-panel-flex
19143      layout-panel-flex--column
19144      product-grid__card
19145      spacing-style
19146      border-style
19147      gap-style
19148      
19149    "
19150    style="
19151      --border-width: 1px; --border-style: none; --border-color:
19152rgb(var(--color-border-rgb) / 1.0); --border-radius:
191530px; 
19154
19155      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
19156
19157
19158
19159--horizontal-alignment: ; --vertical-alignment: ;
19160--vertical-alignment-mobile: ;
19161
19162      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
19163      --product-card-gap: 8px;
19164      --quick-add-display: flex;
19165      --quick-add-mobile-display: flex;
19166      --quick-add-mobile-opacity: 1;
19167      
19168      
19169      
19170      
19171    "
19172  >
19173    
19174  
19175
19176
19177
19178
19179
19180<div
19181  ref="cardGallery"
19182  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-1 spacing-style border-style"
19183  style="
19184    --border-width: 1px; --border-style: none; --border-color:
19185rgb(var(--color-border-rgb) / 1.0); --border-radius:
191860px; 
19187
19188    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
19189    --gallery-aspect-ratio: 4 / 5;
19190  "
19191  data-product-id="7386132545696"
19192  
19193    on:pointerenter="/previewImage"
19194    on:pointerleave="/resetImage"
19195  
19196  
19197    data-view-transition-to-main-product
19198  
19199  data-image-ratio="portrait"
19200  
19201>
19202    <a
19203      class="contents"
19204      ref="cardGalleryLink"
19205      href="/products/hangover-chic?variant=48118573564064"
19206      aria-label="AFTER GLOW | Sunglasses for Wide Face | Wide Fit Frames"
19207    >
19208      <slideshow-component
19209  
19210    ref="slideshow"
19211  
19212  
19213  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9;--slide-min-height: auto;--slide-min-height-desktop: auto;"
19214  
19215  initial-slide="0"
19216  
19217  
19218    infinite
19219  
19220
19221  data-generic-media-size="7"
19222>
19223  
19224  <slideshow-container ref="slideshowContainer">
19225    
19226      <slideshow-arrows
19227  position="center"
19228  
19229><button
19230  class="
19231    slideshow-control slideshow-control--previous
19232    
19233    
19234    slideshow-control--style-arrow
19235    button button-unstyled button-unstyled--transparent
19236     flip-x
19237  "
19238  
19239  aria-label="Previous slide"
19240  
19241  on:click="/previous"
19242  ref="previous"
19243>
19244  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
19245</span>
19246</button>
19247<button
19248  class="
19249    slideshow-control slideshow-control--next
19250    
19251    
19252    slideshow-control--style-arrow
19253    button button-unstyled button-unstyled--transparent
19254    
19255  "
19256  
19257  aria-label="Next slide"
19258  
19259  on:click="/next"
19260  ref="next"
19261>
19262  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
19263</span>
19264</button>
19265</slideshow-arrows>
19266
19267    
19268    
19269    <slideshow-slides
19270      tabindex="-1"
19271      ref="scroller"
19272      
19273    >
19274      <slideshow-slide
19275  ref="slides[]"
19276  aria-hidden="false"
19277  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
19278  
19279    class="product-media-container media-fit product-media-container--image"
19280  
19281  variant-image
19282  
19283  
19284    slide-id="28963489513632"
19285  
19286  
19287  
19288  variant-image
19289>
19290  
19291
19292<div
19293  class="product-media"
19294  style="--ratio: 0.6666666666666666"
19295  data-media-id="28963489513632"
19296>
19297  
19298  <img src="//www.solkyst.ca/cdn/shop/files/ImaybesadbutatleastIhavegoodhair_4x5in_4x4in.png?v=1767207299&amp;width=3840" alt="Tortoise-patterned square sunglasses with gradient brown-tinted lenses, showcasing a bold and classic frame design." srcset="//www.solkyst.ca/cdn/shop/files/ImaybesadbutatleastIhavegoodhair_4x5in_4x4in.png?v=1767207299&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/ImaybesadbutatleastIhavegoodhair_4x5in_4x4in.png?v=1767207299&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/ImaybesadbutatleastIhavegoodhair_4x5in_4x4in.png?v=1767207299&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/ImaybesadbutatleastIhavegoodhair_4x5in_4x4in.png?v=1767207299&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/ImaybesadbutatleastIhavegoodhair_4x5in_4x4in.png?v=1767207299&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/ImaybesadbutatleastIhavegoodhair_4x5in_4x4in.png?v=1767207299&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/ImaybesadbutatleastIhavegoodhair_4x5in_4x4in.png?v=1767207299&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/ImaybesadbutatleastIhavegoodhair_4x5in_4x4in.png?v=1767207299&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/ImaybesadbutatleastIhavegoodhair_4x5in_4x4in.png?v=1767207299&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
19299
19300  
19301</div>
19302
19303
19304
19305</slideshow-slide>
19306<slideshow-slide
19307  ref="slides[]"
19308  aria-hidden="true"
19309  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
19310  
19311    class="product-media-container media-fit product-media-container--image"
19312  
19313  
19314  
19315  
19316    slide-id="39217923752096"
19317  
19318  
19319  
19320  
19321>
19322  
19323
19324<div
19325  class="product-media"
19326  style="--ratio: 0.6666666666666666"
19327  data-media-id="39217923752096"
19328>
19329  
19330  <img src="//www.solkyst.ca/cdn/shop/files/Hangover_Chic_side_image.png?v=1771439410&amp;width=3840" alt="AFTER GLOW | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/Hangover_Chic_side_image.png?v=1771439410&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Hangover_Chic_side_image.png?v=1771439410&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Hangover_Chic_side_image.png?v=1771439410&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Hangover_Chic_side_image.png?v=1771439410&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Hangover_Chic_side_image.png?v=1771439410&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Hangover_Chic_side_image.png?v=1771439410&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Hangover_Chic_side_image.png?v=1771439410&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Hangover_Chic_side_image.png?v=1771439410&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Hangover_Chic_side_image.png?v=1771439410&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
19331
19332  
19333</div>
19334
19335
19336
19337</slideshow-slide>
19338<slideshow-slide
19339  ref="slides[]"
19340  aria-hidden="true"
19341  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
19342  
19343    class="product-media-container media-fit product-media-container--image"
19344  
19345  
19346  
19347  
19348    slide-id="38875118239904"
19349  
19350  
19351  
19352  
19353>
19354  
19355
19356<div
19357  class="product-media"
19358  style="--ratio: 0.8"
19359  data-media-id="38875118239904"
19360>
19361  
19362  <img src="//www.solkyst.ca/cdn/shop/files/B36F31C7-82EE-4333-8FD5-471FA3575F25.png?v=1771439410&amp;width=3840" alt="AFTER GLOW | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/B36F31C7-82EE-4333-8FD5-471FA3575F25.png?v=1771439410&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/B36F31C7-82EE-4333-8FD5-471FA3575F25.png?v=1771439410&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/B36F31C7-82EE-4333-8FD5-471FA3575F25.png?v=1771439410&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/B36F31C7-82EE-4333-8FD5-471FA3575F25.png?v=1771439410&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/B36F31C7-82EE-4333-8FD5-471FA3575F25.png?v=1771439410&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/B36F31C7-82EE-4333-8FD5-471FA3575F25.png?v=1771439410&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/B36F31C7-82EE-4333-8FD5-471FA3575F25.png?v=1771439410&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/B36F31C7-82EE-4333-8FD5-471FA3575F25.png?v=1771439410&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/B36F31C7-82EE-4333-8FD5-471FA3575F25.png?v=1771439410&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
19363
19364  
19365</div>
19366
19367
19368
19369</slideshow-slide>
19370<slideshow-slide
19371  ref="slides[]"
19372  aria-hidden="true"
19373  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
19374  
19375    class="product-media-container media-fit product-media-container--image"
19376  
19377  
19378  
19379  
19380    slide-id="38875118207136"
19381  
19382  
19383  
19384  
19385>
19386  
19387
19388<div
19389  class="product-media"
19390  style="--ratio: 0.8"
19391  data-media-id="38875118207136"
19392>
19393  
19394  <img src="//www.solkyst.ca/cdn/shop/files/8AEF42CD-B823-49A7-9675-E76FEF03E73B.png?v=1771439410&amp;width=3840" alt="AFTER GLOW | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/8AEF42CD-B823-49A7-9675-E76FEF03E73B.png?v=1771439410&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/8AEF42CD-B823-49A7-9675-E76FEF03E73B.png?v=1771439410&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/8AEF42CD-B823-49A7-9675-E76FEF03E73B.png?v=1771439410&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/8AEF42CD-B823-49A7-9675-E76FEF03E73B.png?v=1771439410&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/8AEF42CD-B823-49A7-9675-E76FEF03E73B.png?v=1771439410&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/8AEF42CD-B823-49A7-9675-E76FEF03E73B.png?v=1771439410&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/8AEF42CD-B823-49A7-9675-E76FEF03E73B.png?v=1771439410&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/8AEF42CD-B823-49A7-9675-E76FEF03E73B.png?v=1771439410&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/8AEF42CD-B823-49A7-9675-E76FEF03E73B.png?v=1771439410&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
19395
19396  
19397</div>
19398
19399
19400
19401</slideshow-slide>
19402<slideshow-slide
19403  ref="slides[]"
19404  aria-hidden="true"
19405  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
19406  
19407    class="product-media-container media-fit product-media-container--image"
19408  
19409  variant-image
19410  
19411  
19412    slide-id="38108841181344"
19413  
19414  
19415    hidden
19416  
19417  
19418  variant-image
19419>
19420  
19421
19422<div
19423  class="product-media"
19424  style="--ratio: 0.7998212689901698"
19425  data-media-id="38108841181344"
19426>
19427  
19428  <img src="//www.solkyst.ca/cdn/shop/files/IMG_1669.jpg?v=1771439410&amp;width=3840" alt="AFTER GLOW | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_1669.jpg?v=1771439410&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_1669.jpg?v=1771439410&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_1669.jpg?v=1771439410&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_1669.jpg?v=1771439410&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_1669.jpg?v=1771439410&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_1669.jpg?v=1771439410&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_1669.jpg?v=1771439410&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_1669.jpg?v=1771439410&amp;width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_1669.jpg?v=1771439410&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
19429
19430  
19431</div>
19432
19433
19434
19435</slideshow-slide>
19436<slideshow-slide
19437  ref="slides[]"
19438  aria-hidden="true"
19439  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
19440  
19441    class="product-media-container media-fit product-media-container--image"
19442  
19443  
19444  
19445  
19446    slide-id="38023732592800"
19447  
19448  
19449  
19450  
19451>
19452  
19453
19454<div
19455  class="product-media"
19456  style="--ratio: 0.8"
19457  data-media-id="38023732592800"
19458>
19459  
19460  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0376.jpg?v=1771439410&amp;width=3840" alt="AFTER GLOW | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0376.jpg?v=1771439410&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0376.jpg?v=1771439410&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0376.jpg?v=1771439410&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0376.jpg?v=1771439410&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0376.jpg?v=1771439410&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0376.jpg?v=1771439410&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0376.jpg?v=1771439410&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0376.jpg?v=1771439410&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0376.jpg?v=1771439410&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
19461
19462  
19463</div>
19464
19465
19466
19467</slideshow-slide>
19468
19469    </slideshow-slides>
19470  </slideshow-container>
19471  
19472</slideshow-component>
19473
19474
19475
19476    </a>
19477  
19478  
19479    <div
19480      class="product-badges product-badges--top-left"
19481      style="
19482        --badge-border-radius: 0px;
19483        --badge-font-family: var(--font-body--family);
19483 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
19484      "
19485    ></div>
19486    
19487      
19488
19489<quick-add-component
19490  class="quick-add color-scheme-4 "
19491  ref="quickAdd"
19492  data-product-title="AFTER GLOW | Sunglasses for Wide Face | Wide Fit Frames"
19493  data-quick-add-button="choose"
19494  data-product-options-count="1"
19495>
19496  <product-form-component
19497    data-section-id="template--28980150370464__main"
19498    data-product-id="7386132545696"
19499    on:submit="/handleSubmit"
19500    class="quick-add__product-form-component"
19501  >
19502    <div
19503      class="visually-hidden"
19504      aria-live="assertive"
19505      role="status"
19506      aria-atomic="true"
19507      ref="liveRegion"
19508    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-7386132545696-AVkVHRmZuS1U2YVZuU__card-gallery-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
19509        type="hidden"
19510        name="id"
19511        ref="variantId"
19512        value="48118573564064"
19513        
19514      >
19515      <input
19516        type="hidden"
19517        name="quantity"
19518        value="1"
19519      >
19520      
19521      <add-to-cart-component
19522  ref="addToCartButtonContainer"
19523  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/IMG_1669.jpg?v=1771439410&width=100"
19524  data-add-to-cart-animation="true"
19525>
19526  <button
19527    
19528    type="submit"
19529    name="add"
19530    ref="addToCartButton"
19531    on:click="/handleClick"
19532    class="button button quick-add__button quick-add__button--add add-to-cart-button"
19533    
19534    
19535  >
19536    <span
19537      class="add-to-cart-text"
19538    >
19539      
19540        <span
19541          aria-hidden="true"
19542          class="svg-wrapper add-to-cart-icon"
19543        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
19544</span>
19545      
19546      <span class="add-to-cart-text__content is-visually-hidden-mobile">
19547        <span>
19548          <span>Add</span>
19549        </span>
19550      </span>
19551    </span>
19552    
19553    <span class="add-to-cart__added">
19554      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
19555  <g class="check">
19556    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
19557    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
19558  </g>
19559  <g class="burst">
19560    <g style="--index: 0;">
19561      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
19562    </g>
19563    <g style="--index: 1;">
19564      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
19565    </g>
19566    <g style="--index: 2;">
19567      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
19568    </g>
19569    <g style="--index: 3;">
19570      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
19571    </g>
19572    <g style="--index: 4;">
19573      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
19574    </g>
19575    <g style="--index: 5;">
19576      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
19577    </g>
19578    <g style="--index: 6;">
19579      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
19580    </g>
19581    <g style="--index: 7;">
19582      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
19583    </g>
19584  </g>
19585</svg>
19586</span>
19587    </span>
19588  </button>
19589</add-to-cart-component>
19590
19591
19592
19593
19594      <button
19595        class="button quick-add__button quick-add__button--choose add-to-cart-button"
19596        
19597        type="button"
19598        name="add"
19599        on:click="quick-add-component/handleClick"
19600      >
19601        <span
19602          class="add-to-cart-text quick-add__button-content"
19603        >
19604          
19605          <span
19606            aria-hidden="true"
19607            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
19608          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
19609</span>
19610          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
19611            <span>
19612              
19613              <span>
19614                Choose
19615              </span>
19616            </span>
19617          </span>
19618        </span>
19619      </button><input type="hidden" name="product-id" value="7386132545696" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
19620</quick-add-component>
19621
19622
19623
19624    
19625  
19626
19627</div>
19628
19629
19630
19631
19632
19633<div class="product-grid-view-zoom-out--details">
19634  
19635    <h3 class="h4">AFTER GLOW | Sunglasses for Wide Face | Wide Fit Frames</h3>
19636  
19637</div>
19638
19639
19640
19641
19642
19643
19644<div
19645  class="
19646    group-block
19647    
19648    group-block--height-fit
19649    group-block--width-fill
19650    border-style
19651    spacing-style
19652    size-style
19653    
19654    
19655  "
19656  style="
19657    --border-width: 1px; --border-style: none; --border-color:
19658rgb(var(--color-border-rgb) / 1.0); --border-radius:
196590px; 
19660
19661    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
19662    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
19663    
19664  "
19665  
19666  data-testid="group-block"
19667><div class="group-block__media-wrapper">
19668    
19669
19670
19671
19672    
19673  </div>
19674
19675  <div
19676    class="
19677      group-block-content
19678      
19679      layout-panel-flex
19680      layout-panel-flex--row
19681       mobile-column
19682    "
19683    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
19684
19685--gap: 12px;
19686
19687--horizontal-alignment: space-between; --vertical-alignment: flex-start;
19688--vertical-alignment-mobile: flex-start;
19689"
19690  >
19691  
19692
19693<div
19694  class="
19695    group-block
19696    
19697    group-block--height-fit
19698    group-block--width-fill
19699    border-style
19700    spacing-style
19701    size-style
19702    
19703    
19704  "
19705  style="
19706    --border-width: 1px; --border-style: none; --border-color:
19707rgb(var(--color-border-rgb) / 1.0); --border-radius:
197080px; 
19709
19710    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
19711    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
19712    
19713  "
19714  
19715  data-testid="group-block"
19716><div class="group-block__media-wrapper">
19717    
19718
19719
19720
19721    
19722  </div>
19723
19724  <div
19725    class="
19726      group-block-content
19727      
19728      layout-panel-flex
19729      layout-panel-flex--column
19730       mobile-column
19731    "
19732    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
19733
19734--gap: 0px;
19735
19736--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
19737--vertical-alignment-mobile: flex-start;
19738"
19739  >
19740  
19741  
19742  <a
19743    class="contents user-select-text"
19744    ref="productTitleLink"
19745    href="/products/hangover-chic?variant=48118573564064"
19746  >
19747    
19748
19749
19750
19751
19752
19753
19754  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-1 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
19755    <p>AFTER GLOW | Sunglasses for Wide Face | Wide Fit Frames</p>
19756  </div>
19757
19758
19759
19760
19761  </a>
19762
19763
19764
19765
19766
19767<product-price
19768  class="text-block text-block--align-left text-left h5 spacing-style"
19769  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-1"
19770  data-product-id="7386132545696"
19771  style="
19772    
19773--color: var(--color-foreground);
19774    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
19775    --width: 100%;
19776  "
19777  
19778>
19779  <div ref="priceContainer">
19780  
19781    
19782    
19783
19784    
19785      <span class="price">$190.00</span>
19786    
19787
19788    
19789  
19790</div>
19791
19792  
19793</product-price>
19794
19795
19796
19797
19798
19799
19800
19801</div>
19802</div>
19803
19804
19805
19806
19807
19808
19809<div
19810  class="
19811    group-block
19812    
19813    group-block--height-fit
19814    group-block--width-fill
19815    border-style
19816    spacing-style
19817    size-style
19818    
19819    
19820  "
19821  style="
19822    --border-width: 1px; --border-style: none; --border-color:
19823rgb(var(--color-border-rgb) / 1.0); --border-radius:
198240px; 
19825
19826    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
19827    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
19828    
19829  "
19830  
19831  data-testid="group-block"
19832><div class="group-block__media-wrapper">
19833    
19834
19835
19836
19837    
19838  </div>
19839
19840  <div
19841    class="
19842      group-block-content
19843      
19844      layout-panel-flex
19845      layout-panel-flex--column
19846       mobile-column
19847    "
19848    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
19849
19850--gap: 0px;
19851
19852--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
19853--vertical-alignment-mobile: flex-start;
19854"
19855  >
19856  
19857
19858
19859
19860
19861
19862
19863
19864</div>
19865</div>
19866
19867
19868
19869
19870
19871</div>
19872</div>
19873
19874
19875
19876
19877
19878
19879  </div>
19880</product-card></product-card-link>
19881
19882
19883
19884
19885          </li>
19886        
19887          <li
19888            id="template--28980150370464__main-11966656184480"
19889            class="product-grid__item product-grid__item--2"
19890            data-page="1"
19891            data-product-id="11966656184480"
19892            ref="cards[]"
19893          >
19894            
19895
19896
19897
19898<style data-shopify>
19899  
19900</style>
19901
19902
19903<product-card-link
19904    data-product-id="11966656184480"
19905    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/5EA645AF-444D-4F11-B3DC-DF1C8B38DF11.png?v=1767207630&width=500"
19906    data-product-transition="true"
19907    
19908  ><product-card
19909  class="product-card"
19910  data-product-id="11966656184480"
19911  id="product-card-ARkJhYk42RE5RUXhCT__product-card-2"
19912  data-product-transition="true"
19913  
19914  
19915>
19916  <a
19917    id="3f8747baeab8c7f2c1b33ae7279cf273"
19918    
19919      href="/products/monarch-blue-light?variant=48117700133024"
19920    
19921    class="product-card__link"
19922    ref="productCardLink"
19923  >
19924    <span class="visually-hidden">
19925      Archer Blue Light Wide Fit Glasses
19926    </span>
19927  </a>
19928  <div
19929    class="
19930      product-card__content
19931      layout-panel-flex
19932      layout-panel-flex--column
19933      product-grid__card
19934      spacing-style
19935      border-style
19936      gap-style
19937      
19938    "
19939    style="
19940      --border-width: 1px; --border-style: none; --border-color:
19941rgb(var(--color-border-rgb) / 1.0); --border-radius:
199420px; 
19943
19944      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
19945
19946
19947
19948--horizontal-alignment: ; --vertical-alignment: ;
19949--vertical-alignment-mobile: ;
19950
19951      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
19952      --product-card-gap: 8px;
19953      --quick-add-display: flex;
19954      --quick-add-mobile-display: flex;
19955      --quick-add-mobile-opacity: 1;
19956      
19957      
19958      
19959      
19960    "
19961  >
19962    
19963  
19964
19965
19966
19967
19968
19969<div
19970  ref="cardGallery"
19971  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-2 spacing-style border-style"
19972  style="
19973    --border-width: 1px; --border-style: none; --border-color:
19974rgb(var(--color-border-rgb) / 1.0); --border-radius:
199750px; 
19976
19977    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
19978    --gallery-aspect-ratio: 4 / 5;
19979  "
19980  data-product-id="11966656184480"
19981  
19982    on:pointerenter="/previewImage"
19983    on:pointerleave="/resetImage"
19984  
19985  
19986    data-view-transition-to-main-product
19987  
19988  data-image-ratio="portrait"
19989  
19990>
19991    <a
19992      class="contents"
19993      ref="cardGalleryLink"
19994      href="/products/monarch-blue-light?variant=48117700133024"
19995      aria-label="Archer Blue Light Wide Fit Glasses"
19996    >
19997      <slideshow-component
19998  
19999    ref="slideshow"
20000  
20001  
20002  style="--slideshow-timeline: --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
20003  
20004  initial-slide="0"
20005  
20006  
20007    infinite
20008  
20009
20010  data-generic-media-size="1"
20011>
20012  
20013  <slideshow-container ref="slideshowContainer">
20014    
20015    
20016    <slideshow-slides
20017      tabindex="-1"
20018      ref="scroller"
20019      
20020    >
20021      <slideshow-slide
20022  ref="slides[]"
20023  aria-hidden="false"
20024  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
20025  
20026    class="product-media-container media-fit product-media-container--image"
20027  
20028  variant-image
20029  
20030  
20031    slide-id="31639925227680"
20032  
20033  
20034  
20035  variant-image
20036>
20037  
20038
20039<div
20040  class="product-media"
20041  style="--ratio: 0.6666666666666666"
20042  data-media-id="31639925227680"
20043>
20044  
20045  <img src="//www.solkyst.ca/cdn/shop/files/5EA645AF-444D-4F11-B3DC-DF1C8B38DF11.png?v=1767207630&amp;width=3840" alt="Women&#39;s blue light glasses with clear lenses and a tort frame - front view." srcset="//www.solkyst.ca/cdn/shop/files/5EA645AF-444D-4F11-B3DC-DF1C8B38DF11.png?v=1767207630&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/5EA645AF-444D-4F11-B3DC-DF1C8B38DF11.png?v=1767207630&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/5EA645AF-444D-4F11-B3DC-DF1C8B38DF11.png?v=1767207630&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/5EA645AF-444D-4F11-B3DC-DF1C8B38DF11.png?v=1767207630&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/5EA645AF-444D-4F11-B3DC-DF1C8B38DF11.png?v=1767207630&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/5EA645AF-444D-4F11-B3DC-DF1C8B38DF11.png?v=1767207630&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/5EA645AF-444D-4F11-B3DC-DF1C8B38DF11.png?v=1767207630&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/5EA645AF-444D-4F11-B3DC-DF1C8B38DF11.png?v=1767207630&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/5EA645AF-444D-4F11-B3DC-DF1C8B38DF11.png?v=1767207630&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
20046
20047  
20048</div>
20049
20050
20051
20052</slideshow-slide>
20053<slideshow-slide
20054  ref="slides[]"
20055  aria-hidden="true"
20056  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
20057  
20058    class="product-media-container media-fit product-media-container--image"
20059  
20060  
20061  
20062  
20063    slide-id="69363639877792"
20064  
20065  
20066  
20067  
20068>
20069  
20070
20071<div
20072  class="product-media"
20073  style="--ratio: 0.8"
20074  data-media-id="69363639877792"
20075>
20076  
20077  <img src="//www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=3840" alt="Archer Blue Light Wide Fit Glasses" srcset="//www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
20078
20079  
20080</div>
20081
20082
20083
20084</slideshow-slide>
20085
20086    </slideshow-slides>
20087  </slideshow-container>
20088  
20089</slideshow-component>
20090
20091
20092
20093    </a>
20094  
20095  
20096    <div
20097      class="product-badges product-badges--top-left"
20098      style="
20099        --badge-border-radius: 0px;
20100        --badge-font-family: var(--font-body--family);
20100 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
20101      "
20102    ></div>
20103    
20104      
20105
20106<quick-add-component
20107  class="quick-add color-scheme-4 "
20108  ref="quickAdd"
20109  data-product-title="Archer Blue Light Wide Fit Glasses"
20110  data-quick-add-button="choose"
20111  data-product-options-count="1"
20112>
20113  <product-form-component
20114    data-section-id="template--28980150370464__main"
20115    data-product-id="11966656184480"
20116    on:submit="/handleSubmit"
20117    class="quick-add__product-form-component"
20118  >
20119    <div
20120      class="visually-hidden"
20121      aria-live="assertive"
20122      role="status"
20123      aria-atomic="true"
20124      ref="liveRegion"
20125    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11966656184480-AVkVHRmZuS1U2YVZuU__card-gallery-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
20126        type="hidden"
20127        name="id"
20128        ref="variantId"
20129        value="48117700133024"
20130        
20131      >
20132      <input
20133        type="hidden"
20134        name="quantity"
20135        value="1"
20136      >
20137      
20138      <add-to-cart-component
20139  ref="addToCartButtonContainer"
20140  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/5EA645AF-444D-4F11-B3DC-DF1C8B38DF11.png?v=1767207630&width=100"
20141  data-add-to-cart-animation="true"
20142>
20143  <button
20144    
20145    type="submit"
20146    name="add"
20147    ref="addToCartButton"
20148    on:click="/handleClick"
20149    class="button button quick-add__button quick-add__button--add add-to-cart-button"
20150    
20151    
20152  >
20153    <span
20154      class="add-to-cart-text"
20155    >
20156      
20157        <span
20158          aria-hidden="true"
20159          class="svg-wrapper add-to-cart-icon"
20160        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
20161</span>
20162      
20163      <span class="add-to-cart-text__content is-visually-hidden-mobile">
20164        <span>
20165          <span>Add</span>
20166        </span>
20167      </span>
20168    </span>
20169    
20170    <span class="add-to-cart__added">
20171      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
20172  <g class="check">
20173    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
20174    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
20175  </g>
20176  <g class="burst">
20177    <g style="--index: 0;">
20178      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20179    </g>
20180    <g style="--index: 1;">
20181      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20182    </g>
20183    <g style="--index: 2;">
20184      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20185    </g>
20186    <g style="--index: 3;">
20187      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20188    </g>
20189    <g style="--index: 4;">
20190      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20191    </g>
20192    <g style="--index: 5;">
20193      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20194    </g>
20195    <g style="--index: 6;">
20196      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20197    </g>
20198    <g style="--index: 7;">
20199      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20200    </g>
20201  </g>
20202</svg>
20203</span>
20204    </span>
20205  </button>
20206</add-to-cart-component>
20207
20208
20209
20210
20211      <button
20212        class="button quick-add__button quick-add__button--choose add-to-cart-button"
20213        
20214        type="button"
20215        name="add"
20216        on:click="quick-add-component/handleClick"
20217      >
20218        <span
20219          class="add-to-cart-text quick-add__button-content"
20220        >
20221          
20222          <span
20223            aria-hidden="true"
20224            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
20225          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
20226</span>
20227          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
20228            <span>
20229              
20230              <span>
20231                Choose
20232              </span>
20233            </span>
20234          </span>
20235        </span>
20236      </button><input type="hidden" name="product-id" value="11966656184480" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
20237</quick-add-component>
20238
20239
20240
20241    
20242  
20243
20244</div>
20245
20246
20247
20248
20249
20250<div class="product-grid-view-zoom-out--details">
20251  
20252    <h3 class="h4">Archer Blue Light Wide Fit Glasses</h3>
20253  
20254</div>
20255
20256
20257
20258
20259
20260
20261<div
20262  class="
20263    group-block
20264    
20265    group-block--height-fit
20266    group-block--width-fill
20267    border-style
20268    spacing-style
20269    size-style
20270    
20271    
20272  "
20273  style="
20274    --border-width: 1px; --border-style: none; --border-color:
20275rgb(var(--color-border-rgb) / 1.0); --border-radius:
202760px; 
20277
20278    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
20279    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
20280    
20281  "
20282  
20283  data-testid="group-block"
20284><div class="group-block__media-wrapper">
20285    
20286
20287
20288
20289    
20290  </div>
20291
20292  <div
20293    class="
20294      group-block-content
20295      
20296      layout-panel-flex
20297      layout-panel-flex--row
20298       mobile-column
20299    "
20300    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
20301
20302--gap: 12px;
20303
20304--horizontal-alignment: space-between; --vertical-alignment: flex-start;
20305--vertical-alignment-mobile: flex-start;
20306"
20307  >
20308  
20309
20310<div
20311  class="
20312    group-block
20313    
20314    group-block--height-fit
20315    group-block--width-fill
20316    border-style
20317    spacing-style
20318    size-style
20319    
20320    
20321  "
20322  style="
20323    --border-width: 1px; --border-style: none; --border-color:
20324rgb(var(--color-border-rgb) / 1.0); --border-radius:
203250px; 
20326
20327    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
20328    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
20329    
20330  "
20331  
20332  data-testid="group-block"
20333><div class="group-block__media-wrapper">
20334    
20335
20336
20337
20338    
20339  </div>
20340
20341  <div
20342    class="
20343      group-block-content
20344      
20345      layout-panel-flex
20346      layout-panel-flex--column
20347       mobile-column
20348    "
20349    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
20350
20351--gap: 0px;
20352
20353--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
20354--vertical-alignment-mobile: flex-start;
20355"
20356  >
20357  
20358  
20359  <a
20360    class="contents user-select-text"
20361    ref="productTitleLink"
20362    href="/products/monarch-blue-light?variant=48117700133024"
20363  >
20364    
20365
20366
20367
20368
20369
20370
20371  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-2 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
20372    <p>Archer Blue Light Wide Fit Glasses</p>
20373  </div>
20374
20375
20376
20377
20378  </a>
20379
20380
20381
20382
20383
20384<product-price
20385  class="text-block text-block--align-left text-left h5 spacing-style"
20386  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-2"
20387  data-product-id="11966656184480"
20388  style="
20389    
20390--color: var(--color-foreground);
20391    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
20392    --width: 100%;
20393  "
20394  
20395>
20396  <div ref="priceContainer">
20397  
20398    
20399    
20400
20401    
20402      <span class="price">$175.00</span>
20403    
20404
20405    
20406  
20407</div>
20408
20409  
20410</product-price>
20411
20412
20413
20414
20415
20416
20417
20418</div>
20419</div>
20420
20421
20422
20423
20424
20425
20426<div
20427  class="
20428    group-block
20429    
20430    group-block--height-fit
20431    group-block--width-fill
20432    border-style
20433    spacing-style
20434    size-style
20435    
20436    
20437  "
20438  style="
20439    --border-width: 1px; --border-style: none; --border-color:
20440rgb(var(--color-border-rgb) / 1.0); --border-radius:
204410px; 
20442
20443    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
20444    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
20445    
20446  "
20447  
20448  data-testid="group-block"
20449><div class="group-block__media-wrapper">
20450    
20451
20452
20453
20454    
20455  </div>
20456
20457  <div
20458    class="
20459      group-block-content
20460      
20461      layout-panel-flex
20462      layout-panel-flex--column
20463       mobile-column
20464    "
20465    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
20466
20467--gap: 0px;
20468
20469--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
20470--vertical-alignment-mobile: flex-start;
20471"
20472  >
20473  
20474
20475
20476
20477
20478
20479
20480
20481</div>
20482</div>
20483
20484
20485
20486
20487
20488</div>
20489</div>
20490
20491
20492
20493
20494
20495
20496  </div>
20497</product-card></product-card-link>
20498
20499
20500
20501
20502          </li>
20503        
20504          <li
20505            id="template--28980150370464__main-11967953240224"
20506            class="product-grid__item product-grid__item--3"
20507            data-page="1"
20508            data-product-id="11967953240224"
20509            ref="cards[]"
20510          >
20511            
20512
20513
20514
20515<style data-shopify>
20516  
20517</style>
20518
20519
20520<product-card-link
20521    data-product-id="11967953240224"
20522    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/IMG_0097_ce0ca871-dc1d-4c55-8cc7-0c1cab8d6382.jpg?v=1767843896&width=500"
20523    data-product-transition="true"
20524    
20525  ><product-card
20526  class="product-card"
20527  data-product-id="11967953240224"
20528  id="product-card-ARkJhYk42RE5RUXhCT__product-card-3"
20529  data-product-transition="true"
20530  
20531  
20532>
20533  <a
20534    id="d5bd3edbc54ea63470b6f712ae72ce78"
20535    
20536      href="/products/mella?variant=48119741513888"
20537    
20538    class="product-card__link"
20539    ref="productCardLink"
20540  >
20541    <span class="visually-hidden">
20542      AURA | Sunglasses for Wide Face | Wide Fit Frames
20543    </span>
20544  </a>
20545  <div
20546    class="
20547      product-card__content
20548      layout-panel-flex
20549      layout-panel-flex--column
20550      product-grid__card
20551      spacing-style
20552      border-style
20553      gap-style
20554      
20555    "
20556    style="
20557      --border-width: 1px; --border-style: none; --border-color:
20558rgb(var(--color-border-rgb) / 1.0); --border-radius:
205590px; 
20560
20561      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
20562
20563
20564
20565--horizontal-alignment: ; --vertical-alignment: ;
20566--vertical-alignment-mobile: ;
20567
20568      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
20569      --product-card-gap: 8px;
20570      --quick-add-display: flex;
20571      --quick-add-mobile-display: flex;
20572      --quick-add-mobile-opacity: 1;
20573      
20574      
20575      
20576      
20577    "
20578  >
20579    
20580  
20581
20582
20583
20584
20585
20586<div
20587  ref="cardGallery"
20588  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-3 spacing-style border-style"
20589  style="
20590    --border-width: 1px; --border-style: none; --border-color:
20591rgb(var(--color-border-rgb) / 1.0); --border-radius:
205920px; 
20593
20594    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
20595    --gallery-aspect-ratio: 4 / 5;
20596  "
20597  data-product-id="11967953240224"
20598  
20599    on:pointerenter="/previewImage"
20600    on:pointerleave="/resetImage"
20601  
20602  
20603    data-view-transition-to-main-product
20604  
20605  data-image-ratio="portrait"
20606  
20607>
20608    <a
20609      class="contents"
20610      ref="cardGalleryLink"
20611      href="/products/mella?variant=48119741513888"
20612      aria-label="AURA | Sunglasses for Wide Face | Wide Fit Frames"
20613    >
20614      <slideshow-component
20615  
20616    ref="slideshow"
20617  
20618  
20619  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11;--slide-min-height: auto;--slide-min-height-desktop: auto;"
20620  
20621  initial-slide="0"
20622  
20623  
20624    infinite
20625  
20626
20627  data-generic-media-size="9"
20628>
20629  
20630  <slideshow-container ref="slideshowContainer">
20631    
20632      <slideshow-arrows
20633  position="center"
20634  
20635><button
20636  class="
20637    slideshow-control slideshow-control--previous
20638    
20639    
20640    slideshow-control--style-arrow
20641    button button-unstyled button-unstyled--transparent
20642     flip-x
20643  "
20644  
20645  aria-label="Previous slide"
20646  
20647  on:click="/previous"
20648  ref="previous"
20649>
20650  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
20651</span>
20652</button>
20653<button
20654  class="
20655    slideshow-control slideshow-control--next
20656    
20657    
20658    slideshow-control--style-arrow
20659    button button-unstyled button-unstyled--transparent
20660    
20661  "
20662  
20663  aria-label="Next slide"
20664  
20665  on:click="/next"
20666  ref="next"
20667>
20668  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
20669</span>
20670</button>
20671</slideshow-arrows>
20672
20673    
20674    
20675    <slideshow-slides
20676      tabindex="-1"
20677      ref="scroller"
20678      
20679    >
20680      <slideshow-slide
20681  ref="slides[]"
20682  aria-hidden="false"
20683  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
20684  
20685    class="product-media-container media-fit product-media-container--image"
20686  
20687  variant-image
20688  
20689  
20690    slide-id="31771106050208"
20691  
20692  
20693  
20694  variant-image
20695>
20696  
20697
20698<div
20699  class="product-media"
20700  style="--ratio: 0.6666666666666666"
20701  data-media-id="31771106050208"
20702>
20703  
20704  <img src="//www.solkyst.ca/cdn/shop/files/Untitleddesign_1.png?v=1766802493&amp;width=3840" alt="Beige Sol Kyst women&#39;s cat eye sunglasses featuring light pink-tinted lenses, shown in a front view." srcset="//www.solkyst.ca/cdn/shop/files/Untitleddesign_1.png?v=1766802493&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_1.png?v=1766802493&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_1.png?v=1766802493&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_1.png?v=1766802493&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_1.png?v=1766802493&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_1.png?v=1766802493&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_1.png?v=1766802493&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_1.png?v=1766802493&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Untitleddesign_1.png?v=1766802493&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
20705
20706  
20707</div>
20708
20709
20710
20711</slideshow-slide>
20712<slideshow-slide
20713  ref="slides[]"
20714  aria-hidden="true"
20715  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
20716  
20717    class="product-media-container media-fit product-media-container--image"
20718  
20719  
20720  
20721  
20722    slide-id="38851001286816"
20723  
20724  
20725  
20726  
20727>
20728  
20729
20730<div
20731  class="product-media"
20732  style="--ratio: 0.6666666666666666"
20733  data-media-id="38851001286816"
20734>
20735  
20736  <img src="//www.solkyst.ca/cdn/shop/files/54E8A773-4B3D-484C-9DC1-851F30922879.jpg?v=1767215699&amp;width=3840" alt="AURA | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/54E8A773-4B3D-484C-9DC1-851F30922879.jpg?v=1767215699&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/54E8A773-4B3D-484C-9DC1-851F30922879.jpg?v=1767215699&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/54E8A773-4B3D-484C-9DC1-851F30922879.jpg?v=1767215699&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/54E8A773-4B3D-484C-9DC1-851F30922879.jpg?v=1767215699&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/54E8A773-4B3D-484C-9DC1-851F30922879.jpg?v=1767215699&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/54E8A773-4B3D-484C-9DC1-851F30922879.jpg?v=1767215699&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/54E8A773-4B3D-484C-9DC1-851F30922879.jpg?v=1767215699&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/54E8A773-4B3D-484C-9DC1-851F30922879.jpg?v=1767215699&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/54E8A773-4B3D-484C-9DC1-851F30922879.jpg?v=1767215699&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
20737
20738  
20739</div>
20740
20741
20742
20743</slideshow-slide>
20744<slideshow-slide
20745  ref="slides[]"
20746  aria-hidden="true"
20747  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
20748  
20749    class="product-media-container media-fit product-media-container--image"
20750  
20751  
20752  
20753  
20754    slide-id="38851001254048"
20755  
20756  
20757  
20758  
20759>
20760  
20761
20762<div
20763  class="product-media"
20764  style="--ratio: 0.6666666666666666"
20765  data-media-id="38851001254048"
20766>
20767  
20768  <img src="//www.solkyst.ca/cdn/shop/files/D7D08208-A719-4E9E-BDAD-99098B2E3F58.jpg?v=1767843861&amp;width=3840" alt="AURA | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/D7D08208-A719-4E9E-BDAD-99098B2E3F58.jpg?v=1767843861&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/D7D08208-A719-4E9E-BDAD-99098B2E3F58.jpg?v=1767843861&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/D7D08208-A719-4E9E-BDAD-99098B2E3F58.jpg?v=1767843861&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/D7D08208-A719-4E9E-BDAD-99098B2E3F58.jpg?v=1767843861&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/D7D08208-A719-4E9E-BDAD-99098B2E3F58.jpg?v=1767843861&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/D7D08208-A719-4E9E-BDAD-99098B2E3F58.jpg?v=1767843861&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/D7D08208-A719-4E9E-BDAD-99098B2E3F58.jpg?v=1767843861&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/D7D08208-A719-4E9E-BDAD-99098B2E3F58.jpg?v=1767843861&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/D7D08208-A719-4E9E-BDAD-99098B2E3F58.jpg?v=1767843861&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
20769
20770  
20771</div>
20772
20773
20774
20775</slideshow-slide>
20776<slideshow-slide
20777  ref="slides[]"
20778  aria-hidden="true"
20779  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
20780  
20781    class="product-media-container media-fit product-media-container--image"
20782  
20783  
20784  
20785  
20786    slide-id="38903320576160"
20787  
20788  
20789  
20790  
20791>
20792  
20793
20794<div
20795  class="product-media"
20796  style="--ratio: 0.799952595401754"
20797  data-media-id="38903320576160"
20798>
20799  
20800  <img src="//www.solkyst.ca/cdn/shop/files/3735EF06-F75D-4AEC-9460-4ED96B8BBD31.png?v=1767843896&amp;width=3840" alt="AURA | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/3735EF06-F75D-4AEC-9460-4ED96B8BBD31.png?v=1767843896&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/3735EF06-F75D-4AEC-9460-4ED96B8BBD31.png?v=1767843896&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/3735EF06-F75D-4AEC-9460-4ED96B8BBD31.png?v=1767843896&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/3735EF06-F75D-4AEC-9460-4ED96B8BBD31.png?v=1767843896&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/3735EF06-F75D-4AEC-9460-4ED96B8BBD31.png?v=1767843896&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/3735EF06-F75D-4AEC-9460-4ED96B8BBD31.png?v=1767843896&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/3735EF06-F75D-4AEC-9460-4ED96B8BBD31.png?v=1767843896&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/3735EF06-F75D-4AEC-9460-4ED96B8BBD31.png?v=1767843896&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/3735EF06-F75D-4AEC-9460-4ED96B8BBD31.png?v=1767843896&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
20801
20802  
20803</div>
20804
20805
20806
20807</slideshow-slide>
20808<slideshow-slide
20809  ref="slides[]"
20810  aria-hidden="true"
20811  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
20812  
20813    class="product-media-container media-fit product-media-container--image"
20814  
20815  
20816  
20817  
20818    slide-id="38903320674464"
20819  
20820  
20821  
20822  
20823>
20824  
20825
20826<div
20827  class="product-media"
20828  style="--ratio: 0.799952595401754"
20829  data-media-id="38903320674464"
20830>
20831  
20832  <img src="//www.solkyst.ca/cdn/shop/files/503F622F-8C54-4040-95F3-7A94D85892CD.png?v=1767843896&amp;width=3840" alt="AURA | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/503F622F-8C54-4040-95F3-7A94D85892CD.png?v=1767843896&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/503F622F-8C54-4040-95F3-7A94D85892CD.png?v=1767843896&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/503F622F-8C54-4040-95F3-7A94D85892CD.png?v=1767843896&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/503F622F-8C54-4040-95F3-7A94D85892CD.png?v=1767843896&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/503F622F-8C54-4040-95F3-7A94D85892CD.png?v=1767843896&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/503F622F-8C54-4040-95F3-7A94D85892CD.png?v=1767843896&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/503F622F-8C54-4040-95F3-7A94D85892CD.png?v=1767843896&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/503F622F-8C54-4040-95F3-7A94D85892CD.png?v=1767843896&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/503F622F-8C54-4040-95F3-7A94D85892CD.png?v=1767843896&amp;width=3840" fetchpriority="auto" style="--focal-point: 47.6746% 20.9875%;">
20833
20834  
20835</div>
20836
20837
20838
20839</slideshow-slide>
20840<slideshow-slide
20841  ref="slides[]"
20842  aria-hidden="true"
20843  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
20844  
20845    class="product-media-container media-fit product-media-container--image"
20846  
20847  variant-image
20848  
20849  
20850    slide-id="38023732756640"
20851  
20852  
20853    hidden
20854  
20855  
20856  variant-image
20857>
20858  
20859
20860<div
20861  class="product-media"
20862  style="--ratio: 0.8"
20863  data-media-id="38023732756640"
20864>
20865  
20866  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0097_ce0ca871-dc1d-4c55-8cc7-0c1cab8d6382.jpg?v=1767843896&amp;width=3840" alt="AURA | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0097_ce0ca871-dc1d-4c55-8cc7-0c1cab8d6382.jpg?v=1767843896&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0097_ce0ca871-dc1d-4c55-8cc7-0c1cab8d6382.jpg?v=1767843896&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0097_ce0ca871-dc1d-4c55-8cc7-0c1cab8d6382.jpg?v=1767843896&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0097_ce0ca871-dc1d-4c55-8cc7-0c1cab8d6382.jpg?v=1767843896&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0097_ce0ca871-dc1d-4c55-8cc7-0c1cab8d6382.jpg?v=1767843896&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0097_ce0ca871-dc1d-4c55-8cc7-0c1cab8d6382.jpg?v=1767843896&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0097_ce0ca871-dc1d-4c55-8cc7-0c1cab8d6382.jpg?v=1767843896&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0097_ce0ca871-dc1d-4c55-8cc7-0c1cab8d6382.jpg?v=1767843896&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0097_ce0ca871-dc1d-4c55-8cc7-0c1cab8d6382.jpg?v=1767843896&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
20867
20868  
20869</div>
20870
20871
20872
20873</slideshow-slide>
20874
20875    </slideshow-slides>
20876  </slideshow-container>
20877  
20878</slideshow-component>
20879
20880
20881
20882    </a>
20883  
20884  
20885    <div
20886      class="product-badges product-badges--top-left"
20887      style="
20888        --badge-border-radius: 0px;
20889        --badge-font-family: var(--font-body--family);
20889 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
20890      "
20891    ></div>
20892    
20893      
20894
20895<quick-add-component
20896  class="quick-add color-scheme-4 "
20897  ref="quickAdd"
20898  data-product-title="AURA | Sunglasses for Wide Face | Wide Fit Frames"
20899  data-quick-add-button="choose"
20900  data-product-options-count="1"
20901>
20902  <product-form-component
20903    data-section-id="template--28980150370464__main"
20904    data-product-id="11967953240224"
20905    on:submit="/handleSubmit"
20906    class="quick-add__product-form-component"
20907  >
20908    <div
20909      class="visually-hidden"
20910      aria-live="assertive"
20911      role="status"
20912      aria-atomic="true"
20913      ref="liveRegion"
20914    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11967953240224-AVkVHRmZuS1U2YVZuU__card-gallery-3" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
20915        type="hidden"
20916        name="id"
20917        ref="variantId"
20918        value="48119741513888"
20919        
20920      >
20921      <input
20922        type="hidden"
20923        name="quantity"
20924        value="1"
20925      >
20926      
20927      <add-to-cart-component
20928  ref="addToCartButtonContainer"
20929  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/IMG_0097_ce0ca871-dc1d-4c55-8cc7-0c1cab8d6382.jpg?v=1767843896&width=100"
20930  data-add-to-cart-animation="true"
20931>
20932  <button
20933    
20934    type="submit"
20935    name="add"
20936    ref="addToCartButton"
20937    on:click="/handleClick"
20938    class="button button quick-add__button quick-add__button--add add-to-cart-button"
20939    
20940    
20941  >
20942    <span
20943      class="add-to-cart-text"
20944    >
20945      
20946        <span
20947          aria-hidden="true"
20948          class="svg-wrapper add-to-cart-icon"
20949        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
20950</span>
20951      
20952      <span class="add-to-cart-text__content is-visually-hidden-mobile">
20953        <span>
20954          <span>Add</span>
20955        </span>
20956      </span>
20957    </span>
20958    
20959    <span class="add-to-cart__added">
20960      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
20961  <g class="check">
20962    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
20963    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
20964  </g>
20965  <g class="burst">
20966    <g style="--index: 0;">
20967      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20968    </g>
20969    <g style="--index: 1;">
20970      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20971    </g>
20972    <g style="--index: 2;">
20973      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20974    </g>
20975    <g style="--index: 3;">
20976      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20977    </g>
20978    <g style="--index: 4;">
20979      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20980    </g>
20981    <g style="--index: 5;">
20982      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20983    </g>
20984    <g style="--index: 6;">
20985      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20986    </g>
20987    <g style="--index: 7;">
20988      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
20989    </g>
20990  </g>
20991</svg>
20992</span>
20993    </span>
20994  </button>
20995</add-to-cart-component>
20996
20997
20998
20999
21000      <button
21001        class="button quick-add__button quick-add__button--choose add-to-cart-button"
21002        
21003        type="button"
21004        name="add"
21005        on:click="quick-add-component/handleClick"
21006      >
21007        <span
21008          class="add-to-cart-text quick-add__button-content"
21009        >
21010          
21011          <span
21012            aria-hidden="true"
21013            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
21014          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
21015</span>
21016          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
21017            <span>
21018              
21019              <span>
21020                Choose
21021              </span>
21022            </span>
21023          </span>
21024        </span>
21025      </button><input type="hidden" name="product-id" value="11967953240224" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
21026</quick-add-component>
21027
21028
21029
21030    
21031  
21032
21033</div>
21034
21035
21036
21037
21038
21039<div class="product-grid-view-zoom-out--details">
21040  
21041    <h3 class="h4">AURA | Sunglasses for Wide Face | Wide Fit Frames</h3>
21042  
21043</div>
21044
21045
21046
21047
21048
21049
21050<div
21051  class="
21052    group-block
21053    
21054    group-block--height-fit
21055    group-block--width-fill
21056    border-style
21057    spacing-style
21058    size-style
21059    
21060    
21061  "
21062  style="
21063    --border-width: 1px; --border-style: none; --border-color:
21064rgb(var(--color-border-rgb) / 1.0); --border-radius:
210650px; 
21066
21067    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
21068    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
21069    
21070  "
21071  
21072  data-testid="group-block"
21073><div class="group-block__media-wrapper">
21074    
21075
21076
21077
21078    
21079  </div>
21080
21081  <div
21082    class="
21083      group-block-content
21084      
21085      layout-panel-flex
21086      layout-panel-flex--row
21087       mobile-column
21088    "
21089    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
21090
21091--gap: 12px;
21092
21093--horizontal-alignment: space-between; --vertical-alignment: flex-start;
21094--vertical-alignment-mobile: flex-start;
21095"
21096  >
21097  
21098
21099<div
21100  class="
21101    group-block
21102    
21103    group-block--height-fit
21104    group-block--width-fill
21105    border-style
21106    spacing-style
21107    size-style
21108    
21109    
21110  "
21111  style="
21112    --border-width: 1px; --border-style: none; --border-color:
21113rgb(var(--color-border-rgb) / 1.0); --border-radius:
211140px; 
21115
21116    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
21117    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
21118    
21119  "
21120  
21121  data-testid="group-block"
21122><div class="group-block__media-wrapper">
21123    
21124
21125
21126
21127    
21128  </div>
21129
21130  <div
21131    class="
21132      group-block-content
21133      
21134      layout-panel-flex
21135      layout-panel-flex--column
21136       mobile-column
21137    "
21138    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
21139
21140--gap: 0px;
21141
21142--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
21143--vertical-alignment-mobile: flex-start;
21144"
21145  >
21146  
21147  
21148  <a
21149    class="contents user-select-text"
21150    ref="productTitleLink"
21151    href="/products/mella?variant=48119741513888"
21152  >
21153    
21154
21155
21156
21157
21158
21159
21160  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-3 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
21161    <p>AURA | Sunglasses for Wide Face | Wide Fit Frames</p>
21162  </div>
21163
21164
21165
21166
21167  </a>
21168
21169
21170
21171
21172
21173<product-price
21174  class="text-block text-block--align-left text-left h5 spacing-style"
21175  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-3"
21176  data-product-id="11967953240224"
21177  style="
21178    
21179--color: var(--color-foreground);
21180    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
21181    --width: 100%;
21182  "
21183  
21184>
21185  <div ref="priceContainer">
21186  
21187    
21188    
21189
21190    
21191      <span class="price">$180.00</span>
21192    
21193
21194    
21195  
21196</div>
21197
21198  
21199</product-price>
21200
21201
21202
21203
21204
21205
21206
21207</div>
21208</div>
21209
21210
21211
21212
21213
21214
21215<div
21216  class="
21217    group-block
21218    
21219    group-block--height-fit
21220    group-block--width-fill
21221    border-style
21222    spacing-style
21223    size-style
21224    
21225    
21226  "
21227  style="
21228    --border-width: 1px; --border-style: none; --border-color:
21229rgb(var(--color-border-rgb) / 1.0); --border-radius:
212300px; 
21231
21232    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
21233    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
21234    
21235  "
21236  
21237  data-testid="group-block"
21238><div class="group-block__media-wrapper">
21239    
21240
21241
21242
21243    
21244  </div>
21245
21246  <div
21247    class="
21248      group-block-content
21249      
21250      layout-panel-flex
21251      layout-panel-flex--column
21252       mobile-column
21253    "
21254    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
21255
21256--gap: 0px;
21257
21258--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
21259--vertical-alignment-mobile: flex-start;
21260"
21261  >
21262  
21263
21264
21265
21266
21267
21268
21269
21270</div>
21271</div>
21272
21273
21274
21275
21276
21277</div>
21278</div>
21279
21280
21281
21282
21283
21284
21285  </div>
21286</product-card></product-card-link>
21287
21288
21289
21290
21291          </li>
21292        
21293          <li
21294            id="template--28980150370464__main-15694895251616"
21295            class="product-grid__item product-grid__item--4"
21296            data-page="1"
21297            data-product-id="15694895251616"
21298            ref="cards[]"
21299          >
21300            
21301
21302
21303
21304<style data-shopify>
21305  
21306</style>
21307
21308
21309<product-card-link
21310    data-product-id="15694895251616"
21311    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_36PM.png?v=1782259993&width=500"
21312    data-product-transition="true"
21313    
21314  ><product-card
21315  class="product-card"
21316  data-product-id="15694895251616"
21317  id="product-card-ARkJhYk42RE5RUXhCT__product-card-4"
21318  data-product-transition="true"
21319  
21320  
21321>
21322  <a
21323    id="65c23cd141be4cf248de5b91c6196adc"
21324    
21325      href="/products/azure-sunglasses-for-wide-face-wide-fit-frames?variant=57034355441824"
21326    
21327    class="product-card__link"
21328    ref="productCardLink"
21329  >
21330    <span class="visually-hidden">
21331      AZURE | Sunglasses for Wide Face | Wide Fit Frames
21332    </span>
21333  </a>
21334  <div
21335    class="
21336      product-card__content
21337      layout-panel-flex
21338      layout-panel-flex--column
21339      product-grid__card
21340      spacing-style
21341      border-style
21342      gap-style
21343      
21344    "
21345    style="
21346      --border-width: 1px; --border-style: none; --border-color:
21347rgb(var(--color-border-rgb) / 1.0); --border-radius:
213480px; 
21349
21350      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
21351
21352
21353
21354--horizontal-alignment: ; --vertical-alignment: ;
21355--vertical-alignment-mobile: ;
21356
21357      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
21358      --product-card-gap: 8px;
21359      --quick-add-display: flex;
21360      --quick-add-mobile-display: flex;
21361      --quick-add-mobile-opacity: 1;
21362      
21363      
21364      
21365      
21366    "
21367  >
21368    
21369  
21370
21371
21372
21373
21374
21375<div
21376  ref="cardGallery"
21377  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-4 spacing-style border-style"
21378  style="
21379    --border-width: 1px; --border-style: none; --border-color:
21380rgb(var(--color-border-rgb) / 1.0); --border-radius:
213810px; 
21382
21383    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
21384    --gallery-aspect-ratio: 4 / 5;
21385  "
21386  data-product-id="15694895251616"
21387  
21388    on:pointerenter="/previewImage"
21389    on:pointerleave="/resetImage"
21390  
21391  
21392    data-view-transition-to-main-product
21393  
21394  data-image-ratio="portrait"
21395  
21396>
21397    <a
21398      class="contents"
21399      ref="cardGalleryLink"
21400      href="/products/azure-sunglasses-for-wide-face-wide-fit-frames?variant=57034355441824"
21401      aria-label="AZURE | Sunglasses for Wide Face | Wide Fit Frames"
21402    >
21403      <slideshow-component
21404  
21405    ref="slideshow"
21406  
21407  
21408  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8;--slide-min-height: auto;--slide-min-height-desktop: auto;"
21409  
21410  initial-slide="0"
21411  
21412  
21413    infinite
21414  
21415
21416  data-generic-media-size="8"
21417>
21418  
21419  <slideshow-container ref="slideshowContainer">
21420    
21421      <slideshow-arrows
21422  position="center"
21423  
21424><button
21425  class="
21426    slideshow-control slideshow-control--previous
21427    
21428    
21429    slideshow-control--style-arrow
21430    button button-unstyled button-unstyled--transparent
21431     flip-x
21432  "
21433  
21434  aria-label="Previous slide"
21435  
21436  on:click="/previous"
21437  ref="previous"
21438>
21439  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
21440</span>
21441</button>
21442<button
21443  class="
21444    slideshow-control slideshow-control--next
21445    
21446    
21447    slideshow-control--style-arrow
21448    button button-unstyled button-unstyled--transparent
21449    
21450  "
21451  
21452  aria-label="Next slide"
21453  
21454  on:click="/next"
21455  ref="next"
21456>
21457  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
21458</span>
21459</button>
21460</slideshow-arrows>
21461
21462    
21463    
21464    <slideshow-slides
21465      tabindex="-1"
21466      ref="scroller"
21467      
21468    >
21469      <slideshow-slide
21470  ref="slides[]"
21471  aria-hidden="false"
21472  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
21473  
21474    class="product-media-container media-fit product-media-container--image"
21475  
21476  
21477  
21478  
21479    slide-id="69332107690144"
21480  
21481  
21482  
21483  
21484>
21485  
21486
21487<div
21488  class="product-media"
21489  style="--ratio: 0.6666666666666666"
21490  data-media-id="69332107690144"
21491>
21492  
21493  <img src="//www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_36PM.png?v=1782259993&amp;width=3840" alt="AZURE | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_36PM.png?v=1782259993&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_36PM.png?v=1782259993&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_36PM.png?v=1782259993&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_36PM.png?v=1782259993&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_36PM.png?v=1782259993&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_36PM.png?v=1782259993&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_36PM.png?v=1782259993&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_36PM.png?v=1782259993&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_36PM.png?v=1782259993&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
21494
21495  
21496</div>
21497
21498
21499
21500</slideshow-slide>
21501<slideshow-slide
21502  ref="slides[]"
21503  aria-hidden="true"
21504  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
21505  
21506    class="product-media-container media-fit product-media-container--image"
21507  
21508  
21509  
21510  
21511    slide-id="69338950008992"
21512  
21513  
21514  
21515  
21516>
21517  
21518
21519<div
21520  class="product-media"
21521  style="--ratio: 0.8001334668001334"
21522  data-media-id="69338950008992"
21523>
21524  
21525  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0252_f273aef3-5f91-40f4-bca3-79cba70d1f7d.jpg?v=1779287937&amp;width=3840" alt="AZURE | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0252_f273aef3-5f91-40f4-bca3-79cba70d1f7d.jpg?v=1779287937&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0252_f273aef3-5f91-40f4-bca3-79cba70d1f7d.jpg?v=1779287937&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0252_f273aef3-5f91-40f4-bca3-79cba70d1f7d.jpg?v=1779287937&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0252_f273aef3-5f91-40f4-bca3-79cba70d1f7d.jpg?v=1779287937&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0252_f273aef3-5f91-40f4-bca3-79cba70d1f7d.jpg?v=1779287937&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0252_f273aef3-5f91-40f4-bca3-79cba70d1f7d.jpg?v=1779287937&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0252_f273aef3-5f91-40f4-bca3-79cba70d1f7d.jpg?v=1779287937&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0252_f273aef3-5f91-40f4-bca3-79cba70d1f7d.jpg?v=1779287937&amp;width=3840 3840w" width="3840" height="4799" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0252_f273aef3-5f91-40f4-bca3-79cba70d1f7d.jpg?v=1779287937&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
21526
21527  
21528</div>
21529
21530
21531
21532</slideshow-slide>
21533<slideshow-slide
21534  ref="slides[]"
21535  aria-hidden="true"
21536  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
21537  
21538    class="product-media-container media-fit product-media-container--image"
21539  
21540  
21541  
21542  
21543    slide-id="69338950172832"
21544  
21545  
21546  
21547  
21548>
21549  
21550
21551<div
21552  class="product-media"
21553  style="--ratio: 0.8000642880102861"
21554  data-media-id="69338950172832"
21555>
21556  
21557  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0246.jpg?v=1779287937&amp;width=3840" alt="AZURE | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0246.jpg?v=1779287937&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0246.jpg?v=1779287937&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0246.jpg?v=1779287937&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0246.jpg?v=1779287937&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0246.jpg?v=1779287937&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0246.jpg?v=1779287937&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0246.jpg?v=1779287937&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0246.jpg?v=1779287937&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0246.jpg?v=1779287937&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
21558
21559  
21560</div>
21561
21562
21563
21564</slideshow-slide>
21565<slideshow-slide
21566  ref="slides[]"
21567  aria-hidden="true"
21568  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
21569  
21570    class="product-media-container media-fit product-media-container--image"
21571  
21572  
21573  
21574  
21575    slide-id="69338950598816"
21576  
21577  
21578  
21579  
21580>
21581  
21582
21583<div
21584  class="product-media"
21585  style="--ratio: 0.8"
21586  data-media-id="69338950598816"
21587>
21588  
21589  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0263.jpg?v=1779287937&amp;width=3840" alt="AZURE | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0263.jpg?v=1779287937&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0263.jpg?v=1779287937&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0263.jpg?v=1779287937&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0263.jpg?v=1779287937&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0263.jpg?v=1779287937&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0263.jpg?v=1779287937&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0263.jpg?v=1779287937&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0263.jpg?v=1779287937&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0263.jpg?v=1779287937&amp;width=3840" fetchpriority="auto" style="--focal-point: 42.1169% 22.0767%;">
21590
21591  
21592</div>
21593
21594
21595
21596</slideshow-slide>
21597<slideshow-slide
21598  ref="slides[]"
21599  aria-hidden="true"
21600  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
21601  
21602    class="product-media-container media-fit product-media-container--image"
21603  
21604  
21605  
21606  
21607    slide-id="69338950336672"
21608  
21609  
21610  
21611  
21612>
21613  
21614
21615<div
21616  class="product-media"
21617  style="--ratio: 0.7999390057944495"
21618  data-media-id="69338950336672"
21619>
21620  
21621  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0257_083daed0-6729-4365-a6ca-f9d82bcf2e12.jpg?v=1779287937&amp;width=3840" alt="AZURE | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0257_083daed0-6729-4365-a6ca-f9d82bcf2e12.jpg?v=1779287937&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0257_083daed0-6729-4365-a6ca-f9d82bcf2e12.jpg?v=1779287937&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0257_083daed0-6729-4365-a6ca-f9d82bcf2e12.jpg?v=1779287937&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0257_083daed0-6729-4365-a6ca-f9d82bcf2e12.jpg?v=1779287937&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0257_083daed0-6729-4365-a6ca-f9d82bcf2e12.jpg?v=1779287937&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0257_083daed0-6729-4365-a6ca-f9d82bcf2e12.jpg?v=1779287937&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0257_083daed0-6729-4365-a6ca-f9d82bcf2e12.jpg?v=1779287937&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0257_083daed0-6729-4365-a6ca-f9d82bcf2e12.jpg?v=1779287937&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0257_083daed0-6729-4365-a6ca-f9d82bcf2e12.jpg?v=1779287937&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
21622
21623  
21624</div>
21625
21626
21627
21628</slideshow-slide>
21629
21630    </slideshow-slides>
21631  </slideshow-container>
21632  
21633</slideshow-component>
21634
21635
21636
21637    </a>
21638  
21639  
21640    <div
21641      class="product-badges product-badges--top-left"
21642      style="
21643        --badge-border-radius: 0px;
21644        --badge-font-family: var(--font-body--family);
21644 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
21645      "
21646    ></div>
21647    
21648      
21649
21650<quick-add-component
21651  class="quick-add color-scheme-4 "
21652  ref="quickAdd"
21653  data-product-title="AZURE | Sunglasses for Wide Face | Wide Fit Frames"
21654  data-quick-add-button="choose"
21655  data-product-options-count="1"
21656>
21657  <product-form-component
21658    data-section-id="template--28980150370464__main"
21659    data-product-id="15694895251616"
21660    on:submit="/handleSubmit"
21661    class="quick-add__product-form-component"
21662  >
21663    <div
21664      class="visually-hidden"
21665      aria-live="assertive"
21666      role="status"
21667      aria-atomic="true"
21668      ref="liveRegion"
21669    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15694895251616-AVkVHRmZuS1U2YVZuU__card-gallery-4" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
21670        type="hidden"
21671        name="id"
21672        ref="variantId"
21673        value="57034355441824"
21674        
21675      >
21676      <input
21677        type="hidden"
21678        name="quantity"
21679        value="1"
21680      >
21681      
21682      <add-to-cart-component
21683  ref="addToCartButtonContainer"
21684  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_36PM.png?v=1782259993&width=100"
21685  data-add-to-cart-animation="true"
21686>
21687  <button
21688    
21689    type="submit"
21690    name="add"
21691    ref="addToCartButton"
21692    on:click="/handleClick"
21693    class="button button quick-add__button quick-add__button--add add-to-cart-button"
21694    
21695    
21696  >
21697    <span
21698      class="add-to-cart-text"
21699    >
21700      
21701        <span
21702          aria-hidden="true"
21703          class="svg-wrapper add-to-cart-icon"
21704        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
21705</span>
21706      
21707      <span class="add-to-cart-text__content is-visually-hidden-mobile">
21708        <span>
21709          <span>Add</span>
21710        </span>
21711      </span>
21712    </span>
21713    
21714    <span class="add-to-cart__added">
21715      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
21716  <g class="check">
21717    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
21718    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
21719  </g>
21720  <g class="burst">
21721    <g style="--index: 0;">
21722      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21723    </g>
21724    <g style="--index: 1;">
21725      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21726    </g>
21727    <g style="--index: 2;">
21728      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21729    </g>
21730    <g style="--index: 3;">
21731      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21732    </g>
21733    <g style="--index: 4;">
21734      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21735    </g>
21736    <g style="--index: 5;">
21737      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21738    </g>
21739    <g style="--index: 6;">
21740      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21741    </g>
21742    <g style="--index: 7;">
21743      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
21744    </g>
21745  </g>
21746</svg>
21747</span>
21748    </span>
21749  </button>
21750</add-to-cart-component>
21751
21752
21753
21754
21755      <button
21756        class="button quick-add__button quick-add__button--choose add-to-cart-button"
21757        
21758        type="button"
21759        name="add"
21760        on:click="quick-add-component/handleClick"
21761      >
21762        <span
21763          class="add-to-cart-text quick-add__button-content"
21764        >
21765          
21766          <span
21767            aria-hidden="true"
21768            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
21769          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
21770</span>
21771          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
21772            <span>
21773              
21774              <span>
21775                Choose
21776              </span>
21777            </span>
21778          </span>
21779        </span>
21780      </button><input type="hidden" name="product-id" value="15694895251616" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
21781</quick-add-component>
21782
21783
21784
21785    
21786  
21787
21788</div>
21789
21790
21791
21792
21793
21794<div class="product-grid-view-zoom-out--details">
21795  
21796    <h3 class="h4">AZURE | Sunglasses for Wide Face | Wide Fit Frames</h3>
21797  
21798</div>
21799
21800
21801
21802
21803
21804
21805<div
21806  class="
21807    group-block
21808    
21809    group-block--height-fit
21810    group-block--width-fill
21811    border-style
21812    spacing-style
21813    size-style
21814    
21815    
21816  "
21817  style="
21818    --border-width: 1px; --border-style: none; --border-color:
21819rgb(var(--color-border-rgb) / 1.0); --border-radius:
218200px; 
21821
21822    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
21823    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
21824    
21825  "
21826  
21827  data-testid="group-block"
21828><div class="group-block__media-wrapper">
21829    
21830
21831
21832
21833    
21834  </div>
21835
21836  <div
21837    class="
21838      group-block-content
21839      
21840      layout-panel-flex
21841      layout-panel-flex--row
21842       mobile-column
21843    "
21844    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
21845
21846--gap: 12px;
21847
21848--horizontal-alignment: space-between; --vertical-alignment: flex-start;
21849--vertical-alignment-mobile: flex-start;
21850"
21851  >
21852  
21853
21854<div
21855  class="
21856    group-block
21857    
21858    group-block--height-fit
21859    group-block--width-fill
21860    border-style
21861    spacing-style
21862    size-style
21863    
21864    
21865  "
21866  style="
21867    --border-width: 1px; --border-style: none; --border-color:
21868rgb(var(--color-border-rgb) / 1.0); --border-radius:
218690px; 
21870
21871    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
21872    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
21873    
21874  "
21875  
21876  data-testid="group-block"
21877><div class="group-block__media-wrapper">
21878    
21879
21880
21881
21882    
21883  </div>
21884
21885  <div
21886    class="
21887      group-block-content
21888      
21889      layout-panel-flex
21890      layout-panel-flex--column
21891       mobile-column
21892    "
21893    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
21894
21895--gap: 0px;
21896
21897--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
21898--vertical-alignment-mobile: flex-start;
21899"
21900  >
21901  
21902  
21903  <a
21904    class="contents user-select-text"
21905    ref="productTitleLink"
21906    href="/products/azure-sunglasses-for-wide-face-wide-fit-frames?variant=57034355441824"
21907  >
21908    
21909
21910
21911
21912
21913
21914
21915  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-4 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
21916    <p>AZURE | Sunglasses for Wide Face | Wide Fit Frames</p>
21917  </div>
21918
21919
21920
21921
21922  </a>
21923
21924
21925
21926
21927
21928<product-price
21929  class="text-block text-block--align-left text-left h5 spacing-style"
21930  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-4"
21931  data-product-id="15694895251616"
21932  style="
21933    
21934--color: var(--color-foreground);
21935    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
21936    --width: 100%;
21937  "
21938  
21939>
21940  <div ref="priceContainer">
21941  
21942    
21943    
21944
21945    
21946      <span class="price">$190.00</span>
21947    
21948
21949    
21950  
21951</div>
21952
21953  
21954</product-price>
21955
21956
21957
21958
21959
21960
21961
21962</div>
21963</div>
21964
21965
21966
21967
21968
21969
21970<div
21971  class="
21972    group-block
21973    
21974    group-block--height-fit
21975    group-block--width-fill
21976    border-style
21977    spacing-style
21978    size-style
21979    
21980    
21981  "
21982  style="
21983    --border-width: 1px; --border-style: none; --border-color:
21984rgb(var(--color-border-rgb) / 1.0); --border-radius:
219850px; 
21986
21987    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
21988    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
21989    
21990  "
21991  
21992  data-testid="group-block"
21993><div class="group-block__media-wrapper">
21994    
21995
21996
21997
21998    
21999  </div>
22000
22001  <div
22002    class="
22003      group-block-content
22004      
22005      layout-panel-flex
22006      layout-panel-flex--column
22007       mobile-column
22008    "
22009    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
22010
22011--gap: 0px;
22012
22013--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
22014--vertical-alignment-mobile: flex-start;
22015"
22016  >
22017  
22018
22019
22020
22021
22022
22023
22024
22025</div>
22026</div>
22027
22028
22029
22030
22031
22032</div>
22033</div>
22034
22035
22036
22037
22038
22039
22040  </div>
22041</product-card></product-card-link>
22042
22043
22044
22045
22046          </li>
22047        
22048          <li
22049            id="template--28980150370464__main-13888083296416"
22050            class="product-grid__item product-grid__item--5"
22051            data-page="1"
22052            data-product-id="13888083296416"
22053            ref="cards[]"
22054          >
22055            
22056
22057
22058
22059<style data-shopify>
22060  
22061</style>
22062
22063
22064<product-card-link
22065    data-product-id="13888083296416"
22066    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/lifts_the_face.zip_-_5.png?v=1727467712&width=500"
22067    data-product-transition="true"
22068    
22069  ><product-card
22070  class="product-card"
22071  data-product-id="13888083296416"
22072  id="product-card-ARkJhYk42RE5RUXhCT__product-card-5"
22073  data-product-transition="true"
22074  
22075  
22076>
22077  <a
22078    id="a91efc6073176602828ed10fecafb084"
22079    
22080      href="/products/free-tote-bag?variant=50639567356064"
22081    
22082    class="product-card__link"
22083    ref="productCardLink"
22084  >
22085    <span class="visually-hidden">
22086      Baby Bear Tote Bag
22087    </span>
22088  </a>
22089  <div
22090    class="
22091      product-card__content
22092      layout-panel-flex
22093      layout-panel-flex--column
22094      product-grid__card
22095      spacing-style
22096      border-style
22097      gap-style
22098      
22099    "
22100    style="
22101      --border-width: 1px; --border-style: none; --border-color:
22102rgb(var(--color-border-rgb) / 1.0); --border-radius:
221030px; 
22104
22105      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
22106
22107
22108
22109--horizontal-alignment: ; --vertical-alignment: ;
22110--vertical-alignment-mobile: ;
22111
22112      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
22113      --product-card-gap: 8px;
22114      --quick-add-display: flex;
22115      --quick-add-mobile-display: flex;
22116      --quick-add-mobile-opacity: 1;
22117      
22118      
22119      
22120      
22121    "
22122  >
22123    
22124  
22125
22126
22127
22128
22129
22130<div
22131  ref="cardGallery"
22132  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-5 spacing-style border-style"
22133  style="
22134    --border-width: 1px; --border-style: none; --border-color:
22135rgb(var(--color-border-rgb) / 1.0); --border-radius:
221360px; 
22137
22138    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
22139    --gallery-aspect-ratio: 4 / 5;
22140  "
22141  data-product-id="13888083296416"
22142  
22143    on:pointerenter="/previewImage"
22144    on:pointerleave="/resetImage"
22145  
22146  
22147    data-view-transition-to-main-product
22148  
22149  data-image-ratio="portrait"
22150  
22151>
22152    <a
22153      class="contents"
22154      ref="cardGalleryLink"
22155      href="/products/free-tote-bag?variant=50639567356064"
22156      aria-label="Baby Bear Tote Bag"
22157    >
22158      <slideshow-component
22159  
22160    ref="slideshow"
22161  
22162  
22163  style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
22164  
22165  initial-slide="0"
22166  
22167  
22168    infinite
22169  
22170
22171  data-generic-media-size="1"
22172>
22173  
22174  <slideshow-container ref="slideshowContainer">
22175    
22176    
22177    <slideshow-slides
22178      tabindex="-1"
22179      ref="scroller"
22180      
22181    >
22182      <slideshow-slide
22183  ref="slides[]"
22184  aria-hidden="false"
22185  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
22186  
22187    class="product-media-container media-fit product-media-container--image"
22188  
22189  
22190  
22191  
22192    slide-id="36298864591008"
22193  
22194  
22195  
22196  
22197>
22198  
22199
22200<div
22201  class="product-media"
22202  style="--ratio: 1.0"
22203  data-media-id="36298864591008"
22204>
22205  
22206  <img src="//www.solkyst.ca/cdn/shop/files/lifts_the_face.zip_-_5.png?v=1727467712&amp;width=3840" alt="Baby Bear Tote Bag" srcset="//www.solkyst.ca/cdn/shop/files/lifts_the_face.zip_-_5.png?v=1727467712&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/lifts_the_face.zip_-_5.png?v=1727467712&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/lifts_the_face.zip_-_5.png?v=1727467712&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/lifts_the_face.zip_-_5.png?v=1727467712&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/lifts_the_face.zip_-_5.png?v=1727467712&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/lifts_the_face.zip_-_5.png?v=1727467712&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/lifts_the_face.zip_-_5.png?v=1727467712&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/lifts_the_face.zip_-_5.png?v=1727467712&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/lifts_the_face.zip_-_5.png?v=1727467712&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
22207
22208  
22209</div>
22210
22211
22212
22213</slideshow-slide>
22214
22215    </slideshow-slides>
22216  </slideshow-container>
22217  
22218</slideshow-component>
22219
22220
22221
22222    </a>
22223  
22224  
22225    <div
22226      class="product-badges product-badges--top-left"
22227      style="
22228        --badge-border-radius: 0px;
22229        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
22230      "
22231    ></div>
22232    
22233      
22234
22235<quick-add-component
22236  class="quick-add color-scheme-4 "
22237  ref="quickAdd"
22238  data-product-title="Baby Bear Tote Bag"
22239  data-quick-add-button="add"
22240  data-product-options-count="1"
22241>
22242  <product-form-component
22243    data-section-id="template--28980150370464__main"
22244    data-product-id="13888083296416"
22245    on:submit="/handleSubmit"
22246    class="quick-add__product-form-component"
22247  >
22248    <div
22249      class="visually-hidden"
22250      aria-live="assertive"
22251      role="status"
22252      aria-atomic="true"
22253      ref="liveRegion"
22254    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-13888083296416-AVkVHRmZuS1U2YVZuU__card-gallery-5" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
22255        type="hidden"
22256        name="id"
22257        ref="variantId"
22258        value="50639567356064"
22259        
22260      >
22261      <input
22262        type="hidden"
22263        name="quantity"
22264        value="1"
22265      >
22266      
22267      <add-to-cart-component
22268  ref="addToCartButtonContainer"
22269  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/lifts_the_face.zip_-_5.png?v=1727467712&width=100"
22270  data-add-to-cart-animation="true"
22271>
22272  <button
22273    
22274    type="submit"
22275    name="add"
22276    ref="addToCartButton"
22277    on:click="/handleClick"
22278    class="button button quick-add__button quick-add__button--add add-to-cart-button"
22279    
22280    
22281  >
22282    <span
22283      class="add-to-cart-text"
22284    >
22285      
22286        <span
22287          aria-hidden="true"
22288          class="svg-wrapper add-to-cart-icon"
22289        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
22290</span>
22291      
22292      <span class="add-to-cart-text__content is-visually-hidden-mobile">
22293        <span>
22294          <span>Add</span>
22295        </span>
22296      </span>
22297    </span>
22298    
22299    <span class="add-to-cart__added">
22300      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
22301  <g class="check">
22302    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
22303    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
22304  </g>
22305  <g class="burst">
22306    <g style="--index: 0;">
22307      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
22308    </g>
22309    <g style="--index: 1;">
22310      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
22311    </g>
22312    <g style="--index: 2;">
22313      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
22314    </g>
22315    <g style="--index: 3;">
22316      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
22317    </g>
22318    <g style="--index: 4;">
22319      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
22320    </g>
22321    <g style="--index: 5;">
22322      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
22323    </g>
22324    <g style="--index: 6;">
22325      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
22326    </g>
22327    <g style="--index: 7;">
22328      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
22329    </g>
22330  </g>
22331</svg>
22332</span>
22333    </span>
22334  </button>
22335</add-to-cart-component>
22336
22337
22338
22339
22340      <button
22341        class="button quick-add__button quick-add__button--choose add-to-cart-button"
22342        
22343        type="button"
22344        name="add"
22345        on:click="quick-add-component/handleClick"
22346      >
22347        <span
22348          class="add-to-cart-text quick-add__button-content"
22349        >
22350          
22351          <span
22352            aria-hidden="true"
22353            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
22354          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
22355</span>
22356          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
22357            <span>
22358              
22359              <span>
22360                Choose
22361              </span>
22362            </span>
22363          </span>
22364        </span>
22365      </button><input type="hidden" name="product-id" value="13888083296416" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
22366</quick-add-component>
22367
22368
22369
22370    
22371  
22372
22373</div>
22374
22375
22376
22377
22378
22379<div class="product-grid-view-zoom-out--details">
22380  
22381    <h3 class="h4">Baby Bear Tote Bag</h3>
22382  
22383</div>
22384
22385
22386
22387
22388
22389
22390<div
22391  class="
22392    group-block
22393    
22394    group-block--height-fit
22395    group-block--width-fill
22396    border-style
22397    spacing-style
22398    size-style
22399    
22400    
22401  "
22402  style="
22403    --border-width: 1px; --border-style: none; --border-color:
22404rgb(var(--color-border-rgb) / 1.0); --border-radius:
224050px; 
22406
22407    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
22408    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
22409    
22410  "
22411  
22412  data-testid="group-block"
22413><div class="group-block__media-wrapper">
22414    
22415
22416
22417
22418    
22419  </div>
22420
22421  <div
22422    class="
22423      group-block-content
22424      
22425      layout-panel-flex
22426      layout-panel-flex--row
22427       mobile-column
22428    "
22429    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
22430
22431--gap: 12px;
22432
22433--horizontal-alignment: space-between;
22433 --vertical-alignment: flex-start;
22434--vertical-alignment-mobile: flex-start;
22435"
22436  >
22437  
22438
22439<div
22440  class="
22441    group-block
22442    
22443    group-block--height-fit
22444    group-block--width-fill
22445    border-style
22446    spacing-style
22447    size-style
22448    
22449    
22450  "
22451  style="
22452    --border-width: 1px; --border-style: none; --border-color:
22453rgb(var(--color-border-rgb) / 1.0); --border-radius:
224540px; 
22455
22456    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
22457    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
22458    
22459  "
22460  
22461  data-testid="group-block"
22462><div class="group-block__media-wrapper">
22463    
22464
22465
22466
22467    
22468  </div>
22469
22470  <div
22471    class="
22472      group-block-content
22473      
22474      layout-panel-flex
22475      layout-panel-flex--column
22476       mobile-column
22477    "
22478    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
22479
22480--gap: 0px;
22481
22482--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
22483--vertical-alignment-mobile: flex-start;
22484"
22485  >
22486  
22487  
22488  <a
22489    class="contents user-select-text"
22490    ref="productTitleLink"
22491    href="/products/free-tote-bag?variant=50639567356064"
22492  >
22493    
22494
22495
22496
22497
22498
22499
22500  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-5 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
22501    <p>Baby Bear Tote Bag</p>
22502  </div>
22503
22504
22505
22506
22507  </a>
22508
22509
22510
22511
22512
22513<product-price
22514  class="text-block text-block--align-left text-left h5 spacing-style"
22515  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-5"
22516  data-product-id="13888083296416"
22517  style="
22518    
22519--color: var(--color-foreground);
22520    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
22521    --width: 100%;
22522  "
22523  
22524>
22525  <div ref="priceContainer">
22526  
22527    
22528    
22529
22530    
22531      <span class="price">$30.00</span>
22532    
22533
22534    
22535  
22536</div>
22537
22538  
22539</product-price>
22540
22541
22542
22543
22544
22545
22546
22547</div>
22548</div>
22549
22550
22551
22552
22553
22554
22555<div
22556  class="
22557    group-block
22558    
22559    group-block--height-fit
22560    group-block--width-fill
22561    border-style
22562    spacing-style
22563    size-style
22564    
22565    
22566  "
22567  style="
22568    --border-width: 1px; --border-style: none; --border-color:
22569rgb(var(--color-border-rgb) / 1.0); --border-radius:
225700px; 
22571
22572    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
22573    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
22574    
22575  "
22576  
22577  data-testid="group-block"
22578><div class="group-block__media-wrapper">
22579    
22580
22581
22582
22583    
22584  </div>
22585
22586  <div
22587    class="
22588      group-block-content
22589      
22590      layout-panel-flex
22591      layout-panel-flex--column
22592       mobile-column
22593    "
22594    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
22595
22596--gap: 0px;
22597
22598--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
22599--vertical-alignment-mobile: flex-start;
22600"
22601  >
22602  
22603
22604
22605
22606
22607
22608
22609
22610</div>
22611</div>
22612
22613
22614
22615
22616
22617</div>
22618</div>
22619
22620
22621
22622
22623
22624
22625  </div>
22626</product-card></product-card-link>
22627
22628
22629
22630
22631          </li>
22632        
22633          <li
22634            id="template--28980150370464__main-14999608983712"
22635            class="product-grid__item product-grid__item--6"
22636            data-page="1"
22637            data-product-id="14999608983712"
22638            ref="cards[]"
22639          >
22640            
22641
22642
22643
22644<style data-shopify>
22645  
22646</style>
22647
22648
22649<product-card-link
22650    data-product-id="14999608983712"
22651    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/5U6A5191.jpg?v=1773928103&width=500"
22652    data-product-transition="true"
22653    
22654  ><product-card
22655  class="product-card"
22656  data-product-id="14999608983712"
22657  id="product-card-ARkJhYk42RE5RUXhCT__product-card-6"
22658  data-product-transition="true"
22659  
22660  
22661>
22662  <a
22663    id="22f0fda2a635e034879bc54ed19b6b71"
22664    
22665      href="/products/barbie-bestie-bundle?variant=52904315814048"
22666    
22667    class="product-card__link"
22668    ref="productCardLink"
22669  >
22670    <span class="visually-hidden">
22671      Barbie Bestie Bundle
22672    </span>
22673  </a>
22674  <div
22675    class="
22676      product-card__content
22677      layout-panel-flex
22678      layout-panel-flex--column
22679      product-grid__card
22680      spacing-style
22681      border-style
22682      gap-style
22683      
22684    "
22685    style="
22686      --border-width: 1px; --border-style: none; --border-color:
22687rgb(var(--color-border-rgb) / 1.0); --border-radius:
226880px; 
22689
22690      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
22691
22692
22693
22694--horizontal-alignment: ; --vertical-alignment: ;
22695--vertical-alignment-mobile: ;
22696
22697      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
22698      --product-card-gap: 8px;
22699      --quick-add-display: flex;
22700      --quick-add-mobile-display: flex;
22701      --quick-add-mobile-opacity: 1;
22702      
22703      
22704      
22705      
22706    "
22707  >
22708    
22709  
22710
22711
22712
22713
22714
22715<div
22716  ref="cardGallery"
22717  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-6 spacing-style border-style card-gallery--badge-top-left"
22718  style="
22719    --border-width: 1px; --border-style: none; --border-color:
22720rgb(var(--color-border-rgb) / 1.0); --border-radius:
227210px; 
22722
22723    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
22724    --gallery-aspect-ratio: 4 / 5;
22725  "
22726  data-product-id="14999608983712"
22727  
22728    on:pointerenter="/previewImage"
22729    on:pointerleave="/resetImage"
22730  
22731  
22732    data-view-transition-to-main-product
22733  
22734  data-image-ratio="portrait"
22735  
22736>
22737    <a
22738      class="contents"
22739      ref="cardGalleryLink"
22740      href="/products/barbie-bestie-bundle?variant=52904315814048"
22741      aria-label="Barbie Bestie Bundle"
22742    >
22743      <slideshow-component
22744  
22745    ref="slideshow"
22746  
22747  
22748  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13, --slide-14, --slide-15, --slide-16, --slide-17, --slide-18, --slide-19, --slide-20, --slide-21, --slide-22, --slide-23, --slide-24, --slide-25, --slide-26, --slide-27, --slide-28, --slide-29, --slide-30, --slide-31, --slide-32, --slide-33, --slide-34, --slide-35, --slide-36, --slide-37, --slide-38;--slide-min-height: auto;--slide-min-height-desktop: auto;"
22749  
22750  initial-slide="0"
22751  
22752  
22753    infinite
22754  
22755
22756  data-generic-media-size="38"
22757>
22758  
22759  <slideshow-container ref="slideshowContainer">
22760    
22761      <slideshow-arrows
22762  position="center"
22763  
22764><button
22765  class="
22766    slideshow-control slideshow-control--previous
22767    
22768    
22769    slideshow-control--style-arrow
22770    button button-unstyled button-unstyled--transparent
22771     flip-x
22772  "
22773  
22774  aria-label="Previous slide"
22775  
22776  on:click="/previous"
22777  ref="previous"
22778>
22779  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
22780</span>
22781</button>
22782<button
22783  class="
22784    slideshow-control slideshow-control--next
22785    
22786    
22787    slideshow-control--style-arrow
22788    button button-unstyled button-unstyled--transparent
22789    
22790  "
22791  
22792  aria-label="Next slide"
22793  
22794  on:click="/next"
22795  ref="next"
22796>
22797  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
22798</span>
22799</button>
22800</slideshow-arrows>
22801
22802    
22803    
22804    <slideshow-slides
22805      tabindex="-1"
22806      ref="scroller"
22807      
22808    >
22809      <slideshow-slide
22810  ref="slides[]"
22811  aria-hidden="false"
22812  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
22813  
22814    class="product-media-container media-fit product-media-container--image"
22815  
22816  
22817  
22818  
22819    slide-id="36005176475808"
22820  
22821  
22822  
22823  
22824>
22825  
22826
22827<div
22828  class="product-media"
22829  style="--ratio: 0.6666666666666666"
22830  data-media-id="36005176475808"
22831>
22832  
22833  <img src="//www.solkyst.ca/cdn/shop/files/5U6A5191.jpg?v=1773928103&amp;width=3840" alt="Barbie Bestie Bundle" srcset="//www.solkyst.ca/cdn/shop/files/5U6A5191.jpg?v=1773928103&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/5U6A5191.jpg?v=1773928103&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/5U6A5191.jpg?v=1773928103&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/5U6A5191.jpg?v=1773928103&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/5U6A5191.jpg?v=1773928103&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/5U6A5191.jpg?v=1773928103&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/5U6A5191.jpg?v=1773928103&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/5U6A5191.jpg?v=1773928103&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/5U6A5191.jpg?v=1773928103&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
22834
22835  
22836</div>
22837
22838
22839
22840</slideshow-slide>
22841<slideshow-slide
22842  ref="slides[]"
22843  aria-hidden="true"
22844  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
22845  
22846    class="product-media-container media-fit product-media-container--image"
22847  
22848  
22849  
22850  
22851    slide-id="36005176344736"
22852  
22853  
22854  
22855  
22856>
22857  
22858
22859<div
22860  class="product-media"
22861  style="--ratio: 0.6666666666666666"
22862  data-media-id="36005176344736"
22863>
22864  
22865  <img src="//www.solkyst.ca/cdn/shop/files/5U6A4913.jpg?v=1773928227&amp;width=3840" alt="Model wearing women&#39;s Barbie cat eye sunglasses next to blue patterned case - top view." srcset="//www.solkyst.ca/cdn/shop/files/5U6A4913.jpg?v=1773928227&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/5U6A4913.jpg?v=1773928227&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/5U6A4913.jpg?v=1773928227&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/5U6A4913.jpg?v=1773928227&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/5U6A4913.jpg?v=1773928227&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/5U6A4913.jpg?v=1773928227&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/5U6A4913.jpg?v=1773928227&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/5U6A4913.jpg?v=1773928227&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/5U6A4913.jpg?v=1773928227&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
22866
22867  
22868</div>
22869
22870
22871
22872</slideshow-slide>
22873<slideshow-slide
22874  ref="slides[]"
22875  aria-hidden="true"
22876  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
22877  
22878    class="product-media-container media-fit product-media-container--image"
22879  
22880  
22881  
22882  
22883    slide-id="38666409115808"
22884  
22885  
22886  
22887  
22888>
22889  
22890
22891<div
22892  class="product-media"
22893  style="--ratio: 1.5"
22894  data-media-id="38666409115808"
22895>
22896  
22897  <img src="//www.solkyst.ca/cdn/shop/files/5U6A3711.jpg?v=1773928227&amp;width=3840" alt="Barbie Bestie Bundle" srcset="//www.solkyst.ca/cdn/shop/files/5U6A3711.jpg?v=1773928227&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/5U6A3711.jpg?v=1773928227&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/5U6A3711.jpg?v=1773928227&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/5U6A3711.jpg?v=1773928227&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/5U6A3711.jpg?v=1773928227&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/5U6A3711.jpg?v=1773928227&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/5U6A3711.jpg?v=1773928227&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/5U6A3711.jpg?v=1773928227&amp;width=3840 3840w" width="3840" height="2560" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/5U6A3711.jpg?v=1773928227&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
22898
22899  
22900</div>
22901
22902
22903
22904</slideshow-slide>
22905<slideshow-slide
22906  ref="slides[]"
22907  aria-hidden="true"
22908  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
22909  
22910    class="product-media-container media-fit product-media-container--image"
22911  
22912  
22913  
22914  
22915    slide-id="38666436706464"
22916  
22917  
22918  
22919  
22920>
22921  
22922
22923<div
22924  class="product-media"
22925  style="--ratio: 1.5"
22926  data-media-id="38666436706464"
22927>
22928  
22929  <img src="//www.solkyst.ca/cdn/shop/files/5U6A3761.jpg?v=1773928227&amp;width=3840" alt="Barbie Bestie Bundle" srcset="//www.solkyst.ca/cdn/shop/files/5U6A3761.jpg?v=1773928227&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/5U6A3761.jpg?v=1773928227&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/5U6A3761.jpg?v=1773928227&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/5U6A3761.jpg?v=1773928227&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/5U6A3761.jpg?v=1773928227&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/5U6A3761.jpg?v=1773928227&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/5U6A3761.jpg?v=1773928227&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/5U6A3761.jpg?v=1773928227&amp;width=3840 3840w" width="3840" height="2560" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/5U6A3761.jpg?v=1773928227&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
22930
22931  
22932</div>
22933
22934
22935
22936</slideshow-slide>
22937<slideshow-slide
22938  ref="slides[]"
22939  aria-hidden="true"
22940  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
22941  
22942    class="product-media-container media-fit product-media-container--image"
22943  
22944  
22945  
22946  
22947    slide-id="36005669994656"
22948  
22949  
22950  
22951  
22952>
22953  
22954
22955<div
22956  class="product-media"
22957  style="--ratio: 0.6666666666666666"
22958  data-media-id="36005669994656"
22959>
22960  
22961  <img src="//www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=3840" alt="Collection of Barbie x Sol Kyst sunglasses case in various colors, including blue, orange, pink, purple, and beige." srcset="//www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
22962
22963  
22964</div>
22965
22966
22967
22968</slideshow-slide>
22969
22970    </slideshow-slides>
22971  </slideshow-container>
22972  
22973</slideshow-component>
22974
22975
22976
22977    </a>
22978  
22979  
22980    <div
22981      class="product-badges product-badges--top-left"
22982      style="
22983        --badge-border-radius: 0px;
22984        --badge-font-family: var(--font-body--family);
22984 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
22985      "
22986    ><div
22987          class="
22988            product-badges__badge product-badges__badge--rectangle
22989             color-scheme-6
22990          "
22991        >Sale
22992</div></div>
22993    
22994      
22995
22996<quick-add-component
22997  class="quick-add color-scheme-4 "
22998  ref="quickAdd"
22999  data-product-title="Barbie Bestie Bundle"
23000  data-quick-add-button="choose"
23001  data-product-options-count="3"
23002>
23003  <product-form-component
23004    data-section-id="template--28980150370464__main"
23005    data-product-id="14999608983712"
23006    on:submit="/handleSubmit"
23007    class="quick-add__product-form-component"
23008  >
23009    <div
23010      class="visually-hidden"
23011      aria-live="assertive"
23012      role="status"
23013      aria-atomic="true"
23014      ref="liveRegion"
23015    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-14999608983712-AVkVHRmZuS1U2YVZuU__card-gallery-6" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
23016        type="hidden"
23017        name="id"
23018        ref="variantId"
23019        value="52904315814048"
23020        
23021      >
23022      <input
23023        type="hidden"
23024        name="quantity"
23025        value="1"
23026      >
23027      
23028      <add-to-cart-component
23029  ref="addToCartButtonContainer"
23030  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/5U6A5191.jpg?v=1773928103&width=100"
23031  data-add-to-cart-animation="true"
23032>
23033  <button
23034    
23035    type="submit"
23036    name="add"
23037    ref="addToCartButton"
23038    on:click="/handleClick"
23039    class="button button quick-add__button quick-add__button--add add-to-cart-button"
23040    
23041    
23042  >
23043    <span
23044      class="add-to-cart-text"
23045    >
23046      
23047        <span
23048          aria-hidden="true"
23049          class="svg-wrapper add-to-cart-icon"
23050        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
23051</span>
23052      
23053      <span class="add-to-cart-text__content is-visually-hidden-mobile">
23054        <span>
23055          <span>Add</span>
23056        </span>
23057      </span>
23058    </span>
23059    
23060    <span class="add-to-cart__added">
23061      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
23062  <g class="check">
23063    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
23064    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
23065  </g>
23066  <g class="burst">
23067    <g style="--index: 0;">
23068      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
23069    </g>
23070    <g style="--index: 1;">
23071      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
23072    </g>
23073    <g style="--index: 2;">
23074      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
23075    </g>
23076    <g style="--index: 3;">
23077      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
23078    </g>
23079    <g style="--index: 4;">
23080      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
23081    </g>
23082    <g style="--index: 5;">
23083      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
23084    </g>
23085    <g style="--index: 6;">
23086      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
23087    </g>
23088    <g style="--index: 7;">
23089      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
23090    </g>
23091  </g>
23092</svg>
23093</span>
23094    </span>
23095  </button>
23096</add-to-cart-component>
23097
23098
23099
23100
23101      <button
23102        class="button quick-add__button quick-add__button--choose add-to-cart-button"
23103        
23104        type="button"
23105        name="add"
23106        on:click="quick-add-component/handleClick"
23107      >
23108        <span
23109          class="add-to-cart-text quick-add__button-content"
23110        >
23111          
23112          <span
23113            aria-hidden="true"
23114            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
23115          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
23116</span>
23117          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
23118            <span>
23119              
23120              <span>
23121                Choose
23122              </span>
23123            </span>
23124          </span>
23125        </span>
23126      </button><input type="hidden" name="product-id" value="14999608983712" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
23127</quick-add-component>
23128
23129
23130
23131    
23132  
23133
23134</div>
23135
23136
23137
23138
23139
23140<div class="product-grid-view-zoom-out--details">
23141  
23142    <h3 class="h4">Barbie Bestie Bundle</h3>
23143  
23144</div>
23145
23146
23147
23148
23149
23150
23151<div
23152  class="
23153    group-block
23154    
23155    group-block--height-fit
23156    group-block--width-fill
23157    border-style
23158    spacing-style
23159    size-style
23160    
23161    
23162  "
23163  style="
23164    --border-width: 1px; --border-style: none; --border-color:
23165rgb(var(--color-border-rgb) / 1.0); --border-radius:
231660px; 
23167
23168    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
23169    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
23170    
23171  "
23172  
23173  data-testid="group-block"
23174><div class="group-block__media-wrapper">
23175    
23176
23177
23178
23179    
23180  </div>
23181
23182  <div
23183    class="
23184      group-block-content
23185      
23186      layout-panel-flex
23187      layout-panel-flex--row
23188       mobile-column
23189    "
23190    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
23191
23192--gap: 12px;
23193
23194--horizontal-alignment: space-between; --vertical-alignment: flex-start;
23195--vertical-alignment-mobile: flex-start;
23196"
23197  >
23198  
23199
23200<div
23201  class="
23202    group-block
23203    
23204    group-block--height-fit
23205    group-block--width-fill
23206    border-style
23207    spacing-style
23208    size-style
23209    
23210    
23211  "
23212  style="
23213    --border-width: 1px; --border-style: none; --border-color:
23214rgb(var(--color-border-rgb) / 1.0); --border-radius:
232150px; 
23216
23217    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
23218    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
23219    
23220  "
23221  
23222  data-testid="group-block"
23223><div class="group-block__media-wrapper">
23224    
23225
23226
23227
23228    
23229  </div>
23230
23231  <div
23232    class="
23233      group-block-content
23234      
23235      layout-panel-flex
23236      layout-panel-flex--column
23237       mobile-column
23238    "
23239    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
23240
23241--gap: 0px;
23242
23243--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
23244--vertical-alignment-mobile: flex-start;
23245"
23246  >
23247  
23248  
23249  <a
23250    class="contents user-select-text"
23251    ref="productTitleLink"
23252    href="/products/barbie-bestie-bundle?variant=52904315814048"
23253  >
23254    
23255
23256
23257
23258
23259
23260
23261  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-6 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
23262    <p>Barbie Bestie Bundle</p>
23263  </div>
23264
23265
23266
23267
23268  </a>
23269
23270
23271
23272
23273
23274<product-price
23275  class="text-block text-block--align-left text-left h5 spacing-style"
23276  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-6"
23277  data-product-id="14999608983712"
23278  style="
23279    
23280--color: var(--color-foreground);
23281    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
23282    --width: 100%;
23283  "
23284  
23285>
23286  <div ref="priceContainer">
23287  
23288    
23289    
23290
23291    
23292      <span role="group">
23293        <span class="visually-hidden">Sale price&nbsp;</span>
23294        <span class="price">$399.00</span>
23295      </span>
23296    
23297
23298    
23299      <span role="group">
23300        <span class="visually-hidden">Regular price&nbsp;</span>
23301        <span class="compare-at-price">$575.00</span>
23302      </span>
23303    
23304  
23305</div>
23306
23307  
23308</product-price>
23309
23310
23311
23312
23313
23314
23315
23316</div>
23317</div>
23318
23319
23320
23321
23322
23323
23324<div
23325  class="
23326    group-block
23327    
23328    group-block--height-fit
23329    group-block--width-fill
23330    border-style
23331    spacing-style
23332    size-style
23333    
23334    
23335  "
23336  style="
23337    --border-width: 1px; --border-style: none; --border-color:
23338rgb(var(--color-border-rgb) / 1.0); --border-radius:
233390px; 
23340
23341    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
23342    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
23343    
23344  "
23345  
23346  data-testid="group-block"
23347><div class="group-block__media-wrapper">
23348    
23349
23350
23351
23352    
23353  </div>
23354
23355  <div
23356    class="
23357      group-block-content
23358      
23359      layout-panel-flex
23360      layout-panel-flex--column
23361       mobile-column
23362    "
23363    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
23364
23365--gap: 0px;
23366
23367--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
23368--vertical-alignment-mobile: flex-start;
23369"
23370  >
23371  
23372
23373
23374
23375
23376
23377
23378
23379</div>
23380</div>
23381
23382
23383
23384
23385
23386</div>
23387</div>
23388
23389
23390
23391
23392
23393
23394  </div>
23395</product-card></product-card-link>
23396
23397
23398
23399
23400          </li>
23401        
23402          <li
23403            id="template--28980150370464__main-14999644766368"
23404            class="product-grid__item product-grid__item--7"
23405            data-page="1"
23406            data-product-id="14999644766368"
23407            ref="cards[]"
23408          >
23409            
23410
23411
23412
23413<style data-shopify>
23414  
23415</style>
23416
23417
23418<product-card-link
23419    data-product-id="14999644766368"
23420    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/BarbieCollectorsBundle.png?v=1736885336&width=500"
23421    data-product-transition="true"
23422    
23423  ><product-card
23424  class="product-card"
23425  data-product-id="14999644766368"
23426  id="product-card-ARkJhYk42RE5RUXhCT__product-card-7"
23427  data-product-transition="true"
23428  
23429  
23430>
23431  <a
23432    id="f80bfdd3f9476616b70b713404829b32"
23433    
23434      href="/products/barbie-collectors-bundle?variant=52183214424224"
23435    
23436    class="product-card__link"
23437    ref="productCardLink"
23438  >
23439    <span class="visually-hidden">
23440      Barbie Collectors Bundle - FINAL SALE
23441    </span>
23442  </a>
23443  <div
23444    class="
23445      product-card__content
23446      layout-panel-flex
23447      layout-panel-flex--column
23448      product-grid__card
23449      spacing-style
23450      border-style
23451      gap-style
23452      
23453    "
23454    style="
23455      --border-width: 1px; --border-style: none; --border-color:
23456rgb(var(--color-border-rgb) / 1.0); --border-radius:
234570px; 
23458
23459      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
23460
23461
23462
23463--horizontal-alignment: ; --vertical-alignment: ;
23464--vertical-alignment-mobile: ;
23465
23466      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
23467      --product-card-gap: 8px;
23468      --quick-add-display: flex;
23469      --quick-add-mobile-display: flex;
23470      --quick-add-mobile-opacity: 1;
23471      
23472      
23473      
23474      
23475    "
23476  >
23477    
23478  
23479
23480
23481
23482
23483
23484<div
23485  ref="cardGallery"
23486  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-7 spacing-style border-style card-gallery--badge-top-left"
23487  style="
23488    --border-width: 1px; --border-style: none; --border-color:
23489rgb(var(--color-border-rgb) / 1.0); --border-radius:
234900px; 
23491
23492    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
23493    --gallery-aspect-ratio: 4 / 5;
23494  "
23495  data-product-id="14999644766368"
23496  
23497    on:pointerenter="/previewImage"
23498    on:pointerleave="/resetImage"
23499  
23500  
23501    data-view-transition-to-main-product
23502  
23503  data-image-ratio="portrait"
23504  
23505>
23506    <a
23507      class="contents"
23508      ref="cardGalleryLink"
23509      href="/products/barbie-collectors-bundle?variant=52183214424224"
23510      aria-label="Barbie Collectors Bundle - FINAL SALE"
23511    >
23512      <slideshow-component
23513  
23514    ref="slideshow"
23515  
23516  
23517  style="--slideshow-timeline: --slide-1, --slide-2;--slide-min-height: auto;--slide-min-height-desktop: auto;"
23518  
23519  initial-slide="0"
23520  
23521  
23522    infinite
23523  
23524
23525  data-generic-media-size="2"
23526>
23527  
23528  <slideshow-container ref="slideshowContainer">
23529    
23530    
23531    <slideshow-slides
23532      tabindex="-1"
23533      ref="scroller"
23534      
23535    >
23536      <slideshow-slide
23537  ref="slides[]"
23538  aria-hidden="false"
23539  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
23540  
23541    class="product-media-container media-fit product-media-container--image"
23542  
23543  
23544  
23545  
23546    slide-id="37075112394912"
23547  
23548  
23549  
23550  
23551>
23552  
23553
23554<div
23555  class="product-media"
23556  style="--ratio: 1.0"
23557  data-media-id="37075112394912"
23558>
23559  
23560  <img src="//www.solkyst.ca/cdn/shop/files/BarbieCollectorsBundle.png?v=1736885336&amp;width=3840" alt="Barbie Collectors Bundle - FINAL SALE" srcset="//www.solkyst.ca/cdn/shop/files/BarbieCollectorsBundle.png?v=1736885336&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/BarbieCollectorsBundle.png?v=1736885336&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/BarbieCollectorsBundle.png?v=1736885336&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/BarbieCollectorsBundle.png?v=1736885336&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/BarbieCollectorsBundle.png?v=1736885336&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/BarbieCollectorsBundle.png?v=1736885336&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/BarbieCollectorsBundle.png?v=1736885336&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/BarbieCollectorsBundle.png?v=1736885336&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/BarbieCollectorsBundle.png?v=1736885336&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
23561
23562  
23563</div>
23564
23565
23566
23567</slideshow-slide>
23568<slideshow-slide
23569  ref="slides[]"
23570  aria-hidden="true"
23571  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
23572  
23573    class="product-media-container media-fit product-media-container--image"
23574  
23575  
23576  
23577  
23578    slide-id="37075393347744"
23579  
23580  
23581  
23582  
23583>
23584  
23585
23586<div
23587  class="product-media"
23588  style="--ratio: 0.7726666666666666"
23589  data-media-id="37075393347744"
23590>
23591  
23592  <img src="//www.solkyst.ca/cdn/shop/files/A94144F7-6378-47F7-9435-72EC9FA2AD68.png?v=1776709354&amp;width=3840" alt="Barbie Collectors Bundle - FINAL SALE" srcset="//www.solkyst.ca/cdn/shop/files/A94144F7-6378-47F7-9435-72EC9FA2AD68.png?v=1776709354&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/A94144F7-6378-47F7-9435-72EC9FA2AD68.png?v=1776709354&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/A94144F7-6378-47F7-9435-72EC9FA2AD68.png?v=1776709354&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/A94144F7-6378-47F7-9435-72EC9FA2AD68.png?v=1776709354&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/A94144F7-6378-47F7-9435-72EC9FA2AD68.png?v=1776709354&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/A94144F7-6378-47F7-9435-72EC9FA2AD68.png?v=1776709354&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/A94144F7-6378-47F7-9435-72EC9FA2AD68.png?v=1776709354&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/A94144F7-6378-47F7-9435-72EC9FA2AD68.png?v=1776709354&amp;width=3840 3840w" width="3840" height="4970" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/A94144F7-6378-47F7-9435-72EC9FA2AD68.png?v=1776709354&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
23593
23594  
23595</div>
23596
23597
23598
23599</slideshow-slide>
23600
23601    </slideshow-slides>
23602  </slideshow-container>
23603  
23604</slideshow-component>
23605
23606
23607
23608    </a>
23609  
23610  
23611    <div
23612      class="product-badges product-badges--top-left"
23613      style="
23614        --badge-border-radius: 0px;
23615        --badge-font-family: var(--font-body--family);
23615 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
23616      "
23617    ><div
23618          class="
23619            product-badges__badge product-badges__badge--rectangle
23620             color-scheme-6
23621          "
23622        >Sale
23623</div></div>
23624    
23625      
23626
23627<quick-add-component
23628  class="quick-add color-scheme-4 "
23629  ref="quickAdd"
23630  data-product-title="Barbie Collectors Bundle - FINAL SALE"
23631  data-quick-add-button="choose"
23632  data-product-options-count="1"
23633>
23634  <product-form-component
23635    data-section-id="template--28980150370464__main"
23636    data-product-id="14999644766368"
23637    on:submit="/handleSubmit"
23638    class="quick-add__product-form-component"
23639  >
23640    <div
23641      class="visually-hidden"
23642      aria-live="assertive"
23643      role="status"
23644      aria-atomic="true"
23645      ref="liveRegion"
23646    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-14999644766368-AVkVHRmZuS1U2YVZuU__card-gallery-7" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
23647        type="hidden"
23648        name="id"
23649        ref="variantId"
23650        value="52183214424224"
23651        
23652      >
23653      <input
23654        type="hidden"
23655        name="quantity"
23656        value="1"
23657      >
23658      
23659      <add-to-cart-component
23660  ref="addToCartButtonContainer"
23661  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/BarbieCollectorsBundle.png?v=1736885336&width=100"
23662  data-add-to-cart-animation="true"
23663>
23664  <button
23665    
23666    type="submit"
23667    name="add"
23668    ref="addToCartButton"
23669    on:click="/handleClick"
23670    class="button button quick-add__button quick-add__button--add add-to-cart-button"
23671    
23672    
23673  >
23674    <span
23675      class="add-to-cart-text"
23676    >
23677      
23678        <span
23679          aria-hidden="true"
23680          class="svg-wrapper add-to-cart-icon"
23681        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
23682</span>
23683      
23684      <span class="add-to-cart-text__content is-visually-hidden-mobile">
23685        <span>
23686          <span>Add</span>
23687        </span>
23688      </span>
23689    </span>
23690    
23691    <span class="add-to-cart__added">
23692      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
23693  <g class="check">
23694    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
23695    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
23696  </g>
23697  <g class="burst">
23698    <g style="--index: 0;">
23699      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
23700    </g>
23701    <g style="--index: 1;">
23702      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
23703    </g>
23704    <g style="--index: 2;">
23705      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
23706    </g>
23707    <g style="--index: 3;">
23708      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
23709    </g>
23710    <g style="--index: 4;">
23711      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
23712    </g>
23713    <g style="--index: 5;">
23714      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
23715    </g>
23716    <g style="--index: 6;">
23717      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
23718    </g>
23719    <g style="--index: 7;">
23720      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
23721    </g>
23722  </g>
23723</svg>
23724</span>
23725    </span>
23726  </button>
23727</add-to-cart-component>
23728
23729
23730
23731
23732      <button
23733        class="button quick-add__button quick-add__button--choose add-to-cart-button"
23734        
23735        type="button"
23736        name="add"
23737        on:click="quick-add-component/handleClick"
23738      >
23739        <span
23740          class="add-to-cart-text quick-add__button-content"
23741        >
23742          
23743          <span
23744            aria-hidden="true"
23745            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
23746          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
23747</span>
23748          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
23749            <span>
23750              
23751              <span>
23752                Choose
23753              </span>
23754            </span>
23755          </span>
23756        </span>
23757      </button><input type="hidden" name="product-id" value="14999644766368" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
23758</quick-add-component>
23759
23760
23761
23762    
23763  
23764
23765</div>
23766
23767
23768
23769
23770
23771<div class="product-grid-view-zoom-out--details">
23772  
23773    <h3 class="h4">Barbie Collectors Bundle - FINAL SALE</h3>
23774  
23775</div>
23776
23777
23778
23779
23780
23781
23782<div
23783  class="
23784    group-block
23785    
23786    group-block--height-fit
23787    group-block--width-fill
23788    border-style
23789    spacing-style
23790    size-style
23791    
23792    
23793  "
23794  style="
23795    --border-width: 1px; --border-style: none; --border-color:
23796rgb(var(--color-border-rgb) / 1.0); --border-radius:
237970px; 
23798
23799    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
23800    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
23801    
23802  "
23803  
23804  data-testid="group-block"
23805><div class="group-block__media-wrapper">
23806    
23807
23808
23809
23810    
23811  </div>
23812
23813  <div
23814    class="
23815      group-block-content
23816      
23817      layout-panel-flex
23818      layout-panel-flex--row
23819       mobile-column
23820    "
23821    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
23822
23823--gap: 12px;
23824
23825--horizontal-alignment: space-between; --vertical-alignment: flex-start;
23826--vertical-alignment-mobile: flex-start;
23827"
23828  >
23829  
23830
23831<div
23832  class="
23833    group-block
23834    
23835    group-block--height-fit
23836    group-block--width-fill
23837    border-style
23838    spacing-style
23839    size-style
23840    
23841    
23842  "
23843  style="
23844    --border-width: 1px; --border-style: none; --border-color:
23845rgb(var(--color-border-rgb) / 1.0); --border-radius:
238460px; 
23847
23848    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
23849    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
23850    
23851  "
23852  
23853  data-testid="group-block"
23854><div class="group-block__media-wrapper">
23855    
23856
23857
23858
23859    
23860  </div>
23861
23862  <div
23863    class="
23864      group-block-content
23865      
23866      layout-panel-flex
23867      layout-panel-flex--column
23868       mobile-column
23869    "
23870    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
23871
23872--gap: 0px;
23873
23874--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
23875--vertical-alignment-mobile: flex-start;
23876"
23877  >
23878  
23879  
23880  <a
23881    class="contents user-select-text"
23882    ref="productTitleLink"
23883    href="/products/barbie-collectors-bundle?variant=52183214424224"
23884  >
23885    
23886
23887
23888
23889
23890
23891
23892  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-7 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
23893    <p>Barbie Collectors Bundle - FINAL SALE</p>
23894  </div>
23895
23896
23897
23898
23899  </a>
23900
23901
23902
23903
23904
23905<product-price
23906  class="text-block text-block--align-left text-left h5 spacing-style"
23907  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-7"
23908  data-product-id="14999644766368"
23909  style="
23910    
23911--color: var(--color-foreground);
23912    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
23913    --width: 100%;
23914  "
23915  
23916>
23917  <div ref="priceContainer">
23918  
23919    
23920    
23921
23922    
23923      <span role="group">
23924        <span class="visually-hidden">Sale price&nbsp;</span>
23925        <span class="price">$900.00</span>
23926      </span>
23927    
23928
23929    
23930      <span role="group">
23931        <span class="visually-hidden">Regular price&nbsp;</span>
23932        <span class="compare-at-price">$1,500.00</span>
23933      </span>
23934    
23935  
23936
23937<small class="unit-price">
23938  <span class="visually-hidden">Unit price</span>
23939  $18.75/oz
23940</small>
23941
23942</div>
23943
23944  
23945</product-price>
23946
23947
23948
23949
23950
23951
23952
23953</div>
23954</div>
23955
23956
23957
23958
23959
23960
23961<div
23962  class="
23963    group-block
23964    
23965    group-block--height-fit
23966    group-block--width-fill
23967    border-style
23968    spacing-style
23969    size-style
23970    
23971    
23972  "
23973  style="
23974    --border-width: 1px; --border-style: none; --border-color:
23975rgb(var(--color-border-rgb) / 1.0); --border-radius:
239760px; 
23977
23978    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
23979    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
23980    
23981  "
23982  
23983  data-testid="group-block"
23984><div class="group-block__media-wrapper">
23985    
23986
23987
23988
23989    
23990  </div>
23991
23992  <div
23993    class="
23994      group-block-content
23995      
23996      layout-panel-flex
23997      layout-panel-flex--column
23998       mobile-column
23999    "
24000    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
24001
24002--gap: 0px;
24003
24004--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
24005--vertical-alignment-mobile: flex-start;
24006"
24007  >
24008  
24009
24010
24011
24012
24013
24014
24015
24016</div>
24017</div>
24018
24019
24020
24021
24022
24023</div>
24024</div>
24025
24026
24027
24028
24029
24030
24031  </div>
24032</product-card></product-card-link>
24033
24034
24035
24036
24037          </li>
24038        
24039          <li
24040            id="template--28980150370464__main-14979550314656"
24041            class="product-grid__item product-grid__item--8"
24042            data-page="1"
24043            data-product-id="14979550314656"
24044            ref="cards[]"
24045          >
24046            
24047
24048
24049
24050<style data-shopify>
24051  
24052</style>
24053
24054
24055<product-card-link
24056    data-product-id="14979550314656"
24057    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/1_859b7783-2ba9-4be1-a334-97910e6ab088.png?v=1773928227&width=500"
24058    data-product-transition="true"
24059    
24060  ><product-card
24061  class="product-card"
24062  data-product-id="14979550314656"
24063  id="product-card-ARkJhYk42RE5RUXhCT__product-card-8"
24064  data-product-transition="true"
24065  
24066  
24067>
24068  <a
24069    id="e2c9166edd32204ed23451ac9abbc1c9"
24070    
24071      href="/products/barbie-travel-case-pre-order?variant=52139948376224"
24072    
24073    class="product-card__link"
24074    ref="productCardLink"
24075  >
24076    <span class="visually-hidden">
24077      Barbie Travel Case
24078    </span>
24079  </a>
24080  <div
24081    class="
24082      product-card__content
24083      layout-panel-flex
24084      layout-panel-flex--column
24085      product-grid__card
24086      spacing-style
24087      border-style
24088      gap-style
24089      
24090    "
24091    style="
24092      --border-width: 1px; --border-style: none; --border-color:
24093rgb(var(--color-border-rgb) / 1.0); --border-radius:
240940px; 
24095
24096      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
24097
24098
24099
24100--horizontal-alignment: ; --vertical-alignment: ;
24101--vertical-alignment-mobile: ;
24102
24103      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
24104      --product-card-gap: 8px;
24105      --quick-add-display: none;
24106      --quick-add-mobile-display: none;
24107      --quick-add-mobile-opacity: 0;
24108      
24109      
24110      
24111      
24112    "
24113  >
24114    
24115  
24116
24117
24118
24119
24120
24121<div
24122  ref="cardGallery"
24123  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-8 spacing-style border-style card-gallery--badge-top-left"
24124  style="
24125    --border-width: 1px; --border-style: none; --border-color:
24126rgb(var(--color-border-rgb) / 1.0); --border-radius:
241270px; 
24128
24129    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
24130    --gallery-aspect-ratio: 4 / 5;
24131  "
24132  data-product-id="14979550314656"
24133  
24134    on:pointerenter="/previewImage"
24135    on:pointerleave="/resetImage"
24136  
24137  
24138    data-view-transition-to-main-product
24139  
24140  data-image-ratio="portrait"
24141  
24142>
24143    <a
24144      class="contents"
24145      ref="cardGalleryLink"
24146      href="/products/barbie-travel-case-pre-order?variant=52139948376224"
24147      aria-label="Barbie Travel Case"
24148    >
24149      <slideshow-component
24150  
24151    ref="slideshow"
24152  
24153  
24154  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;--slide-min-height: auto;--slide-min-height-desktop: auto;"
24155  
24156  initial-slide="0"
24157  
24158  
24159    infinite
24160  
24161
24162  data-generic-media-size="4"
24163>
24164  
24165  <slideshow-container ref="slideshowContainer">
24166    
24167      <slideshow-arrows
24168  position="center"
24169  
24170><button
24171  class="
24172    slideshow-control slideshow-control--previous
24173    
24174    
24175    slideshow-control--style-arrow
24176    button button-unstyled button-unstyled--transparent
24177     flip-x
24178  "
24179  
24180  aria-label="Previous slide"
24181  
24182  on:click="/previous"
24183  ref="previous"
24184>
24185  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
24186</span>
24187</button>
24188<button
24189  class="
24190    slideshow-control slideshow-control--next
24191    
24192    
24193    slideshow-control--style-arrow
24194    button button-unstyled button-unstyled--transparent
24195    
24196  "
24197  
24198  aria-label="Next slide"
24199  
24200  on:click="/next"
24201  ref="next"
24202>
24203  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
24204</span>
24205</button>
24206</slideshow-arrows>
24207
24208    
24209    
24210    <slideshow-slides
24211      tabindex="-1"
24212      ref="scroller"
24213      
24214    >
24215      <slideshow-slide
24216  ref="slides[]"
24217  aria-hidden="false"
24218  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
24219  
24220    class="product-media-container media-fit product-media-container--image"
24221  
24222  
24223  
24224  
24225    slide-id="37797662163104"
24226  
24227  
24228  
24229  
24230>
24231  
24232
24233<div
24234  class="product-media"
24235  style="--ratio: 0.6666666666666666"
24236  data-media-id="37797662163104"
24237>
24238  
24239  <img src="//www.solkyst.ca/cdn/shop/files/1_859b7783-2ba9-4be1-a334-97910e6ab088.png?v=1773928227&amp;width=3840" alt="Barbie Travel Case" srcset="//www.solkyst.ca/cdn/shop/files/1_859b7783-2ba9-4be1-a334-97910e6ab088.png?v=1773928227&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/1_859b7783-2ba9-4be1-a334-97910e6ab088.png?v=1773928227&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/1_859b7783-2ba9-4be1-a334-97910e6ab088.png?v=1773928227&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/1_859b7783-2ba9-4be1-a334-97910e6ab088.png?v=1773928227&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/1_859b7783-2ba9-4be1-a334-97910e6ab088.png?v=1773928227&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/1_859b7783-2ba9-4be1-a334-97910e6ab088.png?v=1773928227&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/1_859b7783-2ba9-4be1-a334-97910e6ab088.png?v=1773928227&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/1_859b7783-2ba9-4be1-a334-97910e6ab088.png?v=1773928227&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/1_859b7783-2ba9-4be1-a334-97910e6ab088.png?v=1773928227&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
24240
24241  
24242</div>
24243
24244
24245
24246</slideshow-slide>
24247<slideshow-slide
24248  ref="slides[]"
24249  aria-hidden="true"
24250  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
24251  
24252    class="product-media-container media-fit product-media-container--image"
24253  
24254  
24255  
24256  
24257    slide-id="37797662458016"
24258  
24259  
24260  
24261  
24262>
24263  
24264
24265<div
24266  class="product-media"
24267  style="--ratio: 1.0"
24268  data-media-id="37797662458016"
24269>
24270  
24271  <img src="//www.solkyst.ca/cdn/shop/files/2_10221543-eaa0-4386-bd93-fac01257c17b.png?v=1773928227&amp;width=3840" alt="Barbie Travel Case" srcset="//www.solkyst.ca/cdn/shop/files/2_10221543-eaa0-4386-bd93-fac01257c17b.png?v=1773928227&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/2_10221543-eaa0-4386-bd93-fac01257c17b.png?v=1773928227&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/2_10221543-eaa0-4386-bd93-fac01257c17b.png?v=1773928227&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/2_10221543-eaa0-4386-bd93-fac01257c17b.png?v=1773928227&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/2_10221543-eaa0-4386-bd93-fac01257c17b.png?v=1773928227&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/2_10221543-eaa0-4386-bd93-fac01257c17b.png?v=1773928227&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/2_10221543-eaa0-4386-bd93-fac01257c17b.png?v=1773928227&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/2_10221543-eaa0-4386-bd93-fac01257c17b.png?v=1773928227&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/2_10221543-eaa0-4386-bd93-fac01257c17b.png?v=1773928227&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
24272
24273  
24274</div>
24275
24276
24277
24278</slideshow-slide>
24279<slideshow-slide
24280  ref="slides[]"
24281  aria-hidden="true"
24282  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
24283  
24284    class="product-media-container media-fit product-media-container--image"
24285  
24286  
24287  
24288  
24289    slide-id="37797663047840"
24290  
24291  
24292  
24293  
24294>
24295  
24296
24297<div
24298  class="product-media"
24299  style="--ratio: 1.0"
24300  data-media-id="37797663047840"
24301>
24302  
24303  <img src="//www.solkyst.ca/cdn/shop/files/3_63743813-a18c-413f-88a9-b30d8561a087.png?v=1749231811&amp;width=3840" alt="Barbie Travel Case" srcset="//www.solkyst.ca/cdn/shop/files/3_63743813-a18c-413f-88a9-b30d8561a087.png?v=1749231811&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/3_63743813-a18c-413f-88a9-b30d8561a087.png?v=1749231811&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/3_63743813-a18c-413f-88a9-b30d8561a087.png?v=1749231811&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/3_63743813-a18c-413f-88a9-b30d8561a087.png?v=1749231811&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/3_63743813-a18c-413f-88a9-b30d8561a087.png?v=1749231811&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/3_63743813-a18c-413f-88a9-b30d8561a087.png?v=1749231811&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/3_63743813-a18c-413f-88a9-b30d8561a087.png?v=1749231811&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/3_63743813-a18c-413f-88a9-b30d8561a087.png?v=1749231811&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/3_63743813-a18c-413f-88a9-b30d8561a087.png?v=1749231811&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
24304
24305  
24306</div>
24307
24308
24309
24310</slideshow-slide>
24311<slideshow-slide
24312  ref="slides[]"
24313  aria-hidden="true"
24314  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
24315  
24316    class="product-media-container media-fit product-media-container--image"
24317  
24318  
24319  
24320  
24321    slide-id="37272057839776"
24322  
24323  
24324  
24325  
24326>
24327  
24328
24329<div
24330  class="product-media"
24331  style="--ratio: 0.8"
24332  data-media-id="37272057839776"
24333>
24334  
24335  <img src="//www.solkyst.ca/cdn/shop/files/644FB9F6-9551-45C4-A443-367EC8ED84B7.png?v=1773928103&amp;width=3840" alt="Barbie Travel Case" srcset="//www.solkyst.ca/cdn/shop/files/644FB9F6-9551-45C4-A443-367EC8ED84B7.png?v=1773928103&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/644FB9F6-9551-45C4-A443-367EC8ED84B7.png?v=1773928103&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/644FB9F6-9551-45C4-A443-367EC8ED84B7.png?v=1773928103&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/644FB9F6-9551-45C4-A443-367EC8ED84B7.png?v=1773928103&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/644FB9F6-9551-45C4-A443-367EC8ED84B7.png?v=1773928103&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/644FB9F6-9551-45C4-A443-367EC8ED84B7.png?v=1773928103&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/644FB9F6-9551-45C4-A443-367EC8ED84B7.png?v=1773928103&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/644FB9F6-9551-45C4-A443-367EC8ED84B7.png?v=1773928103&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/644FB9F6-9551-45C4-A443-367EC8ED84B7.png?v=1773928103&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
24336
24337  
24338</div>
24339
24340
24341
24342</slideshow-slide>
24343
24344    </slideshow-slides>
24345  </slideshow-container>
24346  
24347</slideshow-component>
24348
24349
24350
24351    </a>
24352  
24353  
24354    <div
24355      class="product-badges product-badges--top-left"
24356      style="
24357        --badge-border-radius: 0px;
24358        --badge-font-family: var(--font-body--family);
24358 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
24359      "
24360    ><div
24361          class="
24362            product-badges__badge product-badges__badge--rectangle
24363             color-scheme-5
24364          "
24365        >Sold out
24366</div></div>
24367    
24368      
24369
24370<quick-add-component
24371  class="quick-add color-scheme-4 "
24372  ref="quickAdd"
24373  data-product-title="Barbie Travel Case"
24374  data-quick-add-button="add"
24375  data-product-options-count="1"
24376>
24377  <product-form-component
24378    data-section-id="template--28980150370464__main"
24379    data-product-id="14979550314656"
24380    on:submit="/handleSubmit"
24381    class="quick-add__product-form-component"
24382  >
24383    <div
24384      class="visually-hidden"
24385      aria-live="assertive"
24386      role="status"
24387      aria-atomic="true"
24388      ref="liveRegion"
24389    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-14979550314656-AVkVHRmZuS1U2YVZuU__card-gallery-8" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
24390        type="hidden"
24391        name="id"
24392        ref="variantId"
24393        value="52139948376224"
24394        
24395          disabled
24396        
24397      >
24398      <input
24399        type="hidden"
24400        name="quantity"
24401        value="1"
24402      >
24403      
24404      <add-to-cart-component
24405  ref="addToCartButtonContainer"
24406  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/1_859b7783-2ba9-4be1-a334-97910e6ab088.png?v=1773928227&width=100"
24407  data-add-to-cart-animation="true"
24408>
24409  <button
24410    
24411    type="submit"
24412    name="add"
24413    ref="addToCartButton"
24414    on:click="/handleClick"
24415    class="button button quick-add__button quick-add__button--add add-to-cart-button"
24416    
24417    
24418      disabled
24419    
24420  >
24421    <span
24422      class="add-to-cart-text"
24423    >
24424      
24425      <span class="add-to-cart-text__content is-visually-hidden-mobile">
24426        <span>
24427          <span>Add</span>
24428        </span>
24429      </span>
24430    </span>
24431    
24432    <span class="add-to-cart__added">
24433      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
24434  <g class="check">
24435    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
24436    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
24437  </g>
24438  <g class="burst">
24439    <g style="--index: 0;">
24440      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
24441    </g>
24442    <g style="--index: 1;">
24443      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
24444    </g>
24445    <g style="--index: 2;">
24446      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
24447    </g>
24448    <g style="--index: 3;">
24449      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
24450    </g>
24451    <g style="--index: 4;">
24452      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
24453    </g>
24454    <g style="--index: 5;">
24455      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
24456    </g>
24457    <g style="--index: 6;">
24458      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
24459    </g>
24460    <g style="--index: 7;">
24461      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
24462    </g>
24463  </g>
24464</svg>
24465</span>
24466    </span>
24467  </button>
24468</add-to-cart-component>
24469
24470
24471
24472
24473      <button
24474        class="button quick-add__button quick-add__button--choose add-to-cart-button"
24475        
24476        type="button"
24477        name="add"
24478        on:click="quick-add-component/handleClick"
24479      >
24480        <span
24481          class="add-to-cart-text quick-add__button-content"
24482        >
24483          
24484          <span
24485            aria-hidden="true"
24486            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
24487          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
24488</span>
24489          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
24490            <span>
24491              
24492              <span>
24493                Choose
24494              </span>
24495            </span>
24496          </span>
24497        </span>
24498      </button><input type="hidden" name="product-id" value="14979550314656" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
24499</quick-add-component>
24500
24501
24502
24503    
24504  
24505
24506</div>
24507
24508
24509
24510
24511
24512<div class="product-grid-view-zoom-out--details">
24513  
24514    <h3 class="h4">Barbie Travel Case</h3>
24515  
24516</div>
24517
24518
24519
24520
24521
24522
24523<div
24524  class="
24525    group-block
24526    
24527    group-block--height-fit
24528    group-block--width-fill
24529    border-style
24530    spacing-style
24531    size-style
24532    
24533    
24534  "
24535  style="
24536    --border-width: 1px; --border-style: none; --border-color:
24537rgb(var(--color-border-rgb) / 1.0); --border-radius:
245380px; 
24539
24540    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
24541    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
24542    
24543  "
24544  
24545  data-testid="group-block"
24546><div class="group-block__media-wrapper">
24547    
24548
24549
24550
24551    
24552  </div>
24553
24554  <div
24555    class="
24556      group-block-content
24557      
24558      layout-panel-flex
24559      layout-panel-flex--row
24560       mobile-column
24561    "
24562    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
24563
24564--gap: 12px;
24565
24566--horizontal-alignment: space-between; --vertical-alignment: flex-start;
24567--vertical-alignment-mobile: flex-start;
24568"
24569  >
24570  
24571
24572<div
24573  class="
24574    group-block
24575    
24576    group-block--height-fit
24577    group-block--width-fill
24578    border-style
24579    spacing-style
24580    size-style
24581    
24582    
24583  "
24584  style="
24585    --border-width: 1px; --border-style: none; --border-color:
24586rgb(var(--color-border-rgb) / 1.0); --border-radius:
245870px; 
24588
24589    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
24590    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
24591    
24592  "
24593  
24594  data-testid="group-block"
24595><div class="group-block__media-wrapper">
24596    
24597
24598
24599
24600    
24601  </div>
24602
24603  <div
24604    class="
24605      group-block-content
24606      
24607      layout-panel-flex
24608      layout-panel-flex--column
24609       mobile-column
24610    "
24611    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
24612
24613--gap: 0px;
24614
24615--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
24616--vertical-alignment-mobile: flex-start;
24617"
24618  >
24619  
24620  
24621  <a
24622    class="contents user-select-text"
24623    ref="productTitleLink"
24624    href="/products/barbie-travel-case-pre-order?variant=52139948376224"
24625  >
24626    
24627
24628
24629
24630
24631
24632
24633  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-8 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
24634    <p>Barbie Travel Case</p>
24635  </div>
24636
24637
24638
24639
24640  </a>
24641
24642
24643
24644
24645
24646<product-price
24647  class="text-block text-block--align-left text-left h5 spacing-style"
24648  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-8"
24649  data-product-id="14979550314656"
24650  style="
24651    
24652--color: var(--color-foreground);
24653    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
24654    --width: 100%;
24655  "
24656  
24657>
24658  <div ref="priceContainer">
24659  
24660    
24661    
24662
24663    
24664      <span class="price">$45.00</span>
24665    
24666
24667    
24668  
24669</div>
24670
24671  
24672</product-price>
24673
24674
24675
24676
24677
24678
24679
24680</div>
24681</div>
24682
24683
24684
24685
24686
24687
24688<div
24689  class="
24690    group-block
24691    
24692    group-block--height-fit
24693    group-block--width-fill
24694    border-style
24695    spacing-style
24696    size-style
24697    
24698    
24699  "
24700  style="
24701    --border-width: 1px; --border-style: none; --border-color:
24702rgb(var(--color-border-rgb) / 1.0); --border-radius:
247030px; 
24704
24705    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
24706    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
24707    
24708  "
24709  
24710  data-testid="group-block"
24711><div class="group-block__media-wrapper">
24712    
24713
24714
24715
24716    
24717  </div>
24718
24719  <div
24720    class="
24721      group-block-content
24722      
24723      layout-panel-flex
24724      layout-panel-flex--column
24725       mobile-column
24726    "
24727    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
24728
24729--gap: 0px;
24730
24731--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
24732--vertical-alignment-mobile: flex-start;
24733"
24734  >
24735  
24736
24737
24738
24739
24740
24741
24742
24743</div>
24744</div>
24745
24746
24747
24748
24749
24750</div>
24751</div>
24752
24753
24754
24755
24756
24757
24758  </div>
24759</product-card></product-card-link>
24760
24761
24762
24763
24764          </li>
24765        
24766          <li
24767            id="template--28980150370464__main-12823419093152"
24768            class="product-grid__item product-grid__item--9"
24769            data-page="1"
24770            data-product-id="12823419093152"
24771            ref="cards[]"
24772          >
24773            
24774
24775
24776
24777<style data-shopify>
24778  
24779</style>
24780
24781
24782<product-card-link
24783    data-product-id="12823419093152"
24784    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_8.png?v=1784147685&width=500"
24785    data-product-transition="true"
24786    
24787  ><product-card
24788  class="product-card"
24789  data-product-id="12823419093152"
24790  id="product-card-ARkJhYk42RE5RUXhCT__product-card-9"
24791  data-product-transition="true"
24792  
24793  
24794>
24795  <a
24796    id="34a168262d7424a76332410c2b0f0fc9"
24797    
24798      href="/products/barbie%E2%84%A2-x-sol-kyst-1990s-totally-hair-frameless?variant=49232868868256"
24799    
24800    class="product-card__link"
24801    ref="productCardLink"
24802  >
24803    <span class="visually-hidden">
24804      Barbie™ x Sol Kyst | As-If
24805    </span>
24806  </a>
24807  <div
24808    class="
24809      product-card__content
24810      layout-panel-flex
24811      layout-panel-flex--column
24812      product-grid__card
24813      spacing-style
24814      border-style
24815      gap-style
24816      
24817    "
24818    style="
24819      --border-width: 1px; --border-style: none; --border-color:
24820rgb(var(--color-border-rgb) / 1.0); --border-radius:
248210px; 
24822
24823      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
24824
24825
24826
24827--horizontal-alignment: ; --vertical-alignment: ;
24828--vertical-alignment-mobile: ;
24829
24830      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
24831      --product-card-gap: 8px;
24832      --quick-add-display: flex;
24833      --quick-add-mobile-display: flex;
24834      --quick-add-mobile-opacity: 1;
24835      
24836      
24837      
24838      
24839    "
24840  >
24841    
24842  
24843
24844
24845
24846
24847
24848<div
24849  ref="cardGallery"
24850  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-9 spacing-style border-style"
24851  style="
24852    --border-width: 1px; --border-style: none; --border-color:
24853rgb(var(--color-border-rgb) / 1.0); --border-radius:
248540px; 
24855
24856    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
24857    --gallery-aspect-ratio: 4 / 5;
24858  "
24859  data-product-id="12823419093152"
24860  
24861    on:pointerenter="/previewImage"
24862    on:pointerleave="/resetImage"
24863  
24864  
24865    data-view-transition-to-main-product
24866  
24867  data-image-ratio="portrait"
24868  
24869>
24870    <a
24871      class="contents"
24872      ref="cardGalleryLink"
24873      href="/products/barbie%E2%84%A2-x-sol-kyst-1990s-totally-hair-frameless?variant=49232868868256"
24874      aria-label="Barbie™ x Sol Kyst | As-If"
24875    >
24876      <slideshow-component
24877  
24878    ref="slideshow"
24879  
24880  
24881  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11;--slide-min-height: auto;--slide-min-height-desktop: auto;"
24882  
24883  initial-slide="0"
24884  
24885  
24886    infinite
24887  
24888
24889  data-generic-media-size="10"
24890>
24891  
24892  <slideshow-container ref="slideshowContainer">
24893    
24894      <slideshow-arrows
24895  position="center"
24896  
24897><button
24898  class="
24899    slideshow-control slideshow-control--previous
24900    
24901    
24902    slideshow-control--style-arrow
24903    button button-unstyled button-unstyled--transparent
24904     flip-x
24905  "
24906  
24907  aria-label="Previous slide"
24908  
24909  on:click="/previous"
24910  ref="previous"
24911>
24912  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
24913</span>
24914</button>
24915<button
24916  class="
24917    slideshow-control slideshow-control--next
24918    
24919    
24920    slideshow-control--style-arrow
24921    button button-unstyled button-unstyled--transparent
24922    
24923  "
24924  
24925  aria-label="Next slide"
24926  
24927  on:click="/next"
24928  ref="next"
24929>
24930  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
24931</span>
24932</button>
24933</slideshow-arrows>
24934
24935    
24936    
24937    <slideshow-slides
24938      tabindex="-1"
24939      ref="scroller"
24940      
24941    >
24942      <slideshow-slide
24943  ref="slides[]"
24944  aria-hidden="false"
24945  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
24946  
24947    class="product-media-container media-fit product-media-container--image"
24948  
24949  
24950  
24951  
24952    slide-id="69767669383328"
24953  
24954  
24955  
24956  
24957>
24958  
24959
24960<div
24961  class="product-media"
24962  style="--ratio: 1.0"
24963  data-media-id="69767669383328"
24964>
24965  
24966  <img src="//www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_8.png?v=1784147685&amp;width=3840" alt="Barbie™ x Sol Kyst | As-If" srcset="//www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_8.png?v=1784147685&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_8.png?v=1784147685&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_8.png?v=1784147685&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_8.png?v=1784147685&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_8.png?v=1784147685&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_8.png?v=1784147685&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_8.png?v=1784147685&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_8.png?v=1784147685&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_8.png?v=1784147685&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
24967
24968  
24969</div>
24970
24971
24972
24973</slideshow-slide>
24974<slideshow-slide
24975  ref="slides[]"
24976  aria-hidden="true"
24977  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
24978  
24979    class="product-media-container media-fit product-media-container--image"
24980  
24981  
24982  
24983  
24984    slide-id="36020814971040"
24985  
24986  
24987  
24988  
24989>
24990  
24991
24992<div
24993  class="product-media"
24994  style="--ratio: 0.7999401018268942"
24995  data-media-id="36020814971040"
24996>
24997  
24998  <img src="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0707_AUG_15.jpg?v=1775779624&amp;width=3840" alt="Woman wearing pink Barbie sunglasses, styled in a pink outfit with matching decor." srcset="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0707_AUG_15.jpg?v=1775779624&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0707_AUG_15.jpg?v=1775779624&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0707_AUG_15.jpg?v=1775779624&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0707_AUG_15.jpg?v=1775779624&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0707_AUG_15.jpg?v=1775779624&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0707_AUG_15.jpg?v=1775779624&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0707_AUG_15.jpg?v=1775779624&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0707_AUG_15.jpg?v=1775779624&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0707_AUG_15.jpg?v=1775779624&amp;width=3840" fetchpriority="auto" style="--focal-point: 47.0524% 26.9518%;">
24999
25000  
25001</div>
25002
25003
25004
25005</slideshow-slide>
25006<slideshow-slide
25007  ref="slides[]"
25008  aria-hidden="true"
25009  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
25010  
25011    class="product-media-container media-fit product-media-container--image"
25012  
25013  
25014  
25015  
25016    slide-id="36020814905504"
25017  
25018  
25019  
25020  
25021>
25022  
25023
25024<div
25025  class="product-media"
25026  style="--ratio: 0.8"
25027  data-media-id="36020814905504"
25028>
25029  
25030  <img src="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0691_AUG_15.jpg?v=1773928103&amp;width=3840" alt="Model wearing Barbie sunglasses in a retro pink room, styled with a pink dress and vintage phone." srcset="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0691_AUG_15.jpg?v=1773928103&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0691_AUG_15.jpg?v=1773928103&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0691_AUG_15.jpg?v=1773928103&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0691_AUG_15.jpg?v=1773928103&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0691_AUG_15.jpg?v=1773928103&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0691_AUG_15.jpg?v=1773928103&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0691_AUG_15.jpg?v=1773928103&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0691_AUG_15.jpg?v=1773928103&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0691_AUG_15.jpg?v=1773928103&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
25031
25032  
25033</div>
25034
25035
25036
25037</slideshow-slide>
25038<slideshow-slide
25039  ref="slides[]"
25040  aria-hidden="true"
25041  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
25042  
25043    class="product-media-container media-fit product-media-container--image"
25044  
25045  variant-image
25046  
25047  
25048    slide-id="38108818505888"
25049  
25050  
25051    hidden
25052  
25053  
25054  variant-image
25055>
25056  
25057
25058<div
25059  class="product-media"
25060  style="--ratio: 0.8001220628623741"
25061  data-media-id="38108818505888"
25062>
25063  
25064  <img src="//www.solkyst.ca/cdn/shop/files/IMG_1199.jpg?v=1771450193&amp;width=3840" alt="Barbie™ x Sol Kyst | As-If" srcset="//www.solkyst.ca/cdn/shop/files/IMG_1199.jpg?v=1771450193&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_1199.jpg?v=1771450193&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_1199.jpg?v=1771450193&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_1199.jpg?v=1771450193&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_1199.jpg?v=1771450193&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_1199.jpg?v=1771450193&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_1199.jpg?v=1771450193&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_1199.jpg?v=1771450193&amp;width=3840 3840w" width="3840" height="4799" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_1199.jpg?v=1771450193&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
25065
25066  
25067</div>
25068
25069
25070
25071</slideshow-slide>
25072<slideshow-slide
25073  ref="slides[]"
25074  aria-hidden="true"
25075  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
25076  
25077    class="product-media-container media-fit product-media-container--image"
25078  
25079  
25080  
25081  
25082    slide-id="38108909830304"
25083  
25084  
25085  
25086  
25087>
25088  
25089
25090<div
25091  class="product-media"
25092  style="--ratio: 0.8002712783994574"
25093  data-media-id="38108909830304"
25094>
25095  
25096  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0575.jpg?v=1771450193&amp;width=3840" alt="Barbie™ x Sol Kyst | As-If" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0575.jpg?v=1771450193&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0575.jpg?v=1771450193&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0575.jpg?v=1771450193&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0575.jpg?v=1771450193&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0575.jpg?v=1771450193&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0575.jpg?v=1771450193&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0575.jpg?v=1771450193&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0575.jpg?v=1771450193&amp;width=3840 3840w" width="3840" height="4798" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0575.jpg?v=1771450193&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
25097
25098  
25099</div>
25100
25101
25102
25103</slideshow-slide>
25104<slideshow-slide
25105  ref="slides[]"
25106  aria-hidden="true"
25107  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
25108  
25109    class="product-media-container media-fit product-media-container--image"
25110  
25111  
25112  
25113  
25114    slide-id="39218372968608"
25115  
25116  
25117  
25118  
25119>
25120  
25121
25122<div
25123  class="product-media"
25124  style="--ratio: 0.6666666666666666"
25125  data-media-id="39218372968608"
25126>
25127  
25128  <img src="//www.solkyst.ca/cdn/shop/files/Barbie-As-If.png?v=1775779624&amp;width=3840" alt="Barbie™ x Sol Kyst | As-If" srcset="//www.solkyst.ca/cdn/shop/files/Barbie-As-If.png?v=1775779624&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Barbie-As-If.png?v=1775779624&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Barbie-As-If.png?v=1775779624&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Barbie-As-If.png?v=1775779624&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Barbie-As-If.png?v=1775779624&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Barbie-As-If.png?v=1775779624&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Barbie-As-If.png?v=1775779624&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Barbie-As-If.png?v=1775779624&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Barbie-As-If.png?v=1775779624&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
25129
25130  
25131</div>
25132
25133
25134
25135</slideshow-slide>
25136
25137    </slideshow-slides>
25138  </slideshow-container>
25139  
25140</slideshow-component>
25141
25142
25143
25144    </a>
25145  
25146  
25147    <div
25148      class="product-badges product-badges--top-left"
25149      style="
25150        --badge-border-radius: 0px;
25151        --badge-font-family: var(--font-body--family);
25151 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
25152      "
25153    ></div>
25154    
25155      
25156
25157<quick-add-component
25158  class="quick-add color-scheme-4 "
25159  ref="quickAdd"
25160  data-product-title="Barbie™ x Sol Kyst | As-If"
25161  data-quick-add-button="choose"
25162  data-product-options-count="1"
25163>
25164  <product-form-component
25165    data-section-id="template--28980150370464__main"
25166    data-product-id="12823419093152"
25167    on:submit="/handleSubmit"
25168    class="quick-add__product-form-component"
25169  >
25170    <div
25171      class="visually-hidden"
25172      aria-live="assertive"
25173      role="status"
25174      aria-atomic="true"
25175      ref="liveRegion"
25176    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-12823419093152-AVkVHRmZuS1U2YVZuU__card-gallery-9" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
25177        type="hidden"
25178        name="id"
25179        ref="variantId"
25180        value="49232868868256"
25181        
25182      >
25183      <input
25184        type="hidden"
25185        name="quantity"
25186        value="1"
25187      >
25188      
25189      <add-to-cart-component
25190  ref="addToCartButtonContainer"
25191  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_8.png?v=1784147685&width=100"
25192  data-add-to-cart-animation="true"
25193>
25194  <button
25195    
25196    type="submit"
25197    name="add"
25198    ref="addToCartButton"
25199    on:click="/handleClick"
25200    class="button button quick-add__button quick-add__button--add add-to-cart-button"
25201    
25202    
25203  >
25204    <span
25205      class="add-to-cart-text"
25206    >
25207      
25208        <span
25209          aria-hidden="true"
25210          class="svg-wrapper add-to-cart-icon"
25211        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
25212</span>
25213      
25214      <span class="add-to-cart-text__content is-visually-hidden-mobile">
25215        <span>
25216          <span>Add</span>
25217        </span>
25218      </span>
25219    </span>
25220    
25221    <span class="add-to-cart__added">
25222      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
25223  <g class="check">
25224    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
25225    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
25226  </g>
25227  <g class="burst">
25228    <g style="--index: 0;">
25229      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
25230    </g>
25231    <g style="--index: 1;">
25232      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
25233    </g>
25234    <g style="--index: 2;">
25235      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
25236    </g>
25237    <g style="--index: 3;">
25238      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
25239    </g>
25240    <g style="--index: 4;">
25241      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
25242    </g>
25243    <g style="--index: 5;">
25244      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
25245    </g>
25246    <g style="--index: 6;">
25247      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
25248    </g>
25249    <g style="--index: 7;">
25250      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
25251    </g>
25252  </g>
25253</svg>
25254</span>
25255    </span>
25256  </button>
25257</add-to-cart-component>
25258
25259
25260
25261
25262      <button
25263        class="button quick-add__button quick-add__button--choose add-to-cart-button"
25264        
25265        type="button"
25266        name="add"
25267        on:click="quick-add-component/handleClick"
25268      >
25269        <span
25270          class="add-to-cart-text quick-add__button-content"
25271        >
25272          
25273          <span
25274            aria-hidden="true"
25275            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
25276          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
25277</span>
25278          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
25279            <span>
25280              
25281              <span>
25282                Choose
25283              </span>
25284            </span>
25285          </span>
25286        </span>
25287      </button><input type="hidden" name="product-id" value="12823419093152" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
25288</quick-add-component>
25289
25290
25291
25292    
25293  
25294
25295</div>
25296
25297
25298
25299
25300
25301<div class="product-grid-view-zoom-out--details">
25302  
25303    <h3 class="h4">Barbie™ x Sol Kyst | As-If</h3>
25304  
25305</div>
25306
25307
25308
25309
25310
25311
25312<div
25313  class="
25314    group-block
25315    
25316    group-block--height-fit
25317    group-block--width-fill
25318    border-style
25319    spacing-style
25320    size-style
25321    
25322    
25323  "
25324  style="
25325    --border-width: 1px; --border-style: none; --border-color:
25326rgb(var(--color-border-rgb) / 1.0); --border-radius:
253270px; 
25328
25329    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
25330    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
25331    
25332  "
25333  
25334  data-testid="group-block"
25335><div class="group-block__media-wrapper">
25336    
25337
25338
25339
25340    
25341  </div>
25342
25343  <div
25344    class="
25345      group-block-content
25346      
25347      layout-panel-flex
25348      layout-panel-flex--row
25349       mobile-column
25350    "
25351    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
25352
25353--gap: 12px;
25354
25355--horizontal-alignment: space-between; --vertical-alignment: flex-start;
25356--vertical-alignment-mobile: flex-start;
25357"
25358  >
25359  
25360
25361<div
25362  class="
25363    group-block
25364    
25365    group-block--height-fit
25366    group-block--width-fill
25367    border-style
25368    spacing-style
25369    size-style
25370    
25371    
25372  "
25373  style="
25374    --border-width: 1px; --border-style: none; --border-color:
25375rgb(var(--color-border-rgb) / 1.0); --border-radius:
253760px; 
25377
25378    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
25379    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
25380    
25381  "
25382  
25383  data-testid="group-block"
25384><div class="group-block__media-wrapper">
25385    
25386
25387
25388
25389    
25390  </div>
25391
25392  <div
25393    class="
25394      group-block-content
25395      
25396      layout-panel-flex
25397      layout-panel-flex--column
25398       mobile-column
25399    "
25400    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
25401
25402--gap: 0px;
25403
25404--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
25405--vertical-alignment-mobile: flex-start;
25406"
25407  >
25408  
25409  
25410  <a
25411    class="contents user-select-text"
25412    ref="productTitleLink"
25413    href="/products/barbie%E2%84%A2-x-sol-kyst-1990s-totally-hair-frameless?variant=49232868868256"
25414  >
25415    
25416
25417
25418
25419
25420
25421
25422  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-9 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
25423    <p>Barbie™ x Sol Kyst | As-If</p>
25424  </div>
25425
25426
25427
25428
25429  </a>
25430
25431
25432
25433
25434
25435<product-price
25436  class="text-block text-block--align-left text-left h5 spacing-style"
25437  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-9"
25438  data-product-id="12823419093152"
25439  style="
25440    
25441--color: var(--color-foreground);
25442    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
25443    --width: 100%;
25444  "
25445  
25446>
25447  <div ref="priceContainer">
25448  
25449    
25450    
25451
25452    
25453      <span class="price">$200.00</span>
25454    
25455
25456    
25457  
25458</div>
25459
25460  
25461</product-price>
25462
25463
25464
25465
25466
25467
25468
25469</div>
25470</div>
25471
25472
25473
25474
25475
25476
25477<div
25478  class="
25479    group-block
25480    
25481    group-block--height-fit
25482    group-block--width-fill
25483    border-style
25484    spacing-style
25485    size-style
25486    
25487    
25488  "
25489  style="
25490    --border-width: 1px; --border-style: none; --border-color:
25491rgb(var(--color-border-rgb) / 1.0); --border-radius:
254920px; 
25493
25494    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
25495    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
25496    
25497  "
25498  
25499  data-testid="group-block"
25500><div class="group-block__media-wrapper">
25501    
25502
25503
25504
25505    
25506  </div>
25507
25508  <div
25509    class="
25510      group-block-content
25511      
25512      layout-panel-flex
25513      layout-panel-flex--column
25514       mobile-column
25515    "
25516    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
25517
25518--gap: 0px;
25519
25520--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
25521--vertical-alignment-mobile: flex-start;
25522"
25523  >
25524  
25525
25526
25527
25528
25529
25530
25531
25532</div>
25533</div>
25534
25535
25536
25537
25538
25539</div>
25540</div>
25541
25542
25543
25544
25545
25546
25547  </div>
25548</product-card></product-card-link>
25549
25550
25551
25552
25553          </li>
25554        
25555          <li
25556            id="template--28980150370464__main-12823356997792"
25557            class="product-grid__item product-grid__item--10"
25558            data-page="1"
25559            data-product-id="12823356997792"
25560            ref="cards[]"
25561          >
25562            
25563
25564
25565
25566<style data-shopify>
25567  
25568</style>
25569
25570
25571<product-card-link
25572    data-product-id="12823356997792"
25573    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-1.png?v=1784148369&width=500"
25574    data-product-transition="true"
25575    
25576  ><product-card
25577  class="product-card"
25578  data-product-id="12823356997792"
25579  id="product-card-ARkJhYk42RE5RUXhCT__product-card-10"
25580  data-product-transition="true"
25581  
25582  
25583>
25584  <a
25585    id="a75cadb762b3a6c3f9bf0157f9cac520"
25586    
25587      href="/products/barbie%E2%84%A2-x-sol-kyst-1959-originals?variant=49232763224224"
25588    
25589    class="product-card__link"
25590    ref="productCardLink"
25591  >
25592    <span class="visually-hidden">
25593      Barbie™ x Sol Kyst | Baby Doll
25594    </span>
25595  </a>
25596  <div
25597    class="
25598      product-card__content
25599      layout-panel-flex
25600      layout-panel-flex--column
25601      product-grid__card
25602      spacing-style
25603      border-style
25604      gap-style
25605      
25606    "
25607    style="
25608      --border-width: 1px; --border-style: none; --border-color:
25609rgb(var(--color-border-rgb) / 1.0); --border-radius:
256100px; 
25611
25612      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
25613
25614
25615
25616--horizontal-alignment: ; --vertical-alignment: ;
25617--vertical-alignment-mobile: ;
25618
25619      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
25620      --product-card-gap: 8px;
25621      --quick-add-display: flex;
25622      --quick-add-mobile-display: flex;
25623      --quick-add-mobile-opacity: 1;
25624      
25625      
25626      
25627      
25628    "
25629  >
25630    
25631  
25632
25633
25634
25635
25636
25637<div
25638  ref="cardGallery"
25639  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-10 spacing-style border-style"
25640  style="
25641    --border-width: 1px; --border-style: none; --border-color:
25642rgb(var(--color-border-rgb) / 1.0); --border-radius:
256430px; 
25644
25645    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
25646    --gallery-aspect-ratio: 4 / 5;
25647  "
25648  data-product-id="12823356997792"
25649  
25650    on:pointerenter="/previewImage"
25651    on:pointerleave="/resetImage"
25652  
25653  
25654    data-view-transition-to-main-product
25655  
25656  data-image-ratio="portrait"
25657  
25658>
25659    <a
25660      class="contents"
25661      ref="cardGalleryLink"
25662      href="/products/barbie%E2%84%A2-x-sol-kyst-1959-originals?variant=49232763224224"
25663      aria-label="Barbie™ x Sol Kyst | Baby Doll"
25664    >
25665      <slideshow-component
25666  
25667    ref="slideshow"
25668  
25669  
25670  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8;--slide-min-height: auto;--slide-min-height-desktop: auto;"
25671  
25672  initial-slide="0"
25673  
25674  
25675    infinite
25676  
25677
25678  data-generic-media-size="8"
25679>
25680  
25681  <slideshow-container ref="slideshowContainer">
25682    
25683      <slideshow-arrows
25684  position="center"
25685  
25686><button
25687  class="
25688    slideshow-control slideshow-control--previous
25689    
25690    
25691    slideshow-control--style-arrow
25692    button button-unstyled button-unstyled--transparent
25693     flip-x
25694  "
25695  
25696  aria-label="Previous slide"
25697  
25698  on:click="/previous"
25699  ref="previous"
25700>
25701  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
25702</span>
25703</button>
25704<button
25705  class="
25706    slideshow-control slideshow-control--next
25707    
25708    
25709    slideshow-control--style-arrow
25710    button button-unstyled button-unstyled--transparent
25711    
25712  "
25713  
25714  aria-label="Next slide"
25715  
25716  on:click="/next"
25717  ref="next"
25718>
25719  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
25720</span>
25721</button>
25722</slideshow-arrows>
25723
25724    
25725    
25726    <slideshow-slides
25727      tabindex="-1"
25728      ref="scroller"
25729      
25730    >
25731      <slideshow-slide
25732  ref="slides[]"
25733  aria-hidden="false"
25734  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
25735  
25736    class="product-media-container media-fit product-media-container--image"
25737  
25738  
25739  
25740  
25741    slide-id="69767701135520"
25742  
25743  
25744  
25745  
25746>
25747  
25748
25749<div
25750  class="product-media"
25751  style="--ratio: 1.0"
25752  data-media-id="69767701135520"
25753>
25754  
25755  <img src="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-1.png?v=1784148369&amp;width=3840" alt="Barbie™ x Sol Kyst | Baby Doll" srcset="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-1.png?v=1784148369&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-1.png?v=1784148369&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-1.png?v=1784148369&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-1.png?v=1784148369&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-1.png?v=1784148369&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-1.png?v=1784148369&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-1.png?v=1784148369&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-1.png?v=1784148369&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-1.png?v=1784148369&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
25756
25757  
25758</div>
25759
25760
25761
25762</slideshow-slide>
25763<slideshow-slide
25764  ref="slides[]"
25765  aria-hidden="true"
25766  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
25767  
25768    class="product-media-container media-fit product-media-container--image"
25769  
25770  
25771  
25772  
25773    slide-id="36020841218208"
25774  
25775  
25776  
25777  
25778>
25779  
25780
25781<div
25782  class="product-media"
25783  style="--ratio: 0.6666666666666666"
25784  data-media-id="36020841218208"
25785>
25786  
25787  <img src="//www.solkyst.ca/cdn/shop/files/5U6A3825.jpg?v=1775779523&amp;width=3840" alt="Barbie x Sol Kyst white cat-eye sunglasses with blue lenses, shown with a matching navy case." srcset="//www.solkyst.ca/cdn/shop/files/5U6A3825.jpg?v=1775779523&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/5U6A3825.jpg?v=1775779523&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/5U6A3825.jpg?v=1775779523&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/5U6A3825.jpg?v=1775779523&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/5U6A3825.jpg?v=1775779523&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/5U6A3825.jpg?v=1775779523&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/5U6A3825.jpg?v=1775779523&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/5U6A3825.jpg?v=1775779523&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/5U6A3825.jpg?v=1775779523&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
25788
25789  
25790</div>
25791
25792
25793
25794</slideshow-slide>
25795<slideshow-slide
25796  ref="slides[]"
25797  aria-hidden="true"
25798  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
25799  
25800    class="product-media-container media-fit product-media-container--image"
25801  
25802  
25803  
25804  
25805    slide-id="36020814807200"
25806  
25807  
25808  
25809  
25810>
25811  
25812
25813<div
25814  class="product-media"
25815  style="--ratio: 1.499267935578331"
25816  data-media-id="36020814807200"
25817>
25818  
25819  <img src="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0115_AUG_15.jpg?v=1775779523&amp;width=3840" alt="Model sitting in retro car wearing Barbie cat eye sunglasses and a white dress." srcset="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0115_AUG_15.jpg?v=1775779523&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0115_AUG_15.jpg?v=1775779523&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0115_AUG_15.jpg?v=1775779523&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0115_AUG_15.jpg?v=1775779523&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0115_AUG_15.jpg?v=1775779523&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0115_AUG_15.jpg?v=1775779523&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0115_AUG_15.jpg?v=1775779523&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0115_AUG_15.jpg?v=1775779523&amp;width=3840 3840w" width="3840" height="2561" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0115_AUG_15.jpg?v=1775779523&amp;width=3840" fetchpriority="auto" style="--focal-point: 46.1473% 35.9017%;">
25820
25821  
25822</div>
25823
25824
25825
25826</slideshow-slide>
25827<slideshow-slide
25828  ref="slides[]"
25829  aria-hidden="true"
25830  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
25831  
25832    class="product-media-container media-fit product-media-container--image"
25833  
25834  
25835  
25836  
25837    slide-id="36118439428256"
25838  
25839  
25840  
25841  
25842>
25843  
25844
25845<div
25846  class="product-media"
25847  style="--ratio: 1.0"
25848  data-media-id="36118439428256"
25849>
25850  
25851  <img src="//www.solkyst.ca/cdn/shop/files/Barbie-BabyDoll.jpg?v=1775779523&amp;width=3840" alt="Four different pictures from various angles, showcasing the white Barbie cat eye sunglasses." srcset="//www.solkyst.ca/cdn/shop/files/Barbie-BabyDoll.jpg?v=1775779523&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Barbie-BabyDoll.jpg?v=1775779523&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Barbie-BabyDoll.jpg?v=1775779523&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Barbie-BabyDoll.jpg?v=1775779523&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Barbie-BabyDoll.jpg?v=1775779523&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Barbie-BabyDoll.jpg?v=1775779523&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Barbie-BabyDoll.jpg?v=1775779523&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Barbie-BabyDoll.jpg?v=1775779523&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Barbie-BabyDoll.jpg?v=1775779523&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
25852
25853  
25854</div>
25855
25856
25857
25858</slideshow-slide>
25859<slideshow-slide
25860  ref="slides[]"
25861  aria-hidden="true"
25862  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
25863  
25864    class="product-media-container media-fit product-media-container--image"
25865  
25866  
25867  
25868  
25869    slide-id="36020814774432"
25870  
25871  
25872  
25873  
25874>
25875  
25876
25877<div
25878  class="product-media"
25879  style="--ratio: 1.4994388327721662"
25880  data-media-id="36020814774432"
25881>
25882  
25883  <img src="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0009_AUG_15.jpg?v=1775779523&amp;width=3840" alt="Side view of model sitting in a retro car looking forward wearing white Barbie cat eye sunglasses." srcset="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0009_AUG_15.jpg?v=1775779523&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0009_AUG_15.jpg?v=1775779523&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0009_AUG_15.jpg?v=1775779523&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0009_AUG_15.jpg?v=1775779523&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0009_AUG_15.jpg?v=1775779523&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0009_AUG_15.jpg?v=1775779523&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0009_AUG_15.jpg?v=1775779523&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0009_AUG_15.jpg?v=1775779523&amp;width=3840 3840w" width="3840" height="2561" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0009_AUG_15.jpg?v=1775779523&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
25884
25885  
25886</div>
25887
25888
25889
25890</slideshow-slide>
25891
25892    </slideshow-slides>
25893  </slideshow-container>
25894  
25895</slideshow-component>
25896
25897
25898
25899    </a>
25900  
25901  
25902    <div
25903      class="product-badges product-badges--top-left"
25904      style="
25905        --badge-border-radius: 0px;
25906        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
25907      "
25908    ></div>
25909    
25910      
25911
25912<quick-add-component
25913  class="quick-add color-scheme-4 "
25914  ref="quickAdd"
25915  data-product-title="Barbie™ x Sol Kyst | Baby Doll"
25916  data-quick-add-button="choose"
25917  data-product-options-count="1"
25918>
25919  <product-form-component
25920    data-section-id="template--28980150370464__main"
25921    data-product-id="12823356997792"
25922    on:submit="/handleSubmit"
25923    class="quick-add__product-form-component"
25924  >
25925    <div
25926      class="visually-hidden"
25927      aria-live="assertive"
25928      role="status"
25929      aria-atomic="true"
25930      ref="liveRegion"
25931    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-12823356997792-AVkVHRmZuS1U2YVZuU__card-gallery-10" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
25932        type="hidden"
25933        name="id"
25934        ref="variantId"
25935        value="49232763224224"
25936        
25937      >
25938      <input
25939        type="hidden"
25940        name="quantity"
25941        value="1"
25942      >
25943      
25944      <add-to-cart-component
25945  ref="addToCartButtonContainer"
25946  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-1.png?v=1784148369&width=100"
25947  data-add-to-cart-animation="true"
25948>
25949  <button
25950    
25951    type="submit"
25952    name="add"
25953    ref="addToCartButton"
25954    on:click="/handleClick"
25955    class="button button quick-add__button quick-add__button--add add-to-cart-button"
25956    
25957    
25958  >
25959    <span
25960      class="add-to-cart-text"
25961    >
25962      
25963        <span
25964          aria-hidden="true"
25965          class="svg-wrapper add-to-cart-icon"
25966        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
25967</span>
25968      
25969      <span class="add-to-cart-text__content is-visually-hidden-mobile">
25970        <span>
25971          <span>Add</span>
25972        </span>
25973      </span>
25974    </span>
25975    
25976    <span class="add-to-cart__added">
25977      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
25978  <g class="check">
25979    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
25980    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
25981  </g>
25982  <g class="burst">
25983    <g style="--index: 0;">
25984      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
25985    </g>
25986    <g style="--index: 1;">
25987      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
25988    </g>
25989    <g style="--index: 2;">
25990      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
25991    </g>
25992    <g style="--index: 3;">
25993      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
25994    </g>
25995    <g style="--index: 4;">
25996      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
25997    </g>
25998    <g style="--index: 5;">
25999      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
26000    </g>
26001    <g style="--index: 6;">
26002      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
26003    </g>
26004    <g style="--index: 7;">
26005      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
26006    </g>
26007  </g>
26008</svg>
26009</span>
26010    </span>
26011  </button>
26012</add-to-cart-component>
26013
26014
26015
26016
26017      <button
26018        class="button quick-add__button quick-add__button--choose add-to-cart-button"
26019        
26020        type="button"
26021        name="add"
26022        on:click="quick-add-component/handleClick"
26023      >
26024        <span
26025          class="add-to-cart-text quick-add__button-content"
26026        >
26027          
26028          <span
26029            aria-hidden="true"
26030            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
26031          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
26032</span>
26033          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
26034            <span>
26035              
26036              <span>
26037                Choose
26038              </span>
26039            </span>
26040          </span>
26041        </span>
26042      </button><input type="hidden" name="product-id" value="12823356997792" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
26043</quick-add-component>
26044
26045
26046
26047    
26048  
26049
26050</div>
26051
26052
26053
26054
26055
26056<div class="product-grid-view-zoom-out--details">
26057  
26058    <h3 class="h4">Barbie™ x Sol Kyst | Baby Doll</h3>
26059  
26060</div>
26061
26062
26063
26064
26065
26066
26067<div
26068  class="
26069    group-block
26070    
26071    group-block--height-fit
26072    group-block--width-fill
26073    border-style
26074    spacing-style
26075    size-style
26076    
26077    
26078  "
26079  style="
26080    --border-width: 1px; --border-style: none; --border-color:
26081rgb(var(--color-border-rgb) / 1.0); --border-radius:
260820px; 
26083
26084    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
26085    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
26086    
26087  "
26088  
26089  data-testid="group-block"
26090><div class="group-block__media-wrapper">
26091    
26092
26093
26094
26095    
26096  </div>
26097
26098  <div
26099    class="
26100      group-block-content
26101      
26102      layout-panel-flex
26103      layout-panel-flex--row
26104       mobile-column
26105    "
26106    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
26107
26108--gap: 12px;
26109
26110--horizontal-alignment: space-between; --vertical-alignment: flex-start;
26111--vertical-alignment-mobile: flex-start;
26112"
26113  >
26114  
26115
26116<div
26117  class="
26118    group-block
26119    
26120    group-block--height-fit
26121    group-block--width-fill
26122    border-style
26123    spacing-style
26124    size-style
26125    
26126    
26127  "
26128  style="
26129    --border-width: 1px; --border-style: none; --border-color:
26130rgb(var(--color-border-rgb) / 1.0); --border-radius:
261310px; 
26132
26133    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
26134    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
26135    
26136  "
26137  
26138  data-testid="group-block"
26139><div class="group-block__media-wrapper">
26140    
26141
26142
26143
26144    
26145  </div>
26146
26147  <div
26148    class="
26149      group-block-content
26150      
26151      layout-panel-flex
26152      layout-panel-flex--column
26153       mobile-column
26154    "
26155    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
26156
26157--gap: 0px;
26158
26159--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
26160--vertical-alignment-mobile: flex-start;
26161"
26162  >
26163  
26164  
26165  <a
26166    class="contents user-select-text"
26167    ref="productTitleLink"
26168    href="/products/barbie%E2%84%A2-x-sol-kyst-1959-originals?variant=49232763224224"
26169  >
26170    
26171
26172
26173
26174
26175
26176
26177  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-10 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
26178    <p>Barbie™ x Sol Kyst | Baby Doll</p>
26179  </div>
26180
26181
26182
26183
26184  </a>
26185
26186
26187
26188
26189
26190<product-price
26191  class="text-block text-block--align-left text-left h5 spacing-style"
26192  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-10"
26193  data-product-id="12823356997792"
26194  style="
26195    
26196--color: var(--color-foreground);
26197    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
26198    --width: 100%;
26199  "
26200  
26201>
26202  <div ref="priceContainer">
26203  
26204    
26205    
26206
26207    
26208      <span class="price">$200.00</span>
26209    
26210
26211    
26212  
26213</div>
26214
26215  
26216</product-price>
26217
26218
26219
26220
26221
26222
26223
26224</div>
26225</div>
26226
26227
26228
26229
26230
26231
26232<div
26233  class="
26234    group-block
26235    
26236    group-block--height-fit
26237    group-block--width-fill
26238    border-style
26239    spacing-style
26240    size-style
26241    
26242    
26243  "
26244  style="
26245    --border-width: 1px; --border-style: none; --border-color:
26246rgb(var(--color-border-rgb) / 1.0); --border-radius:
262470px; 
26248
26249    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
26250    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
26251    
26252  "
26253  
26254  data-testid="group-block"
26255><div class="group-block__media-wrapper">
26256    
26257
26258
26259
26260    
26261  </div>
26262
26263  <div
26264    class="
26265      group-block-content
26266      
26267      layout-panel-flex
26268      layout-panel-flex--column
26269       mobile-column
26270    "
26271    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
26272
26273--gap: 0px;
26274
26275--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
26276--vertical-alignment-mobile: flex-start;
26277"
26278  >
26279  
26280
26281
26282
26283
26284
26285
26286
26287</div>
26288</div>
26289
26290
26291
26292
26293
26294</div>
26295</div>
26296
26297
26298
26299
26300
26301
26302  </div>
26303</product-card></product-card-link>
26304
26305
26306
26307
26308          </li>
26309        
26310          <li
26311            id="template--28980150370464__main-12823411163296"
26312            class="product-grid__item product-grid__item--11"
26313            data-page="1"
26314            data-product-id="12823411163296"
26315            ref="cards[]"
26316          >
26317            
26318
26319
26320
26321<style data-shopify>
26322  
26323</style>
26324
26325
26326<product-card-link
26327    data-product-id="12823411163296"
26328    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-7.png?v=1784148407&width=500"
26329    data-product-transition="true"
26330    
26331  ><product-card
26332  class="product-card"
26333  data-product-id="12823411163296"
26334  id="product-card-ARkJhYk42RE5RUXhCT__product-card-11"
26335  data-product-transition="true"
26336  
26337  
26338>
26339  <a
26340    id="c2459f87d7ee681829ad9248d7de5528"
26341    
26342      href="/products/barbie%E2%84%A2-x-sol-kyst-1980s-crystal-cat-eye?variant=49232854876320"
26343    
26344    class="product-card__link"
26345    ref="productCardLink"
26346  >
26347    <span class="visually-hidden">
26348      Barbie™ x Sol Kyst | Crystal
26349    </span>
26350  </a>
26351  <div
26352    class="
26353      product-card__content
26354      layout-panel-flex
26355      layout-panel-flex--column
26356      product-grid__card
26357      spacing-style
26358      border-style
26359      gap-style
26360      
26361    "
26362    style="
26363      --border-width: 1px; --border-style: none; --border-color:
26364rgb(var(--color-border-rgb) / 1.0); --border-radius:
263650px; 
26366
26367      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
26368
26369
26370
26371--horizontal-alignment: ; --vertical-alignment: ;
26372--vertical-alignment-mobile: ;
26373
26374      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
26375      --product-card-gap: 8px;
26376      --quick-add-display: flex;
26377      --quick-add-mobile-display: flex;
26378      --quick-add-mobile-opacity: 1;
26379      
26380      
26381      
26382      
26383    "
26384  >
26385    
26386  
26387
26388
26389
26390
26391
26392<div
26393  ref="cardGallery"
26394  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-11 spacing-style border-style"
26395  style="
26396    --border-width: 1px; --border-style: none; --border-color:
26397rgb(var(--color-border-rgb) / 1.0); --border-radius:
263980px; 
26399
26400    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
26401    --gallery-aspect-ratio: 4 / 5;
26402  "
26403  data-product-id="12823411163296"
26404  
26405    on:pointerenter="/previewImage"
26406    on:pointerleave="/resetImage"
26407  
26408  
26409    data-view-transition-to-main-product
26410  
26411  data-image-ratio="portrait"
26412  
26413>
26414    <a
26415      class="contents"
26416      ref="cardGalleryLink"
26417      href="/products/barbie%E2%84%A2-x-sol-kyst-1980s-crystal-cat-eye?variant=49232854876320"
26418      aria-label="Barbie™ x Sol Kyst | Crystal"
26419    >
26420      <slideshow-component
26421  
26422    ref="slideshow"
26423  
26424  
26425  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10;--slide-min-height: auto;--slide-min-height-desktop: auto;"
26426  
26427  initial-slide="0"
26428  
26429  
26430    infinite
26431  
26432
26433  data-generic-media-size="10"
26434>
26435  
26436  <slideshow-container ref="slideshowContainer">
26437    
26438      <slideshow-arrows
26439  position="center"
26440  
26441><button
26442  class="
26443    slideshow-control slideshow-control--previous
26444    
26445    
26446    slideshow-control--style-arrow
26447    button button-unstyled button-unstyled--transparent
26448     flip-x
26449  "
26450  
26451  aria-label="Previous slide"
26452  
26453  on:click="/previous"
26454  ref="previous"
26455>
26456  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
26457</span>
26458</button>
26459<button
26460  class="
26461    slideshow-control slideshow-control--next
26462    
26463    
26464    slideshow-control--style-arrow
26465    button button-unstyled button-unstyled--transparent
26466    
26467  "
26468  
26469  aria-label="Next slide"
26470  
26471  on:click="/next"
26472  ref="next"
26473>
26474  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
26475</span>
26476</button>
26477</slideshow-arrows>
26478
26479    
26480    
26481    <slideshow-slides
26482      tabindex="-1"
26483      ref="scroller"
26484      
26485    >
26486      <slideshow-slide
26487  ref="slides[]"
26488  aria-hidden="false"
26489  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
26490  
26491    class="product-media-container media-fit product-media-container--image"
26492  
26493  
26494  
26495  
26496    slide-id="69767702741152"
26497  
26498  
26499  
26500  
26501>
26502  
26503
26504<div
26505  class="product-media"
26506  style="--ratio: 1.0"
26507  data-media-id="69767702741152"
26508>
26509  
26510  <img src="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-7.png?v=1784148407&amp;width=3840" alt="Barbie™ x Sol Kyst | Crystal" srcset="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-7.png?v=1784148407&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-7.png?v=1784148407&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-7.png?v=1784148407&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-7.png?v=1784148407&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-7.png?v=1784148407&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-7.png?v=1784148407&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-7.png?v=1784148407&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-7.png?v=1784148407&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-7.png?v=1784148407&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
26511
26512  
26513</div>
26514
26515
26516
26517</slideshow-slide>
26518<slideshow-slide
26519  ref="slides[]"
26520  aria-hidden="true"
26521  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
26522  
26523    class="product-media-container media-fit product-media-container--image"
26524  
26525  
26526  
26527  
26528    slide-id="38109415178400"
26529  
26530  
26531  
26532  
26533>
26534  
26535
26536<div
26537  class="product-media"
26538  style="--ratio: 0.8"
26539  data-media-id="38109415178400"
26540>
26541  
26542  <img src="//www.solkyst.ca/cdn/shop/files/Barbie_1980s_Crystal.webp?v=1775779554&amp;width=3840" alt="Model wearing lavender Barbie cat eye sunglasses with glossy lenses, paired with a sparkling pink headband and bag." srcset="//www.solkyst.ca/cdn/shop/files/Barbie_1980s_Crystal.webp?v=1775779554&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Barbie_1980s_Crystal.webp?v=1775779554&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Barbie_1980s_Crystal.webp?v=1775779554&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Barbie_1980s_Crystal.webp?v=1775779554&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Barbie_1980s_Crystal.webp?v=1775779554&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Barbie_1980s_Crystal.webp?v=1775779554&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Barbie_1980s_Crystal.webp?v=1775779554&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Barbie_1980s_Crystal.webp?v=1775779554&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Barbie_1980s_Crystal.webp?v=1775779554&amp;width=3840" fetchpriority="auto" style="--focal-point: 57.7151% 20.2365%;">
26543
26544  
26545</div>
26546
26547
26548
26549</slideshow-slide>
26550<slideshow-slide
26551  ref="slides[]"
26552  aria-hidden="true"
26553  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
26554  
26555    class="product-media-container media-fit product-media-container--image"
26556  
26557  
26558  
26559  
26560    slide-id="36005229002912"
26561  
26562  
26563  
26564  
26565>
26566  
26567
26568<div
26569  class="product-media"
26570  style="--ratio: 0.6666666666666666"
26571  data-media-id="36005229002912"
26572>
26573  
26574  <img src="//www.solkyst.ca/cdn/shop/files/7_f6216cba-b175-4aa9-ba47-6ebc235a0463.png?v=1775779554&amp;width=3840" alt="Barbie cat eye sunglasses, with purple tinted lenses and purple frame - front view." srcset="//www.solkyst.ca/cdn/shop/files/7_f6216cba-b175-4aa9-ba47-6ebc235a0463.png?v=1775779554&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/7_f6216cba-b175-4aa9-ba47-6ebc235a0463.png?v=1775779554&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/7_f6216cba-b175-4aa9-ba47-6ebc235a0463.png?v=1775779554&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/7_f6216cba-b175-4aa9-ba47-6ebc235a0463.png?v=1775779554&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/7_f6216cba-b175-4aa9-ba47-6ebc235a0463.png?v=1775779554&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/7_f6216cba-b175-4aa9-ba47-6ebc235a0463.png?v=1775779554&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/7_f6216cba-b175-4aa9-ba47-6ebc235a0463.png?v=1775779554&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/7_f6216cba-b175-4aa9-ba47-6ebc235a0463.png?v=1775779554&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/7_f6216cba-b175-4aa9-ba47-6ebc235a0463.png?v=1775779554&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
26575
26576  
26577</div>
26578
26579
26580
26581</slideshow-slide>
26582<slideshow-slide
26583  ref="slides[]"
26584  aria-hidden="true"
26585  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
26586  
26587    class="product-media-container media-fit product-media-container--image"
26588  
26589  
26590  
26591  
26592    slide-id="38875110768800"
26593  
26594  
26595  
26596  
26597>
26598  
26599
26600<div
26601  class="product-media"
26602  style="--ratio: 0.6666666666666666"
26603  data-media-id="38875110768800"
26604>
26605  
26606  <img src="//www.solkyst.ca/cdn/shop/files/7_0066c1ec-1eea-49ed-a784-9e5844857b1d.png?v=1775779554&amp;width=3840" alt="Purple cat-eye sunglasses on a light purple background" srcset="//www.solkyst.ca/cdn/shop/files/7_0066c1ec-1eea-49ed-a784-9e5844857b1d.png?v=1775779554&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/7_0066c1ec-1eea-49ed-a784-9e5844857b1d.png?v=1775779554&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/7_0066c1ec-1eea-49ed-a784-9e5844857b1d.png?v=1775779554&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/7_0066c1ec-1eea-49ed-a784-9e5844857b1d.png?v=1775779554&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/7_0066c1ec-1eea-49ed-a784-9e5844857b1d.png?v=1775779554&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/7_0066c1ec-1eea-49ed-a784-9e5844857b1d.png?v=1775779554&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/7_0066c1ec-1eea-49ed-a784-9e5844857b1d.png?v=1775779554&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/7_0066c1ec-1eea-49ed-a784-9e5844857b1d.png?v=1775779554&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/7_0066c1ec-1eea-49ed-a784-9e5844857b1d.png?v=1775779554&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
26607
26608  
26609</div>
26610
26611
26612
26613</slideshow-slide>
26614<slideshow-slide
26615  ref="slides[]"
26616  aria-hidden="true"
26617  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
26618  
26619    class="product-media-container media-fit product-media-container--image"
26620  
26621  
26622  
26623  
26624    slide-id="36020815134880"
26625  
26626  
26627  
26628  
26629>
26630  
26631
26632<div
26633  class="product-media"
26634  style="--ratio: 0.667062667062667"
26635  data-media-id="36020815134880"
26636>
26637  
26638  <img src="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0461_AUG_15_93528bf5-a57c-4c0f-a092-27f586d23143.jpg?v=1773928103&amp;width=3840" alt="Smiling model wearing Barbie lavender cat eye sunglasses with reflective lenses, styled with a glittery purple backdrop." srcset="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0461_AUG_15_93528bf5-a57c-4c0f-a092-27f586d23143.jpg?v=1773928103&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0461_AUG_15_93528bf5-a57c-4c0f-a092-27f586d23143.jpg?v=1773928103&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0461_AUG_15_93528bf5-a57c-4c0f-a092-27f586d23143.jpg?v=1773928103&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0461_AUG_15_93528bf5-a57c-4c0f-a092-27f586d23143.jpg?v=1773928103&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0461_AUG_15_93528bf5-a57c-4c0f-a092-27f586d23143.jpg?v=1773928103&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0461_AUG_15_93528bf5-a57c-4c0f-a092-27f586d23143.jpg?v=1773928103&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0461_AUG_15_93528bf5-a57c-4c0f-a092-27f586d23143.jpg?v=1773928103&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0461_AUG_15_93528bf5-a57c-4c0f-a092-27f586d23143.jpg?v=1773928103&amp;width=3840 3840w" width="3840" height="5757" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0461_AUG_15_93528bf5-a57c-4c0f-a092-27f586d23143.jpg?v=1773928103&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
26639
26640  
26641</div>
26642
26643
26644
26645</slideshow-slide>
26646
26647    </slideshow-slides>
26648  </slideshow-container>
26649  
26650</slideshow-component>
26651
26652
26653
26654    </a>
26655  
26656  
26657    <div
26658      class="product-badges product-badges--top-left"
26659      style="
26660        --badge-border-radius: 0px;
26661        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
26662      "
26663    ></div>
26664    
26665      
26666
26667<quick-add-component
26668  class="quick-add color-scheme-4 "
26669  ref="quickAdd"
26670  data-product-title="Barbie™ x Sol Kyst | Crystal"
26671  data-quick-add-button="choose"
26672  data-product-options-count="1"
26673>
26674  <product-form-component
26675    data-section-id="template--28980150370464__main"
26676    data-product-id="12823411163296"
26677    on:submit="/handleSubmit"
26678    class="quick-add__product-form-component"
26679  >
26680    <div
26681      class="visually-hidden"
26682      aria-live="assertive"
26683      role="status"
26684      aria-atomic="true"
26685      ref="liveRegion"
26686    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-12823411163296-AVkVHRmZuS1U2YVZuU__card-gallery-11" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
26687        type="hidden"
26688        name="id"
26689        ref="variantId"
26690        value="49232854876320"
26691        
26692      >
26693      <input
26694        type="hidden"
26695        name="quantity"
26696        value="1"
26697      >
26698      
26699      <add-to-cart-component
26700  ref="addToCartButtonContainer"
26701  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-7.png?v=1784148407&width=100"
26702  data-add-to-cart-animation="true"
26703>
26704  <button
26705    
26706    type="submit"
26707    name="add"
26708    ref="addToCartButton"
26709    on:click="/handleClick"
26710    class="button button quick-add__button quick-add__button--add add-to-cart-button"
26711    
26712    
26713  >
26714    <span
26715      class="add-to-cart-text"
26716    >
26717      
26718        <span
26719          aria-hidden="true"
26720          class="svg-wrapper add-to-cart-icon"
26721        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
26722</span>
26723      
26724      <span class="add-to-cart-text__content is-visually-hidden-mobile">
26725        <span>
26726          <span>Add</span>
26727        </span>
26728      </span>
26729    </span>
26730    
26731    <span class="add-to-cart__added">
26732      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
26733  <g class="check">
26734    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
26735    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
26736  </g>
26737  <g class="burst">
26738    <g style="--index: 0;">
26739      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
26740    </g>
26741    <g style="--index: 1;">
26742      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
26743    </g>
26744    <g style="--index: 2;">
26745      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
26746    </g>
26747    <g style="--index: 3;">
26748      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
26749    </g>
26750    <g style="--index: 4;">
26751      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
26752    </g>
26753    <g style="--index: 5;">
26754      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
26755    </g>
26756    <g style="--index: 6;">
26757      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
26758    </g>
26759    <g style="--index: 7;">
26760      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
26761    </g>
26762  </g>
26763</svg>
26764</span>
26765    </span>
26766  </button>
26767</add-to-cart-component>
26768
26769
26770
26771
26772      <button
26773        class="button quick-add__button quick-add__button--choose add-to-cart-button"
26774        
26775        type="button"
26776        name="add"
26777        on:click="quick-add-component/handleClick"
26778      >
26779        <span
26780          class="add-to-cart-text quick-add__button-content"
26781        >
26782          
26783          <span
26784            aria-hidden="true"
26785            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
26786          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
26787</span>
26788          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
26789            <span>
26790              
26791              <span>
26792                Choose
26793              </span>
26794            </span>
26795          </span>
26796        </span>
26797      </button><input type="hidden" name="product-id" value="12823411163296" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
26798</quick-add-component>
26799
26800
26801
26802    
26803  
26804
26805</div>
26806
26807
26808
26809
26810
26811<div class="product-grid-view-zoom-out--details">
26812  
26813    <h3 class="h4">Barbie™ x Sol Kyst | Crystal</h3>
26814  
26815</div>
26816
26817
26818
26819
26820
26821
26822<div
26823  class="
26824    group-block
26825    
26826    group-block--height-fit
26827    group-block--width-fill
26828    border-style
26829    spacing-style
26830    size-style
26831    
26832    
26833  "
26834  style="
26835    --border-width: 1px; --border-style: none; --border-color:
26836rgb(var(--color-border-rgb) / 1.0); --border-radius:
268370px; 
26838
26839    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
26840    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
26841    
26842  "
26843  
26844  data-testid="group-block"
26845><div class="group-block__media-wrapper">
26846    
26847
26848
26849
26850    
26851  </div>
26852
26853  <div
26854    class="
26855      group-block-content
26856      
26857      layout-panel-flex
26858      layout-panel-flex--row
26859       mobile-column
26860    "
26861    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
26862
26863--gap: 12px;
26864
26865--horizontal-alignment: space-between;
26865 --vertical-alignment: flex-start;
26866--vertical-alignment-mobile: flex-start;
26867"
26868  >
26869  
26870
26871<div
26872  class="
26873    group-block
26874    
26875    group-block--height-fit
26876    group-block--width-fill
26877    border-style
26878    spacing-style
26879    size-style
26880    
26881    
26882  "
26883  style="
26884    --border-width: 1px; --border-style: none; --border-color:
26885rgb(var(--color-border-rgb) / 1.0); --border-radius:
268860px; 
26887
26888    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
26889    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
26890    
26891  "
26892  
26893  data-testid="group-block"
26894><div class="group-block__media-wrapper">
26895    
26896
26897
26898
26899    
26900  </div>
26901
26902  <div
26903    class="
26904      group-block-content
26905      
26906      layout-panel-flex
26907      layout-panel-flex--column
26908       mobile-column
26909    "
26910    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
26911
26912--gap: 0px;
26913
26914--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
26915--vertical-alignment-mobile: flex-start;
26916"
26917  >
26918  
26919  
26920  <a
26921    class="contents user-select-text"
26922    ref="productTitleLink"
26923    href="/products/barbie%E2%84%A2-x-sol-kyst-1980s-crystal-cat-eye?variant=49232854876320"
26924  >
26925    
26926
26927
26928
26929
26930
26931
26932  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-11 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
26933    <p>Barbie™ x Sol Kyst | Crystal</p>
26934  </div>
26935
26936
26937
26938
26939  </a>
26940
26941
26942
26943
26944
26945<product-price
26946  class="text-block text-block--align-left text-left h5 spacing-style"
26947  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-11"
26948  data-product-id="12823411163296"
26949  style="
26950    
26951--color: var(--color-foreground);
26952    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
26953    --width: 100%;
26954  "
26955  
26956>
26957  <div ref="priceContainer">
26958  
26959    
26960    
26961
26962    
26963      <span class="price">$200.00</span>
26964    
26965
26966    
26967  
26968</div>
26969
26970  
26971</product-price>
26972
26973
26974
26975
26976
26977
26978
26979</div>
26980</div>
26981
26982
26983
26984
26985
26986
26987<div
26988  class="
26989    group-block
26990    
26991    group-block--height-fit
26992    group-block--width-fill
26993    border-style
26994    spacing-style
26995    size-style
26996    
26997    
26998  "
26999  style="
27000    --border-width: 1px; --border-style: none; --border-color:
27001rgb(var(--color-border-rgb) / 1.0); --border-radius:
270020px; 
27003
27004    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
27005    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
27006    
27007  "
27008  
27009  data-testid="group-block"
27010><div class="group-block__media-wrapper">
27011    
27012
27013
27014
27015    
27016  </div>
27017
27018  <div
27019    class="
27020      group-block-content
27021      
27022      layout-panel-flex
27023      layout-panel-flex--column
27024       mobile-column
27025    "
27026    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
27027
27028--gap: 0px;
27029
27030--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
27031--vertical-alignment-mobile: flex-start;
27032"
27033  >
27034  
27035
27036
27037
27038
27039
27040
27041
27042</div>
27043</div>
27044
27045
27046
27047
27048
27049</div>
27050</div>
27051
27052
27053
27054
27055
27056
27057  </div>
27058</product-card></product-card-link>
27059
27060
27061
27062
27063          </li>
27064        
27065          <li
27066            id="template--28980150370464__main-12823362699424"
27067            class="product-grid__item product-grid__item--12"
27068            data-page="1"
27069            data-product-id="12823362699424"
27070            ref="cards[]"
27071          >
27072            
27073
27074
27075
27076<style data-shopify>
27077  
27078</style>
27079
27080
27081<product-card-link
27082    data-product-id="12823362699424"
27083    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-3.png?v=1784148433&width=500"
27084    data-product-transition="true"
27085    
27086  ><product-card
27087  class="product-card"
27088  data-product-id="12823362699424"
27089  id="product-card-ARkJhYk42RE5RUXhCT__product-card-12"
27090  data-product-transition="true"
27091  
27092  
27093>
27094  <a
27095    id="20b5a9b6a67e8ea7616bedfcd632cb2d"
27096    
27097      href="/products/barbie%E2%84%A2-x-sol-kyst-1960s-twist-nturn-red?variant=49232774594720"
27098    
27099    class="product-card__link"
27100    ref="productCardLink"
27101  >
27102    <span class="visually-hidden">
27103      Barbie™ x Sol Kyst | Diner
27104    </span>
27105  </a>
27106  <div
27107    class="
27108      product-card__content
27109      layout-panel-flex
27110      layout-panel-flex--column
27111      product-grid__card
27112      spacing-style
27113      border-style
27114      gap-style
27115      
27116    "
27117    style="
27118      --border-width: 1px; --border-style: none; --border-color:
27119rgb(var(--color-border-rgb) / 1.0); --border-radius:
271200px; 
27121
27122      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
27123
27124
27125
27126--horizontal-alignment: ; --vertical-alignment: ;
27127--vertical-alignment-mobile: ;
27128
27129      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
27130      --product-card-gap: 8px;
27131      --quick-add-display: flex;
27132      --quick-add-mobile-display: flex;
27133      --quick-add-mobile-opacity: 1;
27134      
27135      
27136      
27137      
27138    "
27139  >
27140    
27141  
27142
27143
27144
27145
27146
27147<div
27148  ref="cardGallery"
27149  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-12 spacing-style border-style"
27150  style="
27151    --border-width: 1px; --border-style: none; --border-color:
27152rgb(var(--color-border-rgb) / 1.0); --border-radius:
271530px; 
27154
27155    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
27156    --gallery-aspect-ratio: 4 / 5;
27157  "
27158  data-product-id="12823362699424"
27159  
27160    on:pointerenter="/previewImage"
27161    on:pointerleave="/resetImage"
27162  
27163  
27164    data-view-transition-to-main-product
27165  
27166  data-image-ratio="portrait"
27167  
27168>
27169    <a
27170      class="contents"
27171      ref="cardGalleryLink"
27172      href="/products/barbie%E2%84%A2-x-sol-kyst-1960s-twist-nturn-red?variant=49232774594720"
27173      aria-label="Barbie™ x Sol Kyst | Diner"
27174    >
27175      <slideshow-component
27176  
27177    ref="slideshow"
27178  
27179  
27180  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;--slide-min-height: auto;--slide-min-height-desktop: auto;"
27181  
27182  initial-slide="0"
27183  
27184  
27185    infinite
27186  
27187
27188  data-generic-media-size="7"
27189>
27190  
27191  <slideshow-container ref="slideshowContainer">
27192    
27193      <slideshow-arrows
27194  position="center"
27195  
27196><button
27197  class="
27198    slideshow-control slideshow-control--previous
27199    
27200    
27201    slideshow-control--style-arrow
27202    button button-unstyled button-unstyled--transparent
27203     flip-x
27204  "
27205  
27206  aria-label="Previous slide"
27207  
27208  on:click="/previous"
27209  ref="previous"
27210>
27211  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
27212</span>
27213</button>
27214<button
27215  class="
27216    slideshow-control slideshow-control--next
27217    
27218    
27219    slideshow-control--style-arrow
27220    button button-unstyled button-unstyled--transparent
27221    
27222  "
27223  
27224  aria-label="Next slide"
27225  
27226  on:click="/next"
27227  ref="next"
27228>
27229  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
27230</span>
27231</button>
27232</slideshow-arrows>
27233
27234    
27235    
27236    <slideshow-slides
27237      tabindex="-1"
27238      ref="scroller"
27239      
27240    >
27241      <slideshow-slide
27242  ref="slides[]"
27243  aria-hidden="false"
27244  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
27245  
27246    class="product-media-container media-fit product-media-container--image"
27247  
27248  
27249  
27250  
27251    slide-id="69767703789728"
27252  
27253  
27254  
27255  
27256>
27257  
27258
27259<div
27260  class="product-media"
27261  style="--ratio: 1.0"
27262  data-media-id="69767703789728"
27263>
27264  
27265  <img src="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-3.png?v=1784148433&amp;width=3840" alt="Barbie™ x Sol Kyst | Diner" srcset="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-3.png?v=1784148433&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-3.png?v=1784148433&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-3.png?v=1784148433&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-3.png?v=1784148433&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-3.png?v=1784148433&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-3.png?v=1784148433&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-3.png?v=1784148433&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-3.png?v=1784148433&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-3.png?v=1784148433&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
27266
27267  
27268</div>
27269
27270
27271
27272</slideshow-slide>
27273<slideshow-slide
27274  ref="slides[]"
27275  aria-hidden="true"
27276  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
27277  
27278    class="product-media-container media-fit product-media-container--image"
27279  
27280  
27281  
27282  
27283    slide-id="36020815167648"
27284  
27285  
27286  
27287  
27288>
27289  
27290
27291<div
27292  class="product-media"
27293  style="--ratio: 0.8"
27294  data-media-id="36020815167648"
27295>
27296  
27297  <img src="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1314_AUG_15.jpg?v=1773928103&amp;width=3840" alt="Woman wearing Barbie red oval sunglasses, posing at a retro diner table with vintage decor." srcset="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1314_AUG_15.jpg?v=1773928103&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1314_AUG_15.jpg?v=1773928103&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1314_AUG_15.jpg?v=1773928103&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1314_AUG_15.jpg?v=1773928103&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1314_AUG_15.jpg?v=1773928103&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1314_AUG_15.jpg?v=1773928103&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1314_AUG_15.jpg?v=1773928103&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1314_AUG_15.jpg?v=1773928103&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1314_AUG_15.jpg?v=1773928103&amp;width=3840" fetchpriority="auto" style="--focal-point: 47.5268% 37.2759%;">
27298
27299  
27300</div>
27301
27302
27303
27304</slideshow-slide>
27305<slideshow-slide
27306  ref="slides[]"
27307  aria-hidden="true"
27308  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
27309  
27310    class="product-media-container media-fit product-media-container--image"
27311  
27312  
27313  
27314  
27315    slide-id="36020840759456"
27316  
27317  
27318  
27319  
27320>
27321  
27322
27323<div
27324  class="product-media"
27325  style="--ratio: 0.6666666666666666"
27326  data-media-id="36020840759456"
27327>
27328  
27329  <img src="//www.solkyst.ca/cdn/shop/files/5U6A3977.jpg?v=1773928103&amp;width=3840" alt="Barbie x Sol Kyst red oval sunglasses displayed with a matching red case on a beige textured surface." srcset="//www.solkyst.ca/cdn/shop/files/5U6A3977.jpg?v=1773928103&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/5U6A3977.jpg?v=1773928103&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/5U6A3977.jpg?v=1773928103&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/5U6A3977.jpg?v=1773928103&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/5U6A3977.jpg?v=1773928103&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/5U6A3977.jpg?v=1773928103&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/5U6A3977.jpg?v=1773928103&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/5U6A3977.jpg?v=1773928103&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/5U6A3977.jpg?v=1773928103&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
27330
27331  
27332</div>
27333
27334
27335
27336</slideshow-slide>
27337<slideshow-slide
27338  ref="slides[]"
27339  aria-hidden="true"
27340  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
27341  
27342    class="product-media-container media-fit product-media-container--image"
27343  
27344  
27345  
27346  
27347    slide-id="36118442836128"
27348  
27349  
27350  
27351  
27352>
27353  
27354
27355<div
27356  class="product-media"
27357  style="--ratio: 1.0"
27358  data-media-id="36118442836128"
27359>
27360  
27361  <img src="//www.solkyst.ca/cdn/shop/files/Barbie-Diner.jpg?v=1771451770&amp;width=3840" alt="Barbie x Sol Kyst red oval sunglasses shown from front, side, back, and angled views on a white background." srcset="//www.solkyst.ca/cdn/shop/files/Barbie-Diner.jpg?v=1771451770&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Barbie-Diner.jpg?v=1771451770&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Barbie-Diner.jpg?v=1771451770&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Barbie-Diner.jpg?v=1771451770&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Barbie-Diner.jpg?v=1771451770&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Barbie-Diner.jpg?v=1771451770&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Barbie-Diner.jpg?v=1771451770&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Barbie-Diner.jpg?v=1771451770&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Barbie-Diner.jpg?v=1771451770&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
27362
27363  
27364</div>
27365
27366
27367
27368</slideshow-slide>
27369<slideshow-slide
27370  ref="slides[]"
27371  aria-hidden="true"
27372  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
27373  
27374    class="product-media-container media-fit product-media-container--image"
27375  
27376  
27377  
27378  
27379    slide-id="36134397280416"
27380  
27381  
27382  
27383  
27384>
27385  
27386
27387<div
27388  class="product-media"
27389  style="--ratio: 1.3333333333333333"
27390  data-media-id="36134397280416"
27391>
27392  
27393  <img src="//www.solkyst.ca/cdn/shop/files/3_6836dc67-6296-4e41-bdc9-954e9bf315c9.png?v=1773928103&amp;width=3840" alt="Model wearing Barbie red oval sunglasses, styled with a white top and a red patterned case nearby." srcset="//www.solkyst.ca/cdn/shop/files/3_6836dc67-6296-4e41-bdc9-954e9bf315c9.png?v=1773928103&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/3_6836dc67-6296-4e41-bdc9-954e9bf315c9.png?v=1773928103&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/3_6836dc67-6296-4e41-bdc9-954e9bf315c9.png?v=1773928103&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/3_6836dc67-6296-4e41-bdc9-954e9bf315c9.png?v=1773928103&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/3_6836dc67-6296-4e41-bdc9-954e9bf315c9.png?v=1773928103&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/3_6836dc67-6296-4e41-bdc9-954e9bf315c9.png?v=1773928103&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/3_6836dc67-6296-4e41-bdc9-954e9bf315c9.png?v=1773928103&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/3_6836dc67-6296-4e41-bdc9-954e9bf315c9.png?v=1773928103&amp;width=3840 3840w" width="3840" height="2880" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/3_6836dc67-6296-4e41-bdc9-954e9bf315c9.png?v=1773928103&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
27394
27395  
27396</div>
27397
27398
27399
27400</slideshow-slide>
27401
27402    </slideshow-slides>
27403  </slideshow-container>
27404  
27405</slideshow-component>
27406
27407
27408
27409    </a>
27410  
27411  
27412    <div
27413      class="product-badges product-badges--top-left"
27414      style="
27415        --badge-border-radius: 0px;
27416        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
27417      "
27418    ></div>
27419    
27420      
27421
27422<quick-add-component
27423  class="quick-add color-scheme-4 "
27424  ref="quickAdd"
27425  data-product-title="Barbie™ x Sol Kyst | Diner"
27426  data-quick-add-button="choose"
27427  data-product-options-count="1"
27428>
27429  <product-form-component
27430    data-section-id="template--28980150370464__main"
27431    data-product-id="12823362699424"
27432    on:submit="/handleSubmit"
27433    class="quick-add__product-form-component"
27434  >
27435    <div
27436      class="visually-hidden"
27437      aria-live="assertive"
27438      role="status"
27439      aria-atomic="true"
27440      ref="liveRegion"
27441    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-12823362699424-AVkVHRmZuS1U2YVZuU__card-gallery-12" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
27442        type="hidden"
27443        name="id"
27444        ref="variantId"
27445        value="49232774594720"
27446        
27447      >
27448      <input
27449        type="hidden"
27450        name="quantity"
27451        value="1"
27452      >
27453      
27454      <add-to-cart-component
27455  ref="addToCartButtonContainer"
27456  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-3.png?v=1784148433&width=100"
27457  data-add-to-cart-animation="true"
27458>
27459  <button
27460    
27461    type="submit"
27462    name="add"
27463    ref="addToCartButton"
27464    on:click="/handleClick"
27465    class="button button quick-add__button quick-add__button--add add-to-cart-button"
27466    
27467    
27468  >
27469    <span
27470      class="add-to-cart-text"
27471    >
27472      
27473        <span
27474          aria-hidden="true"
27475          class="svg-wrapper add-to-cart-icon"
27476        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
27477</span>
27478      
27479      <span class="add-to-cart-text__content is-visually-hidden-mobile">
27480        <span>
27481          <span>Add</span>
27482        </span>
27483      </span>
27484    </span>
27485    
27486    <span class="add-to-cart__added">
27487      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
27488  <g class="check">
27489    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
27490    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
27491  </g>
27492  <g class="burst">
27493    <g style="--index: 0;">
27494      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
27495    </g>
27496    <g style="--index: 1;">
27497      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
27498    </g>
27499    <g style="--index: 2;">
27500      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
27501    </g>
27502    <g style="--index: 3;">
27503      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
27504    </g>
27505    <g style="--index: 4;">
27506      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
27507    </g>
27508    <g style="--index: 5;">
27509      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
27510    </g>
27511    <g style="--index: 6;">
27512      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
27513    </g>
27514    <g style="--index: 7;">
27515      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
27516    </g>
27517  </g>
27518</svg>
27519</span>
27520    </span>
27521  </button>
27522</add-to-cart-component>
27523
27524
27525
27526
27527      <button
27528        class="button quick-add__button quick-add__button--choose add-to-cart-button"
27529        
27530        type="button"
27531        name="add"
27532        on:click="quick-add-component/handleClick"
27533      >
27534        <span
27535          class="add-to-cart-text quick-add__button-content"
27536        >
27537          
27538          <span
27539            aria-hidden="true"
27540            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
27541          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
27542</span>
27543          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
27544            <span>
27545              
27546              <span>
27547                Choose
27548              </span>
27549            </span>
27550          </span>
27551        </span>
27552      </button><input type="hidden" name="product-id" value="12823362699424" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
27553</quick-add-component>
27554
27555
27556
27557    
27558  
27559
27560</div>
27561
27562
27563
27564
27565
27566<div class="product-grid-view-zoom-out--details">
27567  
27568    <h3 class="h4">Barbie™ x Sol Kyst | Diner</h3>
27569  
27570</div>
27571
27572
27573
27574
27575
27576
27577<div
27578  class="
27579    group-block
27580    
27581    group-block--height-fit
27582    group-block--width-fill
27583    border-style
27584    spacing-style
27585    size-style
27586    
27587    
27588  "
27589  style="
27590    --border-width: 1px; --border-style: none; --border-color:
27591rgb(var(--color-border-rgb) / 1.0); --border-radius:
275920px; 
27593
27594    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
27595    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
27596    
27597  "
27598  
27599  data-testid="group-block"
27600><div class="group-block__media-wrapper">
27601    
27602
27603
27604
27605    
27606  </div>
27607
27608  <div
27609    class="
27610      group-block-content
27611      
27612      layout-panel-flex
27613      layout-panel-flex--row
27614       mobile-column
27615    "
27616    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
27617
27618--gap: 12px;
27619
27620--horizontal-alignment: space-between;
27620 --vertical-alignment: flex-start;
27621--vertical-alignment-mobile: flex-start;
27622"
27623  >
27624  
27625
27626<div
27627  class="
27628    group-block
27629    
27630    group-block--height-fit
27631    group-block--width-fill
27632    border-style
27633    spacing-style
27634    size-style
27635    
27636    
27637  "
27638  style="
27639    --border-width: 1px; --border-style: none; --border-color:
27640rgb(var(--color-border-rgb) / 1.0); --border-radius:
276410px; 
27642
27643    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
27644    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
27645    
27646  "
27647  
27648  data-testid="group-block"
27649><div class="group-block__media-wrapper">
27650    
27651
27652
27653
27654    
27655  </div>
27656
27657  <div
27658    class="
27659      group-block-content
27660      
27661      layout-panel-flex
27662      layout-panel-flex--column
27663       mobile-column
27664    "
27665    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
27666
27667--gap: 0px;
27668
27669--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
27670--vertical-alignment-mobile: flex-start;
27671"
27672  >
27673  
27674  
27675  <a
27676    class="contents user-select-text"
27677    ref="productTitleLink"
27678    href="/products/barbie%E2%84%A2-x-sol-kyst-1960s-twist-nturn-red?variant=49232774594720"
27679  >
27680    
27681
27682
27683
27684
27685
27686
27687  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-12 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
27688    <p>Barbie™ x Sol Kyst | Diner</p>
27689  </div>
27690
27691
27692
27693
27694  </a>
27695
27696
27697
27698
27699
27700<product-price
27701  class="text-block text-block--align-left text-left h5 spacing-style"
27702  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-12"
27703  data-product-id="12823362699424"
27704  style="
27705    
27706--color: var(--color-foreground);
27707    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
27708    --width: 100%;
27709  "
27710  
27711>
27712  <div ref="priceContainer">
27713  
27714    
27715    
27716
27717    
27718      <span class="price">$200.00</span>
27719    
27720
27721    
27722  
27723</div>
27724
27725  
27726</product-price>
27727
27728
27729
27730
27731
27732
27733
27734</div>
27735</div>
27736
27737
27738
27739
27740
27741
27742<div
27743  class="
27744    group-block
27745    
27746    group-block--height-fit
27747    group-block--width-fill
27748    border-style
27749    spacing-style
27750    size-style
27751    
27752    
27753  "
27754  style="
27755    --border-width: 1px; --border-style: none; --border-color:
27756rgb(var(--color-border-rgb) / 1.0); --border-radius:
277570px; 
27758
27759    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
27760    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
27761    
27762  "
27763  
27764  data-testid="group-block"
27765><div class="group-block__media-wrapper">
27766    
27767
27768
27769
27770    
27771  </div>
27772
27773  <div
27774    class="
27775      group-block-content
27776      
27777      layout-panel-flex
27778      layout-panel-flex--column
27779       mobile-column
27780    "
27781    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
27782
27783--gap: 0px;
27784
27785--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
27786--vertical-alignment-mobile: flex-start;
27787"
27788  >
27789  
27790
27791
27792
27793
27794
27795
27796
27797</div>
27798</div>
27799
27800
27801
27802
27803
27804</div>
27805</div>
27806
27807
27808
27809
27810
27811
27812  </div>
27813</product-card></product-card-link>
27814
27815
27816
27817
27818          </li>
27819        
27820          <li
27821            id="template--28980150370464__main-12823406739616"
27822            class="product-grid__item product-grid__item--13"
27823            data-page="1"
27824            data-product-id="12823406739616"
27825            ref="cards[]"
27826          >
27827            
27828
27829
27830
27831<style data-shopify>
27832  
27833</style>
27834
27835
27836<product-card-link
27837    data-product-id="12823406739616"
27838    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/KYSTKORNER.png?v=1784148473&width=500"
27839    data-product-transition="true"
27840    
27841  ><product-card
27842  class="product-card"
27843  data-product-id="12823406739616"
27844  id="product-card-ARkJhYk42RE5RUXhCT__product-card-13"
27845  data-product-transition="true"
27846  
27847  
27848>
27849  <a
27850    id="70098e1112bf11d0376d9f4cf5f38f8f"
27851    
27852      href="/products/barbie%E2%84%A2-x-sol-kyst-1980s-black-barbie-square?variant=49232847241376"
27853    
27854    class="product-card__link"
27855    ref="productCardLink"
27856  >
27857    <span class="visually-hidden">
27858      Barbie™ x Sol Kyst | Disco
27859    </span>
27860  </a>
27861  <div
27862    class="
27863      product-card__content
27864      layout-panel-flex
27865      layout-panel-flex--column
27866      product-grid__card
27867      spacing-style
27868      border-style
27869      gap-style
27870      
27871    "
27872    style="
27873      --border-width: 1px; --border-style: none; --border-color:
27874rgb(var(--color-border-rgb) / 1.0); --border-radius:
278750px; 
27876
27877      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
27878
27879
27880
27881--horizontal-alignment: ; --vertical-alignment: ;
27882--vertical-alignment-mobile: ;
27883
27884      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
27885      --product-card-gap: 8px;
27886      --quick-add-display: flex;
27887      --quick-add-mobile-display: flex;
27888      --quick-add-mobile-opacity: 1;
27889      
27890      
27891      
27892      
27893    "
27894  >
27895    
27896  
27897
27898
27899
27900
27901
27902<div
27903  ref="cardGallery"
27904  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-13 spacing-style border-style"
27905  style="
27906    --border-width: 1px; --border-style: none; --border-color:
27907rgb(var(--color-border-rgb) / 1.0); --border-radius:
279080px; 
27909
27910    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
27911    --gallery-aspect-ratio: 4 / 5;
27912  "
27913  data-product-id="12823406739616"
27914  
27915    on:pointerenter="/previewImage"
27916    on:pointerleave="/resetImage"
27917  
27918  
27919    data-view-transition-to-main-product
27920  
27921  data-image-ratio="portrait"
27922  
27923>
27924    <a
27925      class="contents"
27926      ref="cardGalleryLink"
27927      href="/products/barbie%E2%84%A2-x-sol-kyst-1980s-black-barbie-square?variant=49232847241376"
27928      aria-label="Barbie™ x Sol Kyst | Disco"
27929    >
27930      <slideshow-component
27931  
27932    ref="slideshow"
27933  
27934  
27935  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;--slide-min-height: auto;--slide-min-height-desktop: auto;"
27936  
27937  initial-slide="0"
27938  
27939  
27940    infinite
27941  
27942
27943  data-generic-media-size="7"
27944>
27945  
27946  <slideshow-container ref="slideshowContainer">
27947    
27948      <slideshow-arrows
27949  position="center"
27950  
27951><button
27952  class="
27953    slideshow-control slideshow-control--previous
27954    
27955    
27956    slideshow-control--style-arrow
27957    button button-unstyled button-unstyled--transparent
27958     flip-x
27959  "
27960  
27961  aria-label="Previous slide"
27962  
27963  on:click="/previous"
27964  ref="previous"
27965>
27966  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
27967</span>
27968</button>
27969<button
27970  class="
27971    slideshow-control slideshow-control--next
27972    
27973    
27974    slideshow-control--style-arrow
27975    button button-unstyled button-unstyled--transparent
27976    
27977  "
27978  
27979  aria-label="Next slide"
27980  
27981  on:click="/next"
27982  ref="next"
27983>
27984  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
27985</span>
27986</button>
27987</slideshow-arrows>
27988
27989    
27990    
27991    <slideshow-slides
27992      tabindex="-1"
27993      ref="scroller"
27994      
27995    >
27996      <slideshow-slide
27997  ref="slides[]"
27998  aria-hidden="false"
27999  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
28000  
28001    class="product-media-container media-fit product-media-container--image"
28002  
28003  
28004  
28005  
28006    slide-id="69767705428128"
28007  
28008  
28009  
28010  
28011>
28012  
28013
28014<div
28015  class="product-media"
28016  style="--ratio: 0.7999435665914221"
28017  data-media-id="69767705428128"
28018>
28019  
28020  <img src="//www.solkyst.ca/cdn/shop/files/KYSTKORNER.png?v=1784148473&amp;width=3840" alt="Barbie™ x Sol Kyst | Disco" srcset="//www.solkyst.ca/cdn/shop/files/KYSTKORNER.png?v=1784148473&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/KYSTKORNER.png?v=1784148473&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/KYSTKORNER.png?v=1784148473&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/KYSTKORNER.png?v=1784148473&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/KYSTKORNER.png?v=1784148473&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/KYSTKORNER.png?v=1784148473&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/KYSTKORNER.png?v=1784148473&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/KYSTKORNER.png?v=1784148473&amp;width=3840 3840w" width="3840" height="4800" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/KYSTKORNER.png?v=1784148473&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
28021
28022  
28023</div>
28024
28025
28026
28027</slideshow-slide>
28028<slideshow-slide
28029  ref="slides[]"
28030  aria-hidden="true"
28031  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
28032  
28033    class="product-media-container media-fit product-media-container--image"
28034  
28035  
28036  
28037  
28038    slide-id="36020815331488"
28039  
28040  
28041  
28042  
28043>
28044  
28045
28046<div
28047  class="product-media"
28048  style="--ratio: 1.499267935578331"
28049  data-media-id="36020815331488"
28050>
28051  
28052  <img src="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0537_AUG_15.jpg?v=1767385726&amp;width=3840" alt="Close-up of a performer in a gold sequined outfit, with Barbie Sol Kyst square sunglasses on her head, singing on stage." srcset="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0537_AUG_15.jpg?v=1767385726&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0537_AUG_15.jpg?v=1767385726&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0537_AUG_15.jpg?v=1767385726&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0537_AUG_15.jpg?v=1767385726&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0537_AUG_15.jpg?v=1767385726&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0537_AUG_15.jpg?v=1767385726&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0537_AUG_15.jpg?v=1767385726&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0537_AUG_15.jpg?v=1767385726&amp;width=3840 3840w" width="3840" height="2561" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0537_AUG_15.jpg?v=1767385726&amp;width=3840" fetchpriority="auto" style="--focal-point: 69.1262% 29.8557%;">
28053
28054  
28055</div>
28056
28057
28058
28059</slideshow-slide>
28060<slideshow-slide
28061  ref="slides[]"
28062  aria-hidden="true"
28063  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
28064  
28065    class="product-media-container media-fit product-media-container--image"
28066  
28067  
28068  
28069  
28070    slide-id="36118445293728"
28071  
28072  
28073  
28074  
28075>
28076  
28077
28078<div
28079  class="product-media"
28080  style="--ratio: 1.0"
28081  data-media-id="36118445293728"
28082>
28083  
28084  <img src="//www.solkyst.ca/cdn/shop/files/Barbie-Disco.jpg?v=1767385726&amp;width=3840" alt="Four angles of Barbie Sol Kyst square sunglasses in burgundy with gold reflective lenses, displayed against a white background." srcset="//www.solkyst.ca/cdn/shop/files/Barbie-Disco.jpg?v=1767385726&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Barbie-Disco.jpg?v=1767385726&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Barbie-Disco.jpg?v=1767385726&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Barbie-Disco.jpg?v=1767385726&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Barbie-Disco.jpg?v=1767385726&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Barbie-Disco.jpg?v=1767385726&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Barbie-Disco.jpg?v=1767385726&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Barbie-Disco.jpg?v=1767385726&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Barbie-Disco.jpg?v=1767385726&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
28085
28086  
28087</div>
28088
28089
28090
28091</slideshow-slide>
28092<slideshow-slide
28093  ref="slides[]"
28094  aria-hidden="true"
28095  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
28096  
28097    class="product-media-container media-fit product-media-container--image"
28098  
28099  
28100  
28101  
28102    slide-id="36863892848800"
28103  
28104  
28105  
28106  
28107>
28108  
28109
28110<div
28111  class="product-media"
28112  style="--ratio: 0.8"
28113  data-media-id="36863892848800"
28114>
28115  
28116  <img src="//www.solkyst.ca/cdn/shop/files/34B5722E-E63C-4503-98D7-0AF4C42ACAED.jpg?v=1767385726&amp;width=3840" alt="Barbie Sol Kyst square sunglasses worn by a woman in leopard print swimwear on a sunny beach." srcset="//www.solkyst.ca/cdn/shop/files/34B5722E-E63C-4503-98D7-0AF4C42ACAED.jpg?v=1767385726&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/34B5722E-E63C-4503-98D7-0AF4C42ACAED.jpg?v=1767385726&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/34B5722E-E63C-4503-98D7-0AF4C42ACAED.jpg?v=1767385726&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/34B5722E-E63C-4503-98D7-0AF4C42ACAED.jpg?v=1767385726&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/34B5722E-E63C-4503-98D7-0AF4C42ACAED.jpg?v=1767385726&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/34B5722E-E63C-4503-98D7-0AF4C42ACAED.jpg?v=1767385726&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/34B5722E-E63C-4503-98D7-0AF4C42ACAED.jpg?v=1767385726&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/34B5722E-E63C-4503-98D7-0AF4C42ACAED.jpg?v=1767385726&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/34B5722E-E63C-4503-98D7-0AF4C42ACAED.jpg?v=1767385726&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
28117
28118  
28119</div>
28120
28121
28122
28123</slideshow-slide>
28124<slideshow-slide
28125  ref="slides[]"
28126  aria-hidden="true"
28127  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
28128  
28129    class="product-media-container media-fit product-media-container--image"
28130  
28131  
28132  
28133  
28134    slide-id="36863892881568"
28135  
28136  
28137  
28138  
28139>
28140  
28141
28142<div
28143  class="product-media"
28144  style="--ratio: 0.8"
28145  data-media-id="36863892881568"
28146>
28147  
28148  <img src="//www.solkyst.ca/cdn/shop/files/56D3C92E-3960-46CB-9708-D9E91BFE75A4.jpg?v=1767385726&amp;width=3840" alt="Woman wearing Barbie Sol Kyst square sunglasses in burgundy with reflective lenses, standing on a tropical beach." srcset="//www.solkyst.ca/cdn/shop/files/56D3C92E-3960-46CB-9708-D9E91BFE75A4.jpg?v=1767385726&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/56D3C92E-3960-46CB-9708-D9E91BFE75A4.jpg?v=1767385726&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/56D3C92E-3960-46CB-9708-D9E91BFE75A4.jpg?v=1767385726&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/56D3C92E-3960-46CB-9708-D9E91BFE75A4.jpg?v=1767385726&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/56D3C92E-3960-46CB-9708-D9E91BFE75A4.jpg?v=1767385726&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/56D3C92E-3960-46CB-9708-D9E91BFE75A4.jpg?v=1767385726&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/56D3C92E-3960-46CB-9708-D9E91BFE75A4.jpg?v=1767385726&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/56D3C92E-3960-46CB-9708-D9E91BFE75A4.jpg?v=1767385726&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/56D3C92E-3960-46CB-9708-D9E91BFE75A4.jpg?v=1767385726&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
28149
28150  
28151</div>
28152
28153
28154
28155</slideshow-slide>
28156
28157    </slideshow-slides>
28158  </slideshow-container>
28159  
28160</slideshow-component>
28161
28162
28163
28164    </a>
28165  
28166  
28167    <div
28168      class="product-badges product-badges--top-left"
28169      style="
28170        --badge-border-radius: 0px;
28171        --badge-font-family: var(--font-body--family);
28171 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
28172      "
28173    ></div>
28174    
28175      
28176
28177<quick-add-component
28178  class="quick-add color-scheme-4 "
28179  ref="quickAdd"
28180  data-product-title="Barbie™ x Sol Kyst | Disco"
28181  data-quick-add-button="choose"
28182  data-product-options-count="1"
28183>
28184  <product-form-component
28185    data-section-id="template--28980150370464__main"
28186    data-product-id="12823406739616"
28187    on:submit="/handleSubmit"
28188    class="quick-add__product-form-component"
28189  >
28190    <div
28191      class="visually-hidden"
28192      aria-live="assertive"
28193      role="status"
28194      aria-atomic="true"
28195      ref="liveRegion"
28196    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-12823406739616-AVkVHRmZuS1U2YVZuU__card-gallery-13" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
28197        type="hidden"
28198        name="id"
28199        ref="variantId"
28200        value="49232847241376"
28201        
28202      >
28203      <input
28204        type="hidden"
28205        name="quantity"
28206        value="1"
28207      >
28208      
28209      <add-to-cart-component
28210  ref="addToCartButtonContainer"
28211  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/KYSTKORNER.png?v=1784148473&width=100"
28212  data-add-to-cart-animation="true"
28213>
28214  <button
28215    
28216    type="submit"
28217    name="add"
28218    ref="addToCartButton"
28219    on:click="/handleClick"
28220    class="button button quick-add__button quick-add__button--add add-to-cart-button"
28221    
28222    
28223  >
28224    <span
28225      class="add-to-cart-text"
28226    >
28227      
28228        <span
28229          aria-hidden="true"
28230          class="svg-wrapper add-to-cart-icon"
28231        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
28232</span>
28233      
28234      <span class="add-to-cart-text__content is-visually-hidden-mobile">
28235        <span>
28236          <span>Add</span>
28237        </span>
28238      </span>
28239    </span>
28240    
28241    <span class="add-to-cart__added">
28242      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
28243  <g class="check">
28244    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
28245    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
28246  </g>
28247  <g class="burst">
28248    <g style="--index: 0;">
28249      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
28250    </g>
28251    <g style="--index: 1;">
28252      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
28253    </g>
28254    <g style="--index: 2;">
28255      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
28256    </g>
28257    <g style="--index: 3;">
28258      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
28259    </g>
28260    <g style="--index: 4;">
28261      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
28262    </g>
28263    <g style="--index: 5;">
28264      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
28265    </g>
28266    <g style="--index: 6;">
28267      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
28268    </g>
28269    <g style="--index: 7;">
28270      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
28271    </g>
28272  </g>
28273</svg>
28274</span>
28275    </span>
28276  </button>
28277</add-to-cart-component>
28278
28279
28280
28281
28282      <button
28283        class="button quick-add__button quick-add__button--choose add-to-cart-button"
28284        
28285        type="button"
28286        name="add"
28287        on:click="quick-add-component/handleClick"
28288      >
28289        <span
28290          class="add-to-cart-text quick-add__button-content"
28291        >
28292          
28293          <span
28294            aria-hidden="true"
28295            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
28296          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
28297</span>
28298          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
28299            <span>
28300              
28301              <span>
28302                Choose
28303              </span>
28304            </span>
28305          </span>
28306        </span>
28307      </button><input type="hidden" name="product-id" value="12823406739616" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
28308</quick-add-component>
28309
28310
28311
28312    
28313  
28314
28315</div>
28316
28317
28318
28319
28320
28321<div class="product-grid-view-zoom-out--details">
28322  
28323    <h3 class="h4">Barbie™ x Sol Kyst | Disco</h3>
28324  
28325</div>
28326
28327
28328
28329
28330
28331
28332<div
28333  class="
28334    group-block
28335    
28336    group-block--height-fit
28337    group-block--width-fill
28338    border-style
28339    spacing-style
28340    size-style
28341    
28342    
28343  "
28344  style="
28345    --border-width: 1px; --border-style: none; --border-color:
28346rgb(var(--color-border-rgb) / 1.0); --border-radius:
283470px; 
28348
28349    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
28350    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
28351    
28352  "
28353  
28354  data-testid="group-block"
28355><div class="group-block__media-wrapper">
28356    
28357
28358
28359
28360    
28361  </div>
28362
28363  <div
28364    class="
28365      group-block-content
28366      
28367      layout-panel-flex
28368      layout-panel-flex--row
28369       mobile-column
28370    "
28371    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
28372
28373--gap: 12px;
28374
28375--horizontal-alignment: space-between; --vertical-alignment: flex-start;
28376--vertical-alignment-mobile: flex-start;
28377"
28378  >
28379  
28380
28381<div
28382  class="
28383    group-block
28384    
28385    group-block--height-fit
28386    group-block--width-fill
28387    border-style
28388    spacing-style
28389    size-style
28390    
28391    
28392  "
28393  style="
28394    --border-width: 1px; --border-style: none; --border-color:
28395rgb(var(--color-border-rgb) / 1.0); --border-radius:
283960px; 
28397
28398    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
28399    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
28400    
28401  "
28402  
28403  data-testid="group-block"
28404><div class="group-block__media-wrapper">
28405    
28406
28407
28408
28409    
28410  </div>
28411
28412  <div
28413    class="
28414      group-block-content
28415      
28416      layout-panel-flex
28417      layout-panel-flex--column
28418       mobile-column
28419    "
28420    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
28421
28422--gap: 0px;
28423
28424--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
28425--vertical-alignment-mobile: flex-start;
28426"
28427  >
28428  
28429  
28430  <a
28431    class="contents user-select-text"
28432    ref="productTitleLink"
28433    href="/products/barbie%E2%84%A2-x-sol-kyst-1980s-black-barbie-square?variant=49232847241376"
28434  >
28435    
28436
28437
28438
28439
28440
28441
28442  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-13 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
28443    <p>Barbie™ x Sol Kyst | Disco</p>
28444  </div>
28445
28446
28447
28448
28449  </a>
28450
28451
28452
28453
28454
28455<product-price
28456  class="text-block text-block--align-left text-left h5 spacing-style"
28457  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-13"
28458  data-product-id="12823406739616"
28459  style="
28460    
28461--color: var(--color-foreground);
28462    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
28463    --width: 100%;
28464  "
28465  
28466>
28467  <div ref="priceContainer">
28468  
28469    
28470    
28471
28472    
28473      <span class="price">$200.00</span>
28474    
28475
28476    
28477  
28478</div>
28479
28480  
28481</product-price>
28482
28483
28484
28485
28486
28487
28488
28489</div>
28490</div>
28491
28492
28493
28494
28495
28496
28497<div
28498  class="
28499    group-block
28500    
28501    group-block--height-fit
28502    group-block--width-fill
28503    border-style
28504    spacing-style
28505    size-style
28506    
28507    
28508  "
28509  style="
28510    --border-width: 1px; --border-style: none; --border-color:
28511rgb(var(--color-border-rgb) / 1.0); --border-radius:
285120px; 
28513
28514    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
28515    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
28516    
28517  "
28518  
28519  data-testid="group-block"
28520><div class="group-block__media-wrapper">
28521    
28522
28523
28524
28525    
28526  </div>
28527
28528  <div
28529    class="
28530      group-block-content
28531      
28532      layout-panel-flex
28533      layout-panel-flex--column
28534       mobile-column
28535    "
28536    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
28537
28538--gap: 0px;
28539
28540--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
28541--vertical-alignment-mobile: flex-start;
28542"
28543  >
28544  
28545
28546
28547
28548
28549
28550
28551
28552</div>
28553</div>
28554
28555
28556
28557
28558
28559</div>
28560</div>
28561
28562
28563
28564
28565
28566
28567  </div>
28568</product-card></product-card-link>
28569
28570
28571
28572
28573          </li>
28574        
28575          <li
28576            id="template--28980150370464__main-12823371153568"
28577            class="product-grid__item product-grid__item--14"
28578            data-page="1"
28579            data-product-id="12823371153568"
28580            ref="cards[]"
28581          >
28582            
28583
28584
28585
28586<style data-shopify>
28587  
28588</style>
28589
28590
28591<product-card-link
28592    data-product-id="12823371153568"
28593    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-2.png?v=1784148493&width=500"
28594    data-product-transition="true"
28595    
28596  ><product-card
28597  class="product-card"
28598  data-product-id="12823371153568"
28599  id="product-card-ARkJhYk42RE5RUXhCT__product-card-14"
28600  data-product-transition="true"
28601  
28602  
28603>
28604  <a
28605    id="80637730299149729ad0efed52662919"
28606    
28607      href="/products/barbie%E2%84%A2-x-sol-kyst-1960s-twist-nturn-orange?variant=49232788619424"
28608    
28609    class="product-card__link"
28610    ref="productCardLink"
28611  >
28612    <span class="visually-hidden">
28613      Barbie™ x Sol Kyst | DJ
28614    </span>
28615  </a>
28616  <div
28617    class="
28618      product-card__content
28619      layout-panel-flex
28620      layout-panel-flex--column
28621      product-grid__card
28622      spacing-style
28623      border-style
28624      gap-style
28625      
28626    "
28627    style="
28628      --border-width: 1px; --border-style: none; --border-color:
28629rgb(var(--color-border-rgb) / 1.0); --border-radius:
286300px; 
28631
28632      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
28633
28634
28635
28636--horizontal-alignment: ; --vertical-alignment: ;
28637--vertical-alignment-mobile: ;
28638
28639      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
28640      --product-card-gap: 8px;
28641      --quick-add-display: flex;
28642      --quick-add-mobile-display: flex;
28643      --quick-add-mobile-opacity: 1;
28644      
28645      
28646      
28647      
28648    "
28649  >
28650    
28651  
28652
28653
28654
28655
28656
28657<div
28658  ref="cardGallery"
28659  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-14 spacing-style border-style"
28660  style="
28661    --border-width: 1px; --border-style: none; --border-color:
28662rgb(var(--color-border-rgb) / 1.0); --border-radius:
286630px; 
28664
28665    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
28666    --gallery-aspect-ratio: 4 / 5;
28667  "
28668  data-product-id="12823371153568"
28669  
28670    on:pointerenter="/previewImage"
28671    on:pointerleave="/resetImage"
28672  
28673  
28674    data-view-transition-to-main-product
28675  
28676  data-image-ratio="portrait"
28677  
28678>
28679    <a
28680      class="contents"
28681      ref="cardGalleryLink"
28682      href="/products/barbie%E2%84%A2-x-sol-kyst-1960s-twist-nturn-orange?variant=49232788619424"
28683      aria-label="Barbie™ x Sol Kyst | DJ"
28684    >
28685      <slideshow-component
28686  
28687    ref="slideshow"
28688  
28689  
28690  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10;--slide-min-height: auto;--slide-min-height-desktop: auto;"
28691  
28692  initial-slide="0"
28693  
28694  
28695    infinite
28696  
28697
28698  data-generic-media-size="10"
28699>
28700  
28701  <slideshow-container ref="slideshowContainer">
28702    
28703      <slideshow-arrows
28704  position="center"
28705  
28706><button
28707  class="
28708    slideshow-control slideshow-control--previous
28709    
28710    
28711    slideshow-control--style-arrow
28712    button button-unstyled button-unstyled--transparent
28713     flip-x
28714  "
28715  
28716  aria-label="Previous slide"
28717  
28718  on:click="/previous"
28719  ref="previous"
28720>
28721  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
28722</span>
28723</button>
28724<button
28725  class="
28726    slideshow-control slideshow-control--next
28727    
28728    
28729    slideshow-control--style-arrow
28730    button button-unstyled button-unstyled--transparent
28731    
28732  "
28733  
28734  aria-label="Next slide"
28735  
28736  on:click="/next"
28737  ref="next"
28738>
28739  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
28740</span>
28741</button>
28742</slideshow-arrows>
28743
28744    
28745    
28746    <slideshow-slides
28747      tabindex="-1"
28748      ref="scroller"
28749      
28750    >
28751      <slideshow-slide
28752  ref="slides[]"
28753  aria-hidden="false"
28754  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
28755  
28756    class="product-media-container media-fit product-media-container--image"
28757  
28758  
28759  
28760  
28761    slide-id="69767706280096"
28762  
28763  
28764  
28765  
28766>
28767  
28768
28769<div
28770  class="product-media"
28771  style="--ratio: 1.0"
28772  data-media-id="69767706280096"
28773>
28774  
28775  <img src="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-2.png?v=1784148493&amp;width=3840" alt="Barbie™ x Sol Kyst | DJ" srcset="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-2.png?v=1784148493&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-2.png?v=1784148493&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-2.png?v=1784148493&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-2.png?v=1784148493&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-2.png?v=1784148493&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-2.png?v=1784148493&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-2.png?v=1784148493&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/CutOut-Barbie-2.png?v=1784148493&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-2.png?v=1784148493&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
28776
28777  
28778</div>
28779
28780
28781
28782</slideshow-slide>
28783<slideshow-slide
28784  ref="slides[]"
28785  aria-hidden="true"
28786  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
28787  
28788    class="product-media-container media-fit product-media-container--image"
28789  
28790  
28791  
28792  
28793    slide-id="36020841185440"
28794  
28795  
28796  
28797  
28798>
28799  
28800
28801<div
28802  class="product-media"
28803  style="--ratio: 0.6666666666666666"
28804  data-media-id="36020841185440"
28805>
28806  
28807  <img src="//www.solkyst.ca/cdn/shop/files/5U6A3798.jpg?v=1775779583&amp;width=3840" alt="Barbie Sol Kyst round orange sunglasses with pink reflective lenses on an open matching case." srcset="//www.solkyst.ca/cdn/shop/files/5U6A3798.jpg?v=1775779583&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/5U6A3798.jpg?v=1775779583&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/5U6A3798.jpg?v=1775779583&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/5U6A3798.jpg?v=1775779583&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/5U6A3798.jpg?v=1775779583&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/5U6A3798.jpg?v=1775779583&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/5U6A3798.jpg?v=1775779583&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/5U6A3798.jpg?v=1775779583&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/5U6A3798.jpg?v=1775779583&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
28808
28809  
28810</div>
28811
28812
28813
28814</slideshow-slide>
28815<slideshow-slide
28816  ref="slides[]"
28817  aria-hidden="true"
28818  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
28819  
28820    class="product-media-container media-fit product-media-container--image"
28821  
28822  
28823  
28824  
28825    slide-id="36005228871840"
28826  
28827  
28828  
28829  
28830>
28831  
28832
28833<div
28834  class="product-media"
28835  style="--ratio: 0.6666666666666666"
28836  data-media-id="36005228871840"
28837>
28838  
28839  <img src="//www.solkyst.ca/cdn/shop/files/2_ea851323-f6b7-4c68-a4d9-5c1e4926d8ff.png?v=1775779583&amp;width=3840" alt="Barbie Sol Kyst women&#39;s round sunglasses with orange frames and pink tinted lenses - front view." srcset="//www.solkyst.ca/cdn/shop/files/2_ea851323-f6b7-4c68-a4d9-5c1e4926d8ff.png?v=1775779583&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/2_ea851323-f6b7-4c68-a4d9-5c1e4926d8ff.png?v=1775779583&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/2_ea851323-f6b7-4c68-a4d9-5c1e4926d8ff.png?v=1775779583&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/2_ea851323-f6b7-4c68-a4d9-5c1e4926d8ff.png?v=1775779583&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/2_ea851323-f6b7-4c68-a4d9-5c1e4926d8ff.png?v=1775779583&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/2_ea851323-f6b7-4c68-a4d9-5c1e4926d8ff.png?v=1775779583&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/2_ea851323-f6b7-4c68-a4d9-5c1e4926d8ff.png?v=1775779583&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/2_ea851323-f6b7-4c68-a4d9-5c1e4926d8ff.png?v=1775779583&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/2_ea851323-f6b7-4c68-a4d9-5c1e4926d8ff.png?v=1775779583&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
28840
28841  
28842</div>
28843
28844
28845
28846</slideshow-slide>
28847<slideshow-slide
28848  ref="slides[]"
28849  aria-hidden="true"
28850  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
28851  
28852    class="product-media-container media-fit product-media-container--image"
28853  
28854  
28855  
28856  
28857    slide-id="36020815200416"
28858  
28859  
28860  
28861  
28862>
28863  
28864
28865<div
28866  class="product-media"
28867  style="--ratio: 0.6671557838102226"
28868  data-media-id="36020815200416"
28869>
28870  
28871  <img src="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0280_AUG_15.jpg?v=1775779583&amp;width=3840" alt="Model wearing Sol Kyst round sunglasses with orange frame, with matching dress and accessories." srcset="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0280_AUG_15.jpg?v=1775779583&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0280_AUG_15.jpg?v=1775779583&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0280_AUG_15.jpg?v=1775779583&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0280_AUG_15.jpg?v=1775779583&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0280_AUG_15.jpg?v=1775779583&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0280_AUG_15.jpg?v=1775779583&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0280_AUG_15.jpg?v=1775779583&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0280_AUG_15.jpg?v=1775779583&amp;width=3840 3840w" width="3840" height="5756" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0280_AUG_15.jpg?v=1775779583&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
28872
28873  
28874</div>
28875
28876
28877
28878</slideshow-slide>
28879<slideshow-slide
28880  ref="slides[]"
28881  aria-hidden="true"
28882  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
28883  
28884    class="product-media-container media-fit product-media-container--image"
28885  
28886  
28887  
28888  
28889    slide-id="36118446440608"
28890  
28891  
28892  
28893  
28894>
28895  
28896
28897<div
28898  class="product-media"
28899  style="--ratio: 1.0"
28900  data-media-id="36118446440608"
28901>
28902  
28903  <img src="//www.solkyst.ca/cdn/shop/files/Barbie-DJ.jpg?v=1775779583&amp;width=3840" alt="Four angles of Barbie Sol Kyst round orange sunglasses with tinted lenses, displayed against a white background." srcset="//www.solkyst.ca/cdn/shop/files/Barbie-DJ.jpg?v=1775779583&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Barbie-DJ.jpg?v=1775779583&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Barbie-DJ.jpg?v=1775779583&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Barbie-DJ.jpg?v=1775779583&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Barbie-DJ.jpg?v=1775779583&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Barbie-DJ.jpg?v=1775779583&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Barbie-DJ.jpg?v=1775779583&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Barbie-DJ.jpg?v=1775779583&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Barbie-DJ.jpg?v=1775779583&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
28904
28905  
28906</div>
28907
28908
28909
28910</slideshow-slide>
28911
28912    </slideshow-slides>
28913  </slideshow-container>
28914  
28915</slideshow-component>
28916
28917
28918
28919    </a>
28920  
28921  
28922    <div
28923      class="product-badges product-badges--top-left"
28924      style="
28925        --badge-border-radius: 0px;
28926        --badge-font-family: var(--font-body--family);
28926 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
28927      "
28928    ></div>
28929    
28930      
28931
28932<quick-add-component
28933  class="quick-add color-scheme-4 "
28934  ref="quickAdd"
28935  data-product-title="Barbie™ x Sol Kyst | DJ"
28936  data-quick-add-button="choose"
28937  data-product-options-count="1"
28938>
28939  <product-form-component
28940    data-section-id="template--28980150370464__main"
28941    data-product-id="12823371153568"
28942    on:submit="/handleSubmit"
28943    class="quick-add__product-form-component"
28944  >
28945    <div
28946      class="visually-hidden"
28947      aria-live="assertive"
28948      role="status"
28949      aria-atomic="true"
28950      ref="liveRegion"
28951    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-12823371153568-AVkVHRmZuS1U2YVZuU__card-gallery-14" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
28952        type="hidden"
28953        name="id"
28954        ref="variantId"
28955        value="49232788619424"
28956        
28957      >
28958      <input
28959        type="hidden"
28960        name="quantity"
28961        value="1"
28962      >
28963      
28964      <add-to-cart-component
28965  ref="addToCartButtonContainer"
28966  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/CutOut-Barbie-2.png?v=1784148493&width=100"
28967  data-add-to-cart-animation="true"
28968>
28969  <button
28970    
28971    type="submit"
28972    name="add"
28973    ref="addToCartButton"
28974    on:click="/handleClick"
28975    class="button button quick-add__button quick-add__button--add add-to-cart-button"
28976    
28977    
28978  >
28979    <span
28980      class="add-to-cart-text"
28981    >
28982      
28983        <span
28984          aria-hidden="true"
28985          class="svg-wrapper add-to-cart-icon"
28986        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
28987</span>
28988      
28989      <span class="add-to-cart-text__content is-visually-hidden-mobile">
28990        <span>
28991          <span>Add</span>
28992        </span>
28993      </span>
28994    </span>
28995    
28996    <span class="add-to-cart__added">
28997      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
28998  <g class="check">
28999    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
29000    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
29001  </g>
29002  <g class="burst">
29003    <g style="--index: 0;">
29004      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
29005    </g>
29006    <g style="--index: 1;">
29007      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
29008    </g>
29009    <g style="--index: 2;">
29010      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
29011    </g>
29012    <g style="--index: 3;">
29013      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
29014    </g>
29015    <g style="--index: 4;">
29016      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
29017    </g>
29018    <g style="--index: 5;">
29019      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
29020    </g>
29021    <g style="--index: 6;">
29022      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
29023    </g>
29024    <g style="--index: 7;">
29025      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
29026    </g>
29027  </g>
29028</svg>
29029</span>
29030    </span>
29031  </button>
29032</add-to-cart-component>
29033
29034
29035
29036
29037      <button
29038        class="button quick-add__button quick-add__button--choose add-to-cart-button"
29039        
29040        type="button"
29041        name="add"
29042        on:click="quick-add-component/handleClick"
29043      >
29044        <span
29045          class="add-to-cart-text quick-add__button-content"
29046        >
29047          
29048          <span
29049            aria-hidden="true"
29050            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
29051          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
29052</span>
29053          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
29054            <span>
29055              
29056              <span>
29057                Choose
29058              </span>
29059            </span>
29060          </span>
29061        </span>
29062      </button><input type="hidden" name="product-id" value="12823371153568" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
29063</quick-add-component>
29064
29065
29066
29067    
29068  
29069
29070</div>
29071
29072
29073
29074
29075
29076<div class="product-grid-view-zoom-out--details">
29077  
29078    <h3 class="h4">Barbie™ x Sol Kyst | DJ</h3>
29079  
29080</div>
29081
29082
29083
29084
29085
29086
29087<div
29088  class="
29089    group-block
29090    
29091    group-block--height-fit
29092    group-block--width-fill
29093    border-style
29094    spacing-style
29095    size-style
29096    
29097    
29098  "
29099  style="
29100    --border-width: 1px; --border-style: none; --border-color:
29101rgb(var(--color-border-rgb) / 1.0); --border-radius:
291020px; 
29103
29104    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
29105    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
29106    
29107  "
29108  
29109  data-testid="group-block"
29110><div class="group-block__media-wrapper">
29111    
29112
29113
29114
29115    
29116  </div>
29117
29118  <div
29119    class="
29120      group-block-content
29121      
29122      layout-panel-flex
29123      layout-panel-flex--row
29124       mobile-column
29125    "
29126    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
29127
29128--gap: 12px;
29129
29130--horizontal-alignment: space-between; --vertical-alignment: flex-start;
29131--vertical-alignment-mobile: flex-start;
29132"
29133  >
29134  
29135
29136<div
29137  class="
29138    group-block
29139    
29140    group-block--height-fit
29141    group-block--width-fill
29142    border-style
29143    spacing-style
29144    size-style
29145    
29146    
29147  "
29148  style="
29149    --border-width: 1px; --border-style: none; --border-color:
29150rgb(var(--color-border-rgb) / 1.0); --border-radius:
291510px; 
29152
29153    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
29154    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
29155    
29156  "
29157  
29158  data-testid="group-block"
29159><div class="group-block__media-wrapper">
29160    
29161
29162
29163
29164    
29165  </div>
29166
29167  <div
29168    class="
29169      group-block-content
29170      
29171      layout-panel-flex
29172      layout-panel-flex--column
29173       mobile-column
29174    "
29175    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
29176
29177--gap: 0px;
29178
29179--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
29180--vertical-alignment-mobile: flex-start;
29181"
29182  >
29183  
29184  
29185  <a
29186    class="contents user-select-text"
29187    ref="productTitleLink"
29188    href="/products/barbie%E2%84%A2-x-sol-kyst-1960s-twist-nturn-orange?variant=49232788619424"
29189  >
29190    
29191
29192
29193
29194
29195
29196
29197  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-14 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
29198    <p>Barbie™ x Sol Kyst | DJ</p>
29199  </div>
29200
29201
29202
29203
29204  </a>
29205
29206
29207
29208
29209
29210<product-price
29211  class="text-block text-block--align-left text-left h5 spacing-style"
29212  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-14"
29213  data-product-id="12823371153568"
29214  style="
29215    
29216--color: var(--color-foreground);
29217    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
29218    --width: 100%;
29219  "
29220  
29221>
29222  <div ref="priceContainer">
29223  
29224    
29225    
29226
29227    
29228      <span class="price">$190.00</span>
29229    
29230
29231    
29232  
29233</div>
29234
29235  
29236</product-price>
29237
29238
29239
29240
29241
29242
29243
29244</div>
29245</div>
29246
29247
29248
29249
29250
29251
29252<div
29253  class="
29254    group-block
29255    
29256    group-block--height-fit
29257    group-block--width-fill
29258    border-style
29259    spacing-style
29260    size-style
29261    
29262    
29263  "
29264  style="
29265    --border-width: 1px; --border-style: none; --border-color:
29266rgb(var(--color-border-rgb) / 1.0); --border-radius:
292670px; 
29268
29269    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
29270    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
29271    
29272  "
29273  
29274  data-testid="group-block"
29275><div class="group-block__media-wrapper">
29276    
29277
29278
29279
29280    
29281  </div>
29282
29283  <div
29284    class="
29285      group-block-content
29286      
29287      layout-panel-flex
29288      layout-panel-flex--column
29289       mobile-column
29290    "
29291    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
29292
29293--gap: 0px;
29294
29295--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
29296--vertical-alignment-mobile: flex-start;
29297"
29298  >
29299  
29300
29301
29302
29303
29304
29305
29306
29307</div>
29308</div>
29309
29310
29311
29312
29313
29314</div>
29315</div>
29316
29317
29318
29319
29320
29321
29322  </div>
29323</product-card></product-card-link>
29324
29325
29326
29327
29328          </li>
29329        
29330          <li
29331            id="template--28980150370464__main-12823393042592"
29332            class="product-grid__item product-grid__item--15"
29333            data-page="1"
29334            data-product-id="12823393042592"
29335            ref="cards[]"
29336          >
29337            
29338
29339
29340
29341<style data-shopify>
29342  
29343</style>
29344
29345
29346<product-card-link
29347    data-product-id="12823393042592"
29348    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/IMG_1698.jpg?v=1775779483&width=500"
29349    data-product-transition="true"
29350    
29351  ><product-card
29352  class="product-card"
29353  data-product-id="12823393042592"
29354  id="product-card-ARkJhYk42RE5RUXhCT__product-card-15"
29355  data-product-transition="true"
29356  
29357  
29358>
29359  <a
29360    id="3b71a34b0b41833411c22099aa30845b"
29361    
29362      href="/products/barbie%E2%84%A2-x-sol-kyst-1970s-superstar-hexagon?variant=49232825221280"
29363    
29364    class="product-card__link"
29365    ref="productCardLink"
29366  >
29367    <span class="visually-hidden">
29368      Barbie™ x Sol Kyst | Empress
29369    </span>
29370  </a>
29371  <div
29372    class="
29373      product-card__content
29374      layout-panel-flex
29375      layout-panel-flex--column
29376      product-grid__card
29377      spacing-style
29378      border-style
29379      gap-style
29380      
29381    "
29382    style="
29383      --border-width: 1px; --border-style: none; --border-color:
29384rgb(var(--color-border-rgb) / 1.0); --border-radius:
293850px; 
29386
29387      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
29388
29389
29390
29391--horizontal-alignment: ; --vertical-alignment: ;
29392--vertical-alignment-mobile: ;
29393
29394      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
29395      --product-card-gap: 8px;
29396      --quick-add-display: flex;
29397      --quick-add-mobile-display: flex;
29398      --quick-add-mobile-opacity: 1;
29399      
29400      
29401      
29402      
29403    "
29404  >
29405    
29406  
29407
29408
29409
29410
29411
29412<div
29413  ref="cardGallery"
29414  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-15 spacing-style border-style"
29415  style="
29416    --border-width: 1px; --border-style: none; --border-color:
29417rgb(var(--color-border-rgb) / 1.0); --border-radius:
294180px; 
29419
29420    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
29421    --gallery-aspect-ratio: 4 / 5;
29422  "
29423  data-product-id="12823393042592"
29424  
29425    on:pointerenter="/previewImage"
29426    on:pointerleave="/resetImage"
29427  
29428  
29429    data-view-transition-to-main-product
29430  
29431  data-image-ratio="portrait"
29432  
29433>
29434    <a
29435      class="contents"
29436      ref="cardGalleryLink"
29437      href="/products/barbie%E2%84%A2-x-sol-kyst-1970s-superstar-hexagon?variant=49232825221280"
29438      aria-label="Barbie™ x Sol Kyst | Empress"
29439    >
29440      <slideshow-component
29441  
29442    ref="slideshow"
29443  
29444  
29445  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9;--slide-min-height: auto;--slide-min-height-desktop: auto;"
29446  
29447  initial-slide="0"
29448  
29449  
29450    infinite
29451  
29452
29453  data-generic-media-size="7"
29454>
29455  
29456  <slideshow-container ref="slideshowContainer">
29457    
29458      <slideshow-arrows
29459  position="center"
29460  
29461><button
29462  class="
29463    slideshow-control slideshow-control--previous
29464    
29465    
29466    slideshow-control--style-arrow
29467    button button-unstyled button-unstyled--transparent
29468     flip-x
29469  "
29470  
29471  aria-label="Previous slide"
29472  
29473  on:click="/previous"
29474  ref="previous"
29475>
29476  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
29477</span>
29478</button>
29479<button
29480  class="
29481    slideshow-control slideshow-control--next
29482    
29483    
29484    slideshow-control--style-arrow
29485    button button-unstyled button-unstyled--transparent
29486    
29487  "
29488  
29489  aria-label="Next slide"
29490  
29491  on:click="/next"
29492  ref="next"
29493>
29494  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
29495</span>
29496</button>
29497</slideshow-arrows>
29498
29499    
29500    
29501    <slideshow-slides
29502      tabindex="-1"
29503      ref="scroller"
29504      
29505    >
29506      <slideshow-slide
29507  ref="slides[]"
29508  aria-hidden="false"
29509  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
29510  
29511    class="product-media-container media-fit product-media-container--image"
29512  
29513  
29514  
29515  
29516    slide-id="69767710539936"
29517  
29518  
29519  
29520  
29521>
29522  
29523
29524<div
29525  class="product-media"
29526  style="--ratio: 1.0"
29527  data-media-id="69767710539936"
29528>
29529  
29530  <img src="//www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_5.png?v=1784148550&amp;width=3840" alt="Barbie™ x Sol Kyst | Empress" srcset="//www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_5.png?v=1784148550&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_5.png?v=1784148550&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_5.png?v=1784148550&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_5.png?v=1784148550&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_5.png?v=1784148550&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_5.png?v=1784148550&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_5.png?v=1784148550&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_5.png?v=1784148550&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_5.png?v=1784148550&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
29531
29532  
29533</div>
29534
29535
29536
29537</slideshow-slide>
29538<slideshow-slide
29539  ref="slides[]"
29540  aria-hidden="true"
29541  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
29542  
29543    class="product-media-container media-fit product-media-container--image"
29544  
29545  
29546  
29547  
29548    slide-id="36020840890528"
29549  
29550  
29551  
29552  
29553>
29554  
29555
29556<div
29557  class="product-media"
29558  style="--ratio: 0.6666666666666666"
29559  data-media-id="36020840890528"
29560>
29561  
29562  <img src="//www.solkyst.ca/cdn/shop/files/5U6A3954.jpg?v=1775779483&amp;width=3840" alt="Barbie x Sol Kyst hexagonal sunglasses with brown translucent frames and brown lenses, displayed on matching case on a beige surface." srcset="//www.solkyst.ca/cdn/shop/files/5U6A3954.jpg?v=1775779483&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/5U6A3954.jpg?v=1775779483&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/5U6A3954.jpg?v=1775779483&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/5U6A3954.jpg?v=1775779483&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/5U6A3954.jpg?v=1775779483&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/5U6A3954.jpg?v=1775779483&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/5U6A3954.jpg?v=1775779483&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/5U6A3954.jpg?v=1775779483&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/5U6A3954.jpg?v=1775779483&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
29563
29564  
29565</div>
29566
29567
29568
29569</slideshow-slide>
29570<slideshow-slide
29571  ref="slides[]"
29572  aria-hidden="true"
29573  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
29574  
29575    class="product-media-container media-fit product-media-container--image"
29576  
29577  
29578  
29579  
29580    slide-id="36005229166752"
29581  
29582  
29583  
29584  
29585>
29586  
29587
29588<div
29589  class="product-media"
29590  style="--ratio: 0.6666666666666666"
29591  data-media-id="36005229166752"
29592>
29593  
29594  <img src="//www.solkyst.ca/cdn/shop/files/5_d1fe7620-b849-4b6b-a12a-50ddd16211c0.png?v=1775779483&amp;width=3840" alt="Barbie Sol Kyst women&#39;s hexagonal sunglasses with brown frames and brown tinted lenses - front view." srcset="//www.solkyst.ca/cdn/shop/files/5_d1fe7620-b849-4b6b-a12a-50ddd16211c0.png?v=1775779483&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/5_d1fe7620-b849-4b6b-a12a-50ddd16211c0.png?v=1775779483&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/5_d1fe7620-b849-4b6b-a12a-50ddd16211c0.png?v=1775779483&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/5_d1fe7620-b849-4b6b-a12a-50ddd16211c0.png?v=1775779483&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/5_d1fe7620-b849-4b6b-a12a-50ddd16211c0.png?v=1775779483&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/5_d1fe7620-b849-4b6b-a12a-50ddd16211c0.png?v=1775779483&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/5_d1fe7620-b849-4b6b-a12a-50ddd16211c0.png?v=1775779483&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/5_d1fe7620-b849-4b6b-a12a-50ddd16211c0.png?v=1775779483&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/5_d1fe7620-b849-4b6b-a12a-50ddd16211c0.png?v=1775779483&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
29595
29596  
29597</div>
29598
29599
29600
29601</slideshow-slide>
29602<slideshow-slide
29603  ref="slides[]"
29604  aria-hidden="true"
29605  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
29606  
29607    class="product-media-container media-fit product-media-container--image"
29608  
29609  
29610  
29611  
29612    slide-id="39217941250208"
29613  
29614  
29615  
29616  
29617>
29618  
29619
29620<div
29621  class="product-media"
29622  style="--ratio: 0.6666666666666666"
29623  data-media-id="39217941250208"
29624>
29625  
29626  <img src="//www.solkyst.ca/cdn/shop/files/barbie_side_image.png?v=1775779483&amp;width=3840" alt="Sunglasses with rose gold frame and brown lenses on a light gray background" srcset="//www.solkyst.ca/cdn/shop/files/barbie_side_image.png?v=1775779483&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/barbie_side_image.png?v=1775779483&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/barbie_side_image.png?v=1775779483&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/barbie_side_image.png?v=1775779483&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/barbie_side_image.png?v=1775779483&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/barbie_side_image.png?v=1775779483&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/barbie_side_image.png?v=1775779483&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/barbie_side_image.png?v=1775779483&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/barbie_side_image.png?v=1775779483&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
29627
29628  
29629</div>
29630
29631
29632
29633</slideshow-slide>
29634<slideshow-slide
29635  ref="slides[]"
29636  aria-hidden="true"
29637  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
29638  
29639    class="product-media-container media-fit product-media-container--image"
29640  
29641  
29642  
29643  
29644    slide-id="36020815102112"
29645  
29646  
29647  
29648  
29649>
29650  
29651
29652<div
29653  class="product-media"
29654  style="--ratio: 0.6669921875"
29655  data-media-id="36020815102112"
29656>
29657  
29658  <img src="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1283_AUG_15.jpg?v=1775779483&amp;width=3840" alt="Model with brown curly hair and matching dress wearing Barbie x Sol Kyst brown hexagonal sunglasses." srcset="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1283_AUG_15.jpg?v=1775779483&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1283_AUG_15.jpg?v=1775779483&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1283_AUG_15.jpg?v=1775779483&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1283_AUG_15.jpg?v=1775779483&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1283_AUG_15.jpg?v=1775779483&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1283_AUG_15.jpg?v=1775779483&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1283_AUG_15.jpg?v=1775779483&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1283_AUG_15.jpg?v=1775779483&amp;width=3840 3840w" width="3840" height="5757" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst1283_AUG_15.jpg?v=1775779483&amp;width=3840" fetchpriority="auto" style="--focal-point: 53.8095% 28.5832%;">
29659
29660  
29661</div>
29662
29663
29664
29665</slideshow-slide>
29666<slideshow-slide
29667  ref="slides[]"
29668  aria-hidden="true"
29669  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
29670  
29671    class="product-media-container media-fit product-media-container--image"
29672  
29673  variant-image
29674  
29675  
29676    slide-id="38108818604192"
29677  
29678  
29679    hidden
29680  
29681  
29682  variant-image
29683>
29684  
29685
29686<div
29687  class="product-media"
29688  style="--ratio: 0.8"
29689  data-media-id="38108818604192"
29690>
29691  
29692  <img src="//www.solkyst.ca/cdn/shop/files/IMG_1236.jpg?v=1775779483&amp;width=3840" alt="Barbie™ x Sol Kyst | Empress" srcset="//www.solkyst.ca/cdn/shop/files/IMG_1236.jpg?v=1775779483&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_1236.jpg?v=1775779483&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_1236.jpg?v=1775779483&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_1236.jpg?v=1775779483&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_1236.jpg?v=1775779483&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_1236.jpg?v=1775779483&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_1236.jpg?v=1775779483&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_1236.jpg?v=1775779483&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_1236.jpg?v=1775779483&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
29693
29694  
29695</div>
29696
29697
29698
29699</slideshow-slide>
29700<slideshow-slide
29701  ref="slides[]"
29702  aria-hidden="true"
29703  style="--slideshow-timeline: --slide-6; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
29704  
29705    class="product-media-container media-fit product-media-container--image"
29706  
29707  variant-image
29708  
29709  
29710    slide-id="38108842131616"
29711  
29712  
29713    hidden
29714  
29715  
29716  variant-image
29717>
29718  
29719
29720<div
29721  class="product-media"
29722  style="--ratio: 0.7997410444540354"
29723  data-media-id="38108842131616"
29724>
29725  
29726  <img src="//www.solkyst.ca/cdn/shop/files/IMG_1698.jpg?v=1775779483&amp;width=3840" alt="Barbie™ x Sol Kyst | Empress" srcset="//www.solkyst.ca/cdn/shop/files/IMG_1698.jpg?v=1775779483&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_1698.jpg?v=1775779483&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_1698.jpg?v=1775779483&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_1698.jpg?v=1775779483&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_1698.jpg?v=1775779483&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_1698.jpg?v=1775779483&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_1698.jpg?v=1775779483&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_1698.jpg?v=1775779483&amp;width=3840 3840w" width="3840" height="4802" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_1698.jpg?v=1775779483&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0018% 26.0443%;">
29727
29728  
29729</div>
29730
29731
29732
29733</slideshow-slide>
29734
29735    </slideshow-slides>
29736  </slideshow-container>
29737  
29738</slideshow-component>
29739
29740
29741
29742    </a>
29743  
29744  
29745    <div
29746      class="product-badges product-badges--top-left"
29747      style="
29748        --badge-border-radius: 0px;
29749        --badge-font-family: var(--font-body--family);
29749 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
29750      "
29751    ></div>
29752    
29753      
29754
29755<quick-add-component
29756  class="quick-add color-scheme-4 "
29757  ref="quickAdd"
29758  data-product-title="Barbie™ x Sol Kyst | Empress"
29759  data-quick-add-button="choose"
29760  data-product-options-count="1"
29761>
29762  <product-form-component
29763    data-section-id="template--28980150370464__main"
29764    data-product-id="12823393042592"
29765    on:submit="/handleSubmit"
29766    class="quick-add__product-form-component"
29767  >
29768    <div
29769      class="visually-hidden"
29770      aria-live="assertive"
29771      role="status"
29772      aria-atomic="true"
29773      ref="liveRegion"
29774    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-12823393042592-AVkVHRmZuS1U2YVZuU__card-gallery-15" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
29775        type="hidden"
29776        name="id"
29777        ref="variantId"
29778        value="49232825221280"
29779        
29780      >
29781      <input
29782        type="hidden"
29783        name="quantity"
29784        value="1"
29785      >
29786      
29787      <add-to-cart-component
29788  ref="addToCartButtonContainer"
29789  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/IMG_1698.jpg?v=1775779483&width=100"
29790  data-add-to-cart-animation="true"
29791>
29792  <button
29793    
29794    type="submit"
29795    name="add"
29796    ref="addToCartButton"
29797    on:click="/handleClick"
29798    class="button button quick-add__button quick-add__button--add add-to-cart-button"
29799    
29800    
29801  >
29802    <span
29803      class="add-to-cart-text"
29804    >
29805      
29806        <span
29807          aria-hidden="true"
29808          class="svg-wrapper add-to-cart-icon"
29809        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
29810</span>
29811      
29812      <span class="add-to-cart-text__content is-visually-hidden-mobile">
29813        <span>
29814          <span>Add</span>
29815        </span>
29816      </span>
29817    </span>
29818    
29819    <span class="add-to-cart__added">
29820      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
29821  <g class="check">
29822    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
29823    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
29824  </g>
29825  <g class="burst">
29826    <g style="--index: 0;">
29827      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
29828    </g>
29829    <g style="--index: 1;">
29830      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
29831    </g>
29832    <g style="--index: 2;">
29833      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
29834    </g>
29835    <g style="--index: 3;">
29836      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
29837    </g>
29838    <g style="--index: 4;">
29839      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
29840    </g>
29841    <g style="--index: 5;">
29842      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
29843    </g>
29844    <g style="--index: 6;">
29845      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
29846    </g>
29847    <g style="--index: 7;">
29848      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
29849    </g>
29850  </g>
29851</svg>
29852</span>
29853    </span>
29854  </button>
29855</add-to-cart-component>
29856
29857
29858
29859
29860      <button
29861        class="button quick-add__button quick-add__button--choose add-to-cart-button"
29862        
29863        type="button"
29864        name="add"
29865        on:click="quick-add-component/handleClick"
29866      >
29867        <span
29868          class="add-to-cart-text quick-add__button-content"
29869        >
29870          
29871          <span
29872            aria-hidden="true"
29873            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
29874          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
29875</span>
29876          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
29877            <span>
29878              
29879              <span>
29880                Choose
29881              </span>
29882            </span>
29883          </span>
29884        </span>
29885      </button><input type="hidden" name="product-id" value="12823393042592" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
29886</quick-add-component>
29887
29888
29889
29890    
29891  
29892
29893</div>
29894
29895
29896
29897
29898
29899<div class="product-grid-view-zoom-out--details">
29900  
29901    <h3 class="h4">Barbie™ x Sol Kyst | Empress</h3>
29902  
29903</div>
29904
29905
29906
29907
29908
29909
29910<div
29911  class="
29912    group-block
29913    
29914    group-block--height-fit
29915    group-block--width-fill
29916    border-style
29917    spacing-style
29918    size-style
29919    
29920    
29921  "
29922  style="
29923    --border-width: 1px; --border-style: none; --border-color:
29924rgb(var(--color-border-rgb) / 1.0); --border-radius:
299250px; 
29926
29927    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
29928    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
29929    
29930  "
29931  
29932  data-testid="group-block"
29933><div class="group-block__media-wrapper">
29934    
29935
29936
29937
29938    
29939  </div>
29940
29941  <div
29942    class="
29943      group-block-content
29944      
29945      layout-panel-flex
29946      layout-panel-flex--row
29947       mobile-column
29948    "
29949    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
29950
29951--gap: 12px;
29952
29953--horizontal-alignment: space-between; --vertical-alignment: flex-start;
29954--vertical-alignment-mobile: flex-start;
29955"
29956  >
29957  
29958
29959<div
29960  class="
29961    group-block
29962    
29963    group-block--height-fit
29964    group-block--width-fill
29965    border-style
29966    spacing-style
29967    size-style
29968    
29969    
29970  "
29971  style="
29972    --border-width: 1px; --border-style: none; --border-color:
29973rgb(var(--color-border-rgb) / 1.0); --border-radius:
299740px; 
29975
29976    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
29977    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
29978    
29979  "
29980  
29981  data-testid="group-block"
29982><div class="group-block__media-wrapper">
29983    
29984
29985
29986
29987    
29988  </div>
29989
29990  <div
29991    class="
29992      group-block-content
29993      
29994      layout-panel-flex
29995      layout-panel-flex--column
29996       mobile-column
29997    "
29998    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
29999
30000--gap: 0px;
30001
30002--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
30003--vertical-alignment-mobile: flex-start;
30004"
30005  >
30006  
30007  
30008  <a
30009    class="contents user-select-text"
30010    ref="productTitleLink"
30011    href="/products/barbie%E2%84%A2-x-sol-kyst-1970s-superstar-hexagon?variant=49232825221280"
30012  >
30013    
30014
30015
30016
30017
30018
30019
30020  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-15 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
30021    <p>Barbie™ x Sol Kyst | Empress</p>
30022  </div>
30023
30024
30025
30026
30027  </a>
30028
30029
30030
30031
30032
30033<product-price
30034  class="text-block text-block--align-left text-left h5 spacing-style"
30035  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-15"
30036  data-product-id="12823393042592"
30037  style="
30038    
30039--color: var(--color-foreground);
30040    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
30041    --width: 100%;
30042  "
30043  
30044>
30045  <div ref="priceContainer">
30046  
30047    
30048    
30049
30050    
30051      <span class="price">$190.00</span>
30052    
30053
30054    
30055  
30056</div>
30057
30058  
30059</product-price>
30060
30061
30062
30063
30064
30065
30066
30067</div>
30068</div>
30069
30070
30071
30072
30073
30074
30075<div
30076  class="
30077    group-block
30078    
30079    group-block--height-fit
30080    group-block--width-fill
30081    border-style
30082    spacing-style
30083    size-style
30084    
30085    
30086  "
30087  style="
30088    --border-width: 1px; --border-style: none; --border-color:
30089rgb(var(--color-border-rgb) / 1.0); --border-radius:
300900px; 
30091
30092    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
30093    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
30094    
30095  "
30096  
30097  data-testid="group-block"
30098><div class="group-block__media-wrapper">
30099    
30100
30101
30102
30103    
30104  </div>
30105
30106  <div
30107    class="
30108      group-block-content
30109      
30110      layout-panel-flex
30111      layout-panel-flex--column
30112       mobile-column
30113    "
30114    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
30115
30116--gap: 0px;
30117
30118--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
30119--vertical-alignment-mobile: flex-start;
30120"
30121  >
30122  
30123
30124
30125
30126
30127
30128
30129
30130</div>
30131</div>
30132
30133
30134
30135
30136
30137</div>
30138</div>
30139
30140
30141
30142
30143
30144
30145  </div>
30146</product-card></product-card-link>
30147
30148
30149
30150
30151          </li>
30152        
30153          <li
30154            id="template--28980150370464__main-14529101070496"
30155            class="product-grid__item product-grid__item--16"
30156            data-page="1"
30157            data-product-id="14529101070496"
30158            ref="cards[]"
30159          >
30160            
30161
30162
30163
30164<style data-shopify>
30165  
30166</style>
30167
30168
30169<product-card-link
30170    data-product-id="14529101070496"
30171    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/23.png?v=1767322308&width=500"
30172    data-product-transition="true"
30173    
30174  ><product-card
30175  class="product-card"
30176  data-product-id="14529101070496"
30177  id="product-card-ARkJhYk42RE5RUXhCT__product-card-16"
30178  data-product-transition="true"
30179  
30180  
30181>
30182  <a
30183    id="999eb0e91a36dd3cdb65d64ad2acd142"
30184    
30185      href="/products/barbie%E2%84%A2-x-sol-kyst-kyst-klips?variant=51428203888800"
30186    
30187    class="product-card__link"
30188    ref="productCardLink"
30189  >
30190    <span class="visually-hidden">
30191      Barbie™ x Sol Kyst | Kyst Klips
30192    </span>
30193  </a>
30194  <div
30195    class="
30196      product-card__content
30197      layout-panel-flex
30198      layout-panel-flex--column
30199      product-grid__card
30200      spacing-style
30201      border-style
30202      gap-style
30203      
30204    "
30205    style="
30206      --border-width: 1px; --border-style: none; --border-color:
30207rgb(var(--color-border-rgb) / 1.0); --border-radius:
302080px; 
30209
30210      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
30211
30212
30213
30214--horizontal-alignment: ; --vertical-alignment: ;
30215--vertical-alignment-mobile: ;
30216
30217      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
30218      --product-card-gap: 8px;
30219      --quick-add-display: flex;
30220      --quick-add-mobile-display: flex;
30221      --quick-add-mobile-opacity: 1;
30222      
30223      
30224      
30225      
30226    "
30227  >
30228    
30229  
30230
30231
30232
30233
30234
30235<div
30236  ref="cardGallery"
30237  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-16 spacing-style border-style card-gallery--badge-top-left"
30238  style="
30239    --border-width: 1px; --border-style: none; --border-color:
30240rgb(var(--color-border-rgb) / 1.0); --border-radius:
302410px; 
30242
30243    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
30244    --gallery-aspect-ratio: 4 / 5;
30245  "
30246  data-product-id="14529101070496"
30247  
30248    on:pointerenter="/previewImage"
30249    on:pointerleave="/resetImage"
30250  
30251  
30252    data-view-transition-to-main-product
30253  
30254  data-image-ratio="portrait"
30255  
30256>
30257    <a
30258      class="contents"
30259      ref="cardGalleryLink"
30260      href="/products/barbie%E2%84%A2-x-sol-kyst-kyst-klips?variant=51428203888800"
30261      aria-label="Barbie™ x Sol Kyst | Kyst Klips"
30262    >
30263      <slideshow-component
30264  
30265    ref="slideshow"
30266  
30267  
30268  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13, --slide-14, --slide-15, --slide-16, --slide-17;--slide-min-height: auto;--slide-min-height-desktop: auto;"
30269  
30270  initial-slide="0"
30271  
30272  
30273    infinite
30274  
30275
30276  data-generic-media-size="9"
30277>
30278  
30279  <slideshow-container ref="slideshowContainer">
30280    
30281      <slideshow-arrows
30282  position="center"
30283  
30284><button
30285  class="
30286    slideshow-control slideshow-control--previous
30287    
30288    
30289    slideshow-control--style-arrow
30290    button button-unstyled button-unstyled--transparent
30291     flip-x
30292  "
30293  
30294  aria-label="Previous slide"
30295  
30296  on:click="/previous"
30297  ref="previous"
30298>
30299  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
30300</span>
30301</button>
30302<button
30303  class="
30304    slideshow-control slideshow-control--next
30305    
30306    
30307    slideshow-control--style-arrow
30308    button button-unstyled button-unstyled--transparent
30309    
30310  "
30311  
30312  aria-label="Next slide"
30313  
30314  on:click="/next"
30315  ref="next"
30316>
30317  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
30318</span>
30319</button>
30320</slideshow-arrows>
30321
30322    
30323    
30324    <slideshow-slides
30325      tabindex="-1"
30326      ref="scroller"
30327      
30328    >
30329      <slideshow-slide
30330  ref="slides[]"
30331  aria-hidden="false"
30332  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
30333  
30334    class="product-media-container media-fit product-media-container--image"
30335  
30336  
30337  
30338  
30339    slide-id="36005669994656"
30340  
30341  
30342  
30343  
30344>
30345  
30346
30347<div
30348  class="product-media"
30349  style="--ratio: 0.6666666666666666"
30350  data-media-id="36005669994656"
30351>
30352  
30353  <img src="//www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=3840" alt="Collection of Barbie x Sol Kyst sunglasses case in various colors, including blue, orange, pink, purple, and beige." srcset="//www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Untitleddesign.png?v=1773928227&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
30354
30355  
30356</div>
30357
30358
30359
30360</slideshow-slide>
30361<slideshow-slide
30362  ref="slides[]"
30363  aria-hidden="true"
30364  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
30365  
30366    class="product-media-container media-fit product-media-container--image"
30367  
30368  variant-image
30369  
30370  
30371    slide-id="36005426004128"
30372  
30373  
30374    hidden
30375  
30376  
30377  variant-image
30378>
30379  
30380
30381<div
30382  class="product-media"
30383  style="--ratio: 0.6670673076923077"
30384  data-media-id="36005426004128"
30385>
30386  
30387  <img src="//www.solkyst.ca/cdn/shop/files/23.png?v=1767322308&amp;width=3840" alt="Blue Barbie x Sol Kyst sunglasses case - front view." srcset="//www.solkyst.ca/cdn/shop/files/23.png?v=1767322308&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/23.png?v=1767322308&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/23.png?v=1767322308&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/23.png?v=1767322308&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/23.png?v=1767322308&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/23.png?v=1767322308&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/23.png?v=1767322308&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/23.png?v=1767322308&amp;width=3840 3840w" width="3840" height="5757" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/23.png?v=1767322308&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
30388
30389  
30390</div>
30391
30392
30393
30394</slideshow-slide>
30395<slideshow-slide
30396  ref="slides[]"
30397  aria-hidden="true"
30398  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
30399  
30400    class="product-media-container media-fit product-media-container--image"
30401  
30402  
30403  
30404  
30405    slide-id="36005426495648"
30406  
30407  
30408  
30409  
30410>
30411  
30412
30413<div
30414  class="product-media"
30415  style="--ratio: 1.0"
30416  data-media-id="36005426495648"
30417>
30418  
30419  <img src="//www.solkyst.ca/cdn/shop/files/24.png?v=1723492831&amp;width=3840" alt="Blue Barbie x Sol Kyst sunglasses case - back view." srcset="//www.solkyst.ca/cdn/shop/files/24.png?v=1723492831&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/24.png?v=1723492831&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/24.png?v=1723492831&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/24.png?v=1723492831&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/24.png?v=1723492831&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/24.png?v=1723492831&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/24.png?v=1723492831&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/24.png?v=1723492831&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/24.png?v=1723492831&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
30420
30421  
30422</div>
30423
30424
30425
30426</slideshow-slide>
30427<slideshow-slide
30428  ref="slides[]"
30429  aria-hidden="true"
30430  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
30431  
30432    class="product-media-container media-fit product-media-container--image"
30433  
30434  variant-image
30435  
30436  
30437    slide-id="36005426167968"
30438  
30439  
30440    hidden
30441  
30442  
30443  variant-image
30444>
30445  
30446
30447<div
30448  class="product-media"
30449  style="--ratio: 1.0"
30450  data-media-id="36005426167968"
30451>
30452  
30453  <img src="//www.solkyst.ca/cdn/shop/files/17.png?v=1755820054&amp;width=3840" alt="Red Barbie x Sol Kyst sunglasses case - front view." srcset="//www.solkyst.ca/cdn/shop/files/17.png?v=1755820054&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/17.png?v=1755820054&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/17.png?v=1755820054&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/17.png?v=1755820054&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/17.png?v=1755820054&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/17.png?v=1755820054&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/17.png?v=1755820054&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/17.png?v=1755820054&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/17.png?v=1755820054&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
30454
30455  
30456</div>
30457
30458
30459
30460</slideshow-slide>
30461<slideshow-slide
30462  ref="slides[]"
30463  aria-hidden="true"
30464  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
30465  
30466    class="product-media-container media-fit product-media-container--image"
30467  
30468  
30469  
30470  
30471    slide-id="36005426593952"
30472  
30473  
30474  
30475  
30476>
30477  
30478
30479<div
30480  class="product-media"
30481  style="--ratio: 1.0"
30482  data-media-id="36005426593952"
30483>
30484  
30485  <img src="//www.solkyst.ca/cdn/shop/files/18.png?v=1755820054&amp;width=3840" alt="Red Barbie x Sol Kyst sunglasses case - back view." srcset="//www.solkyst.ca/cdn/shop/files/18.png?v=1755820054&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/18.png?v=1755820054&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/18.png?v=1755820054&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/18.png?v=1755820054&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/18.png?v=1755820054&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/18.png?v=1755820054&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/18.png?v=1755820054&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/18.png?v=1755820054&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/18.png?v=1755820054&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
30486
30487  
30488</div>
30489
30490
30491
30492</slideshow-slide>
30493<slideshow-slide
30494  ref="slides[]"
30495  aria-hidden="true"
30496  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
30497  
30498    class="product-media-container media-fit product-media-container--image"
30499  
30500  variant-image
30501  
30502  
30503    slide-id="36005426430112"
30504  
30505  
30506    hidden
30507  
30508  
30509  variant-image
30510>
30511  
30512
30513<div
30514  class="product-media"
30515  style="--ratio: 1.0"
30516  data-media-id="36005426430112"
30517>
30518  
30519  <img src="//www.solkyst.ca/cdn/shop/files/21.png?v=1755820054&amp;width=3840" alt="Orange Barbie x Sol Kyst sunglasses case - front view." srcset="//www.solkyst.ca/cdn/shop/files/21.png?v=1755820054&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/21.png?v=1755820054&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/21.png?v=1755820054&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/21.png?v=1755820054&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/21.png?v=1755820054&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/21.png?v=1755820054&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/21.png?v=1755820054&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/21.png?v=1755820054&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/21.png?v=1755820054&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
30520
30521  
30522</div>
30523
30524
30525
30526</slideshow-slide>
30527<slideshow-slide
30528  ref="slides[]"
30529  aria-hidden="true"
30530  style="--slideshow-timeline: --slide-6; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
30531  
30532    class="product-media-container media-fit product-media-container--image"
30533  
30534  
30535  
30536  
30537    slide-id="36005426397344"
30538  
30539  
30540  
30541  
30542>
30543  
30544
30545<div
30546  class="product-media"
30547  style="--ratio: 1.0"
30548  data-media-id="36005426397344"
30549>
30550  
30551  <img src="//www.solkyst.ca/cdn/shop/files/22.png?v=1755820054&amp;width=3840" alt="Orange Barbie x Sol Kyst sunglasses case - back view." srcset="//www.solkyst.ca/cdn/shop/files/22.png?v=1755820054&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/22.png?v=1755820054&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/22.png?v=1755820054&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/22.png?v=1755820054&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/22.png?v=1755820054&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/22.png?v=1755820054&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/22.png?v=1755820054&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/22.png?v=1755820054&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/22.png?v=1755820054&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
30552
30553  
30554</div>
30555
30556
30557
30558</slideshow-slide>
30559<slideshow-slide
30560  ref="slides[]"
30561  aria-hidden="true"
30562  style="--slideshow-timeline: --slide-7; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
30563  
30564    class="product-media-container media-fit product-media-container--image"
30565  
30566  variant-image
30567  
30568  
30569    slide-id="36005426200736"
30570  
30571  
30572    hidden
30573  
30574  
30575  variant-image
30576>
30577  
30578
30579<div
30580  class="product-media"
30581  style="--ratio: 1.0"
30582  data-media-id="36005426200736"
30583>
30584  
30585  <img src="//www.solkyst.ca/cdn/shop/files/13_8f2fb4ce-6c34-428c-9212-465a6a171104.png?v=1755820054&amp;width=3840" alt="Peach Barbie x Sol Kyst sunglasses case - front view." srcset="//www.solkyst.ca/cdn/shop/files/13_8f2fb4ce-6c34-428c-9212-465a6a171104.png?v=1755820054&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/13_8f2fb4ce-6c34-428c-9212-465a6a171104.png?v=1755820054&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/13_8f2fb4ce-6c34-428c-9212-465a6a171104.png?v=1755820054&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/13_8f2fb4ce-6c34-428c-9212-465a6a171104.png?v=1755820054&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/13_8f2fb4ce-6c34-428c-9212-465a6a171104.png?v=1755820054&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/13_8f2fb4ce-6c34-428c-9212-465a6a171104.png?v=1755820054&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/13_8f2fb4ce-6c34-428c-9212-465a6a171104.png?v=1755820054&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/13_8f2fb4ce-6c34-428c-9212-465a6a171104.png?v=1755820054&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/13_8f2fb4ce-6c34-428c-9212-465a6a171104.png?v=1755820054&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
30586
30587  
30588</div>
30589
30590
30591
30592</slideshow-slide>
30593<slideshow-slide
30594  ref="slides[]"
30595  aria-hidden="true"
30596  style="--slideshow-timeline: --slide-8; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
30597  
30598    class="product-media-container media-fit product-media-container--image"
30599  
30600  
30601  
30602  
30603    slide-id="36005426528416"
30604  
30605  
30606  
30607  
30608>
30609  
30610
30611<div
30612  class="product-media"
30613  style="--ratio: 1.0"
30614  data-media-id="36005426528416"
30615>
30616  
30617  <img src="//www.solkyst.ca/cdn/shop/files/14_1f57b84e-aa52-4b7b-9788-d41cd6611374.png?v=1755820054&amp;width=3840" alt="Peach Barbie x Sol Kyst sunglasses 
30617case - back view." srcset="//www.solkyst.ca/cdn/shop/files/14_1f57b84e-aa52-4b7b-9788-d41cd6611374.png?v=1755820054&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/14_1f57b84e-aa52-4b7b-9788-d41cd6611374.png?v=1755820054&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/14_1f57b84e-aa52-4b7b-9788-d41cd6611374.png?v=1755820054&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/14_1f57b84e-aa52-4b7b-9788-d41cd6611374.png?v=1755820054&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/14_1f57b84e-aa52-4b7b-9788-d41cd6611374.png?v=1755820054&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/14_1f57b84e-aa52-4b7b-9788-d41cd6611374.png?v=1755820054&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/14_1f57b84e-aa52-4b7b-9788-d41cd6611374.png?v=1755820054&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/14_1f57b84e-aa52-4b7b-9788-d41cd6611374.png?v=1755820054&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/14_1f57b84e-aa52-4b7b-9788-d41cd6611374.png?v=1755820054&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
30618
30619  
30620</div>
30621
30622
30623
30624</slideshow-slide>
30625<slideshow-slide
30626  ref="slides[]"
30627  aria-hidden="true"
30628  style="--slideshow-timeline: --slide-9; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
30629  
30630    class="product-media-container media-fit product-media-container--image"
30631  
30632  variant-image
30633  
30634  
30635    slide-id="36005426135200"
30636  
30637  
30638    hidden
30639  
30640  
30641  variant-image
30642>
30643  
30644
30645<div
30646  class="product-media"
30647  style="--ratio: 1.0"
30648  data-media-id="36005426135200"
30649>
30650  
30651  <img src="//www.solkyst.ca/cdn/shop/files/15_7d833f9f-9d3a-4c76-8fc8-b737b4d24a4d.png?v=1755820054&amp;width=3840" alt="Mauve Barbie x Sol Kyst sunglasses case - front view." srcset="//www.solkyst.ca/cdn/shop/files/15_7d833f9f-9d3a-4c76-8fc8-b737b4d24a4d.png?v=1755820054&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/15_7d833f9f-9d3a-4c76-8fc8-b737b4d24a4d.png?v=1755820054&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/15_7d833f9f-9d3a-4c76-8fc8-b737b4d24a4d.png?v=1755820054&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/15_7d833f9f-9d3a-4c76-8fc8-b737b4d24a4d.png?v=1755820054&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/15_7d833f9f-9d3a-4c76-8fc8-b737b4d24a4d.png?v=1755820054&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/15_7d833f9f-9d3a-4c76-8fc8-b737b4d24a4d.png?v=1755820054&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/15_7d833f9f-9d3a-4c76-8fc8-b737b4d24a4d.png?v=1755820054&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/15_7d833f9f-9d3a-4c76-8fc8-b737b4d24a4d.png?v=1755820054&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/15_7d833f9f-9d3a-4c76-8fc8-b737b4d24a4d.png?v=1755820054&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
30652
30653  
30654</div>
30655
30656
30657
30658</slideshow-slide>
30659<slideshow-slide
30660  ref="slides[]"
30661  aria-hidden="true"
30662  style="--slideshow-timeline: --slide-11; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
30663  
30664    class="product-media-container media-fit product-media-container--image"
30665  
30666  variant-image
30667  
30668  
30669    slide-id="36005425971360"
30670  
30671  
30672    hidden
30673  
30674  
30675  variant-image
30676>
30677  
30678
30679<div
30680  class="product-media"
30681  style="--ratio: 1.0"
30682  data-media-id="36005425971360"
30683>
30684  
30685  <img src="//www.solkyst.ca/cdn/shop/files/11_fdbc423d-4b6f-4cae-bfed-c1137a1eb060.png?v=1755820054&amp;width=3840" alt="Lavender Barbie x Sol Kyst sunglasses case - front view." srcset="//www.solkyst.ca/cdn/shop/files/11_fdbc423d-4b6f-4cae-bfed-c1137a1eb060.png?v=1755820054&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/11_fdbc423d-4b6f-4cae-bfed-c1137a1eb060.png?v=1755820054&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/11_fdbc423d-4b6f-4cae-bfed-c1137a1eb060.png?v=1755820054&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/11_fdbc423d-4b6f-4cae-bfed-c1137a1eb060.png?v=1755820054&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/11_fdbc423d-4b6f-4cae-bfed-c1137a1eb060.png?v=1755820054&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/11_fdbc423d-4b6f-4cae-bfed-c1137a1eb060.png?v=1755820054&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/11_fdbc423d-4b6f-4cae-bfed-c1137a1eb060.png?v=1755820054&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/11_fdbc423d-4b6f-4cae-bfed-c1137a1eb060.png?v=1755820054&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/11_fdbc423d-4b6f-4cae-bfed-c1137a1eb060.png?v=1755820054&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
30686
30687  
30688</div>
30689
30690
30691
30692</slideshow-slide>
30693<slideshow-slide
30694  ref="slides[]"
30695  aria-hidden="true"
30696  style="--slideshow-timeline: --slide-13; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
30697  
30698    class="product-media-container media-fit product-media-container--image"
30699  
30700  variant-image
30701  
30702  
30703    slide-id="36005426266272"
30704  
30705  
30706    hidden
30707  
30708  
30709  variant-image
30710>
30711  
30712
30713<div
30714  class="product-media"
30715  style="--ratio: 1.0"
30716  data-media-id="36005426266272"
30717>
30718  
30719  <img src="//www.solkyst.ca/cdn/shop/files/19.png?v=1755820054&amp;width=3840" alt="Beige Barbie x Sol Kyst sunglasses case - front view." srcset="//www.solkyst.ca/cdn/shop/files/19.png?v=1755820054&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/19.png?v=1755820054&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/19.png?v=1755820054&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/19.png?v=1755820054&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/19.png?v=1755820054&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/19.png?v=1755820054&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/19.png?v=1755820054&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/19.png?v=1755820054&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/19.png?v=1755820054&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
30720
30721  
30722</div>
30723
30724
30725
30726</slideshow-slide>
30727<slideshow-slide
30728  ref="slides[]"
30729  aria-hidden="true"
30730  style="--slideshow-timeline: --slide-15; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
30731  
30732    class="product-media-container media-fit product-media-container--image"
30733  
30734  variant-image
30735  
30736  
30737    slide-id="36005426102432"
30738  
30739  
30740    hidden
30741  
30742  
30743  variant-image
30744>
30745  
30746
30747<div
30748  class="product-media"
30749  style="--ratio: 1.0"
30750  data-media-id="36005426102432"
30751>
30752  
30753  <img src="//www.solkyst.ca/cdn/shop/files/9_0f5808b5-3509-45c3-9216-0293939d2022.png?v=1755820054&amp;width=3840" alt="Pink Barbie x Sol Kyst sunglasses case - front view." srcset="//www.solkyst.ca/cdn/shop/files/9_0f5808b5-3509-45c3-9216-0293939d2022.png?v=1755820054&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/9_0f5808b5-3509-45c3-9216-0293939d2022.png?v=1755820054&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/9_0f5808b5-3509-45c3-9216-0293939d2022.png?v=1755820054&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/9_0f5808b5-3509-45c3-9216-0293939d2022.png?v=1755820054&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/9_0f5808b5-3509-45c3-9216-0293939d2022.png?v=1755820054&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/9_0f5808b5-3509-45c3-9216-0293939d2022.png?v=1755820054&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/9_0f5808b5-3509-45c3-9216-0293939d2022.png?v=1755820054&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/9_0f5808b5-3509-45c3-9216-0293939d2022.png?v=1755820054&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/9_0f5808b5-3509-45c3-9216-0293939d2022.png?v=1755820054&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
30754
30755  
30756</div>
30757
30758
30759
30760</slideshow-slide>
30761
30762    </slideshow-slides>
30763  </slideshow-container>
30764  
30765</slideshow-component>
30766
30767
30768
30769    </a>
30770  
30771  
30772    <div
30773      class="product-badges product-badges--top-left"
30774      style="
30775        --badge-border-radius: 0px;
30776        --badge-font-family: var(--font-body--family);
30776 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
30777      "
30778    ><div
30779          class="
30780            product-badges__badge product-badges__badge--rectangle
30781             color-scheme-6
30782          "
30783        >Sale
30784</div></div>
30785    
30786      
30787
30788<quick-add-component
30789  class="quick-add color-scheme-4 "
30790  ref="quickAdd"
30791  data-product-title="Barbie™ x Sol Kyst | Kyst Klips"
30792  data-quick-add-button="choose"
30793  data-product-options-count="1"
30794>
30795  <product-form-component
30796    data-section-id="template--28980150370464__main"
30797    data-product-id="14529101070496"
30798    on:submit="/handleSubmit"
30799    class="quick-add__product-form-component"
30800  >
30801    <div
30802      class="visually-hidden"
30803      aria-live="assertive"
30804      role="status"
30805      aria-atomic="true"
30806      ref="liveRegion"
30807    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-14529101070496-AVkVHRmZuS1U2YVZuU__card-gallery-16" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
30808        type="hidden"
30809        name="id"
30810        ref="variantId"
30811        value="51428203888800"
30812        
30813      >
30814      <input
30815        type="hidden"
30816        name="quantity"
30817        value="1"
30818      >
30819      
30820      <add-to-cart-component
30821  ref="addToCartButtonContainer"
30822  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/23.png?v=1767322308&width=100"
30823  data-add-to-cart-animation="true"
30824>
30825  <button
30826    
30827    type="submit"
30828    name="add"
30829    ref="addToCartButton"
30830    on:click="/handleClick"
30831    class="button button quick-add__button quick-add__button--add add-to-cart-button"
30832    
30833    
30834  >
30835    <span
30836      class="add-to-cart-text"
30837    >
30838      
30839        <span
30840          aria-hidden="true"
30841          class="svg-wrapper add-to-cart-icon"
30842        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
30843</span>
30844      
30845      <span class="add-to-cart-text__content is-visually-hidden-mobile">
30846        <span>
30847          <span>Add</span>
30848        </span>
30849      </span>
30850    </span>
30851    
30852    <span class="add-to-cart__added">
30853      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
30854  <g class="check">
30855    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
30856    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
30857  </g>
30858  <g class="burst">
30859    <g style="--index: 0;">
30860      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
30861    </g>
30862    <g style="--index: 1;">
30863      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
30864    </g>
30865    <g style="--index: 2;">
30866      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
30867    </g>
30868    <g style="--index: 3;">
30869      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
30870    </g>
30871    <g style="--index: 4;">
30872      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
30873    </g>
30874    <g style="--index: 5;">
30875      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
30876    </g>
30877    <g style="--index: 6;">
30878      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
30879    </g>
30880    <g style="--index: 7;">
30881      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
30882    </g>
30883  </g>
30884</svg>
30885</span>
30886    </span>
30887  </button>
30888</add-to-cart-component>
30889
30890
30891
30892
30893      <button
30894        class="button quick-add__button quick-add__button--choose add-to-cart-button"
30895        
30896        type="button"
30897        name="add"
30898        on:click="quick-add-component/handleClick"
30899      >
30900        <span
30901          class="add-to-cart-text quick-add__button-content"
30902        >
30903          
30904          <span
30905            aria-hidden="true"
30906            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
30907          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
30908</span>
30909          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
30910            <span>
30911              
30912              <span>
30913                Choose
30914              </span>
30915            </span>
30916          </span>
30917        </span>
30918      </button><input type="hidden" name="product-id" value="14529101070496" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
30919</quick-add-component>
30920
30921
30922
30923    
30924  
30925
30926</div>
30927
30928
30929
30930
30931
30932<div class="product-grid-view-zoom-out--details">
30933  
30934    <h3 class="h4">Barbie™ x Sol Kyst | Kyst Klips</h3>
30935  
30936</div>
30937
30938
30939
30940
30941
30942
30943<div
30944  class="
30945    group-block
30946    
30947    group-block--height-fit
30948    group-block--width-fill
30949    border-style
30950    spacing-style
30951    size-style
30952    
30953    
30954  "
30955  style="
30956    --border-width: 1px; --border-style: none; --border-color:
30957rgb(var(--color-border-rgb) / 1.0); --border-radius:
309580px; 
30959
30960    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
30961    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
30962    
30963  "
30964  
30965  data-testid="group-block"
30966><div class="group-block__media-wrapper">
30967    
30968
30969
30970
30971    
30972  </div>
30973
30974  <div
30975    class="
30976      group-block-content
30977      
30978      layout-panel-flex
30979      layout-panel-flex--row
30980       mobile-column
30981    "
30982    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
30983
30984--gap: 12px;
30985
30986--horizontal-alignment: space-between; --vertical-alignment: flex-start;
30987--vertical-alignment-mobile: flex-start;
30988"
30989  >
30990  
30991
30992<div
30993  class="
30994    group-block
30995    
30996    group-block--height-fit
30997    group-block--width-fill
30998    border-style
30999    spacing-style
31000    size-style
31001    
31002    
31003  "
31004  style="
31005    --border-width: 1px; --border-style: none; --border-color:
31006rgb(var(--color-border-rgb) / 1.0); --border-radius:
310070px; 
31008
31009    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
31010    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
31011    
31012  "
31013  
31014  data-testid="group-block"
31015><div class="group-block__media-wrapper">
31016    
31017
31018
31019
31020    
31021  </div>
31022
31023  <div
31024    class="
31025      group-block-content
31026      
31027      layout-panel-flex
31028      layout-panel-flex--column
31029       mobile-column
31030    "
31031    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
31032
31033--gap: 0px;
31034
31035--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
31036--vertical-alignment-mobile: flex-start;
31037"
31038  >
31039  
31040  
31041  <a
31042    class="contents user-select-text"
31043    ref="productTitleLink"
31044    href="/products/barbie%E2%84%A2-x-sol-kyst-kyst-klips?variant=51428203888800"
31045  >
31046    
31047
31048
31049
31050
31051
31052
31053  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-16 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
31054    <p>Barbie™ x Sol Kyst | Kyst Klips</p>
31055  </div>
31056
31057
31058
31059
31060  </a>
31061
31062
31063
31064
31065
31066<product-price
31067  class="text-block text-block--align-left text-left h5 spacing-style"
31068  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-16"
31069  data-product-id="14529101070496"
31070  style="
31071    
31072--color: var(--color-foreground);
31073    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
31074    --width: 100%;
31075  "
31076  
31077>
31078  <div ref="priceContainer">
31079  
31080    
31081    
31082
31083    
31084      <span role="group">
31085        <span class="visually-hidden">Sale price&nbsp;</span>
31086        <span class="price">$22.00</span>
31087      </span>
31088    
31089
31090    
31091      <span role="group">
31092        <span class="visually-hidden">Regular price&nbsp;</span>
31093        <span class="compare-at-price">$35.00</span>
31094      </span>
31095    
31096  
31097</div>
31098
31099  
31100</product-price>
31101
31102
31103
31104
31105
31106
31107
31108</div>
31109</div>
31110
31111
31112
31113
31114
31115
31116<div
31117  class="
31118    group-block
31119    
31120    group-block--height-fit
31121    group-block--width-fill
31122    border-style
31123    spacing-style
31124    size-style
31125    
31126    
31127  "
31128  style="
31129    --border-width: 1px; --border-style: none; --border-color:
31130rgb(var(--color-border-rgb) / 1.0); --border-radius:
311310px; 
31132
31133    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
31134    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
31135    
31136  "
31137  
31138  data-testid="group-block"
31139><div class="group-block__media-wrapper">
31140    
31141
31142
31143
31144    
31145  </div>
31146
31147  <div
31148    class="
31149      group-block-content
31150      
31151      layout-panel-flex
31152      layout-panel-flex--column
31153       mobile-column
31154    "
31155    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
31156
31157--gap: 0px;
31158
31159--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
31160--vertical-alignment-mobile: flex-start;
31161"
31162  >
31163  
31164
31165
31166
31167
31168
31169
31170
31171</div>
31172</div>
31173
31174
31175
31176
31177
31178</div>
31179</div>
31180
31181
31182
31183
31184
31185
31186  </div>
31187</product-card></product-card-link>
31188
31189
31190
31191
31192          </li>
31193        
31194          <li
31195            id="template--28980150370464__main-12823384686752"
31196            class="product-grid__item product-grid__item--17"
31197            data-page="1"
31198            data-product-id="12823384686752"
31199            ref="cards[]"
31200          >
31201            
31202
31203
31204
31205<style data-shopify>
31206  
31207</style>
31208
31209
31210<product-card-link
31211    data-product-id="12823384686752"
31212    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/4_35abfaa0-fcd0-4957-b69a-9451b176cf4c.png?v=1775779458&width=500"
31213    data-product-transition="true"
31214    
31215  ><product-card
31216  class="product-card"
31217  data-product-id="12823384686752"
31218  id="product-card-ARkJhYk42RE5RUXhCT__product-card-17"
31219  data-product-transition="true"
31220  
31221  
31222>
31223  <a
31224    id="eccf1f9912ac293f508d9f25ac220df5"
31225    
31226      href="/products/barbie%E2%84%A2-x-sol-kyst-1970s-superstar-hearts?variant=49232810901664"
31227    
31228    class="product-card__link"
31229    ref="productCardLink"
31230  >
31231    <span class="visually-hidden">
31232      Barbie™ x Sol Kyst | Sweet Heart
31233    </span>
31234  </a>
31235  <div
31236    class="
31237      product-card__content
31238      layout-panel-flex
31239      layout-panel-flex--column
31240      product-grid__card
31241      spacing-style
31242      border-style
31243      gap-style
31244      
31245    "
31246    style="
31247      --border-width: 1px; --border-style: none; --border-color:
31248rgb(var(--color-border-rgb) / 1.0); --border-radius:
312490px; 
31250
31251      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
31252
31253
31254
31255--horizontal-alignment: ; --vertical-alignment: ;
31256--vertical-alignment-mobile: ;
31257
31258      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
31259      --product-card-gap: 8px;
31260      --quick-add-display: flex;
31261      --quick-add-mobile-display: flex;
31262      --quick-add-mobile-opacity: 1;
31263      
31264      
31265      
31266      
31267    "
31268  >
31269    
31270  
31271
31272
31273
31274
31275
31276<div
31277  ref="cardGallery"
31278  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-17 spacing-style border-style"
31279  style="
31280    --border-width: 1px; --border-style: none; --border-color:
31281rgb(var(--color-border-rgb) / 1.0); --border-radius:
312820px; 
31283
31284    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
31285    --gallery-aspect-ratio: 4 / 5;
31286  "
31287  data-product-id="12823384686752"
31288  
31289    on:pointerenter="/previewImage"
31290    on:pointerleave="/resetImage"
31291  
31292  
31293    data-view-transition-to-main-product
31294  
31295  data-image-ratio="portrait"
31296  
31297>
31298    <a
31299      class="contents"
31300      ref="cardGalleryLink"
31301      href="/products/barbie%E2%84%A2-x-sol-kyst-1970s-superstar-hearts?variant=49232810901664"
31302      aria-label="Barbie™ x Sol Kyst | Sweet Heart"
31303    >
31304      <slideshow-component
31305  
31306    ref="slideshow"
31307  
31308  
31309  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8;--slide-min-height: auto;--slide-min-height-desktop: auto;"
31310  
31311  initial-slide="0"
31312  
31313  
31314    infinite
31315  
31316
31317  data-generic-media-size="6"
31318>
31319  
31320  <slideshow-container ref="slideshowContainer">
31321    
31322      <slideshow-arrows
31323  position="center"
31324  
31325><button
31326  class="
31327    slideshow-control slideshow-control--previous
31328    
31329    
31330    slideshow-control--style-arrow
31331    button button-unstyled button-unstyled--transparent
31332     flip-x
31333  "
31334  
31335  aria-label="Previous slide"
31336  
31337  on:click="/previous"
31338  ref="previous"
31339>
31340  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
31341</span>
31342</button>
31343<button
31344  class="
31345    slideshow-control slideshow-control--next
31346    
31347    
31348    slideshow-control--style-arrow
31349    button button-unstyled button-unstyled--transparent
31350    
31351  "
31352  
31353  aria-label="Next slide"
31354  
31355  on:click="/next"
31356  ref="next"
31357>
31358  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
31359</span>
31360</button>
31361</slideshow-arrows>
31362
31363    
31364    
31365    <slideshow-slides
31366      tabindex="-1"
31367      ref="scroller"
31368      
31369    >
31370      <slideshow-slide
31371  ref="slides[]"
31372  aria-hidden="false"
31373  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
31374  
31375    class="product-media-container media-fit product-media-container--image"
31376  
31377  
31378  
31379  
31380    slide-id="69767710408864"
31381  
31382  
31383  
31384  
31385>
31386  
31387
31388<div
31389  class="product-media"
31390  style="--ratio: 1.0"
31391  data-media-id="69767710408864"
31392>
31393  
31394  <img src="//www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_4.png?v=1784148545&amp;width=3840" alt="Barbie™ x Sol Kyst | Sweet Heart" srcset="//www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_4.png?v=1784148545&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_4.png?v=1784148545&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_4.png?v=1784148545&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_4.png?v=1784148545&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_4.png?v=1784148545&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_4.png?v=1784148545&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_4.png?v=1784148545&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_4.png?v=1784148545&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Cut_Out_-_Barbie_-_4.png?v=1784148545&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
31395
31396  
31397</div>
31398
31399
31400
31401</slideshow-slide>
31402<slideshow-slide
31403  ref="slides[]"
31404  aria-hidden="true"
31405  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
31406  
31407    class="product-media-container media-fit product-media-container--image"
31408  
31409  variant-image
31410  
31411  
31412    slide-id="36020814938272"
31413  
31414  
31415    hidden
31416  
31417  
31418  variant-image
31419>
31420  
31421
31422<div
31423  class="product-media"
31424  style="--ratio: 0.7998201977824393"
31425  data-media-id="36020814938272"
31426>
31427  
31428  <img src="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst088
314286_AUG_15.jpg?v=1775779458&amp;width=3840" alt="Woman in a soft pink tulle gown wearing Barbie x Sol Kyst heart-shaped sunglasses, surrounded by peach-toned decor and candles." srcset="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0886_AUG_15.jpg?v=1775779458&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0886_AUG_15.jpg?v=1775779458&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0886_AUG_15.jpg?v=1775779458&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0886_AUG_15.jpg?v=1775779458&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0886_AUG_15.jpg?v=1775779458&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0886_AUG_15.jpg?v=1775779458&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0886_AUG_15.jpg?v=1775779458&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0886_AUG_15.jpg?v=1775779458&amp;width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0886_AUG_15.jpg?v=1775779458&amp;width=3840" fetchpriority="auto" style="--focal-point: 44.845% 34.1135%;">
31429
31430  
31431</div>
31432
31433
31434
31435</slideshow-slide>
31436<slideshow-slide
31437  ref="slides[]"
31438  aria-hidden="true"
31439  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
31440  
31441    class="product-media-container media-fit product-media-container--image"
31442  
31443  variant-image
31444  
31445  
31446    slide-id="36005229199520"
31447  
31448  
31449    hidden
31450  
31451  
31452  variant-image
31453>
31454  
31455
31456<div
31457  class="product-media"
31458  style="--ratio: 0.6666666666666666"
31459  data-media-id="36005229199520"
31460>
31461  
31462  <img src="//www.solkyst.ca/cdn/shop/files/4_35abfaa0-fcd0-4957-b69a-9451b176cf4c.png?v=1775779458&amp;width=3840" alt="Peach-pink heart-shaped sunglasses with nylon lenses from the Barbie x Sol Kyst collection." srcset="//www.solkyst.ca/cdn/shop/files/4_35abfaa0-fcd0-4957-b69a-9451b176cf4c.png?v=1775779458&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/4_35abfaa0-fcd0-4957-b69a-9451b176cf4c.png?v=1775779458&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/4_35abfaa0-fcd0-4957-b69a-9451b176cf4c.png?v=1775779458&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/4_35abfaa0-fcd0-4957-b69a-9451b176cf4c.png?v=1775779458&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/4_35abfaa0-fcd0-4957-b69a-9451b176cf4c.png?v=1775779458&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/4_35abfaa0-fcd0-4957-b69a-9451b176cf4c.png?v=1775779458&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/4_35abfaa0-fcd0-4957-b69a-9451b176cf4c.png?v=1775779458&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/4_35abfaa0-fcd0-4957-b69a-9451b176cf4c.png?v=1775779458&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/4_35abfaa0-fcd0-4957-b69a-9451b176cf4c.png?v=1775779458&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
31463
31464  
31465</div>
31466
31467
31468
31469</slideshow-slide>
31470<slideshow-slide
31471  ref="slides[]"
31472  aria-hidden="true"
31473  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
31474  
31475    class="product-media-container media-fit product-media-container--image"
31476  
31477  
31478  
31479  
31480    slide-id="36020815036576"
31481  
31482  
31483  
31484  
31485>
31486  
31487
31488<div
31489  class="product-media"
31490  style="--ratio: 1.2502810041213939"
31491  data-media-id="36020815036576"
31492>
31493  
31494  <img src="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0867_AUG_15.jpg?v=1773928103&amp;width=3840" alt="Woman wearing Barbie x Sol Kyst heart-shaped sunglasses, styled with an elegant necklace and pink decor backdrop." srcset="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0867_AUG_15.jpg?v=1773928103&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0867_AUG_15.jpg?v=1773928103&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0867_AUG_15.jpg?v=1773928103&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0867_AUG_15.jpg?v=1773928103&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0867_AUG_15.jpg?v=1773928103&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0867_AUG_15.jpg?v=1773928103&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0867_AUG_15.jpg?v=1773928103&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0867_AUG_15.jpg?v=1773928103&amp;width=3840 3840w" width="3840" height="3071" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Barbie_Shoot_-_Solkyst0867_AUG_15.jpg?v=1773928103&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
31495
31496  
31497</div>
31498
31499
31500
31501</slideshow-slide>
31502<slideshow-slide
31503  ref="slides[]"
31504  aria-hidden="true"
31505  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
31506  
31507    class="product-media-container media-fit product-media-container--image"
31508  
31509  
31510  
31511  
31512    slide-id="36134397182112"
31513  
31514  
31515  
31516  
31517>
31518  
31519
31520<div
31521  class="product-media"
31522  style="--ratio: 1.7269293038316245"
31523  data-media-id="36134397182112"
31524>
31525  
31526  <img src="//www.solkyst.ca/cdn/shop/files/5_88f98036-6bde-444c-93ea-dea13876dd2a.png?v=1773928103&amp;width=3840" alt="Woman wearing Barbie x Sol Kyst heart-shaped sunglasses with peach-pink lenses and a matching pink case." srcset="//www.solkyst.ca/cdn/shop/files/5_88f98036-6bde-444c-93ea-dea13876dd2a.png?v=1773928103&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/5_88f98036-6bde-444c-93ea-dea13876dd2a.png?v=1773928103&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/5_88f98036-6bde-444c-93ea-dea13876dd2a.png?v=1773928103&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/5_88f98036-6bde-444c-93ea-dea13876dd2a.png?v=1773928103&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/5_88f98036-6bde-444c-93ea-dea13876dd2a.png?v=1773928103&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/5_88f98036-6bde-444c-93ea-dea13876dd2a.png?v=1773928103&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/5_88f98036-6bde-444c-93ea-dea13876dd2a.png?v=1773928103&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/5_88f98036-6bde-444c-93ea-dea13876dd2a.png?v=1773928103&amp;width=3840 3840w" width="3840" height="2224" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/5_88f98036-6bde-444c-93ea-dea13876dd2a.png?v=1773928103&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
31527
31528  
31529</div>
31530
31531
31532
31533</slideshow-slide>
31534<slideshow-slide
31535  ref="slides[]"
31536  aria-hidden="true"
31537  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
31538  
31539    class="product-media-container media-fit product-media-container--image"
31540  
31541  
31542  
31543  
31544    slide-id="36118450340000"
31545  
31546  
31547  
31548  
31549>
31550  
31551
31552<div
31553  class="product-media"
31554  style="--ratio: 1.0"
31555  data-media-id="36118450340000"
31556>
31557  
31558  <img src="//www.solkyst.ca/cdn/shop/files/Barbie-SweetHeart.jpg?v=1767380102&amp;width=3840" alt="Collage showcasing peach heart-shaped sunglasses from different angles, featuring reflective pink lenses and slim frames." srcset="//www.solkyst.ca/cdn/shop/files/Barbie-SweetHeart.jpg?v=1767380102&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Barbie-SweetHeart.jpg?v=1767380102&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Barbie-SweetHeart.jpg?v=1767380102&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Barbie-SweetHeart.jpg?v=1767380102&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Barbie-SweetHeart.jpg?v=1767380102&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Barbie-SweetHeart.jpg?v=1767380102&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Barbie-SweetHeart.jpg?v=1767380102&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Barbie-SweetHeart.jpg?v=1767380102&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Barbie-SweetHeart.jpg?v=1767380102&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
31559
31560  
31561</div>
31562
31563
31564
31565</slideshow-slide>
31566<slideshow-slide
31567  ref="slides[]"
31568  aria-hidden="true"
31569  style="--slideshow-timeline: --slide-6; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
31570  
31571    class="product-media-container media-fit product-media-container--image"
31572  
31573  
31574  
31575  
31576    slide-id="36005426757792"
31577  
31578  
31579  
31580  
31581>
31582  
31583
31584<div
31585  class="product-media"
31586  style="--ratio: 1.0"
31587  data-media-id="36005426757792"
31588>
31589  
31590  <img src="//www.solkyst.ca/cdn/shop/files/8_8fd64c79-1d6c-4bea-8637-261a881de4f6.png?v=1767380102&amp;width=3840" alt="Side angle of peach-pink Barbie x Sol Kyst heart-shaped sunglasses with reflective pink-tinted lenses." srcset="//www.solkyst.ca/cdn/shop/files/8_8fd64c79-1d6c-4bea-8637-261a881de4f6.png?v=1767380102&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/8_8fd64c79-1d6c-4bea-8637-261a881de4f6.png?v=1767380102&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/8_8fd64c79-1d6c-4bea-8637-261a881de4f6.png?v=1767380102&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/8_8fd64c79-1d6c-4bea-8637-261a881de4f6.png?v=1767380102&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/8_8fd64c79-1d6c-4bea-8637-261a881de4f6.png?v=1767380102&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/8_8fd64c79-1d6c-4bea-8637-261a881de4f6.png?v=1767380102&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/8_8fd64c79-1d6c-4bea-8637-261a881de4f6.png?v=1767380102&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/8_8fd64c79-1d6c-4bea-8637-261a881de4f6.png?v=1767380102&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/8_8fd64c79-1d6c-4bea-8637-261a881de4f6.png?v=1767380102&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
31591
31592  
31593</div>
31594
31595
31596
31597</slideshow-slide>
31598
31599    </slideshow-slides>
31600  </slideshow-container>
31601  
31602</slideshow-component>
31603
31604
31605
31606    </a>
31607  
31608  
31609    <div
31610      class="product-badges product-badges--top-left"
31611      style="
31612        --badge-border-radius: 0px;
31613        --badge-font-family: var(--font-body--family);
31613 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
31614      "
31615    ></div>
31616    
31617      
31618
31619<quick-add-component
31620  class="quick-add color-scheme-4 "
31621  ref="quickAdd"
31622  data-product-title="Barbie™ x Sol Kyst | Sweet Heart"
31623  data-quick-add-button="choose"
31624  data-product-options-count="1"
31625>
31626  <product-form-component
31627    data-section-id="template--28980150370464__main"
31628    data-product-id="12823384686752"
31629    on:submit="/handleSubmit"
31630    class="quick-add__product-form-component"
31631  >
31632    <div
31633      class="visually-hidden"
31634      aria-live="assertive"
31635      role="status"
31636      aria-atomic="true"
31637      ref="liveRegion"
31638    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-12823384686752-AVkVHRmZuS1U2YVZuU__card-gallery-17" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
31639        type="hidden"
31640        name="id"
31641        ref="variantId"
31642        value="49232810901664"
31643        
31644      >
31645      <input
31646        type="hidden"
31647        name="quantity"
31648        value="1"
31649      >
31650      
31651      <add-to-cart-component
31652  ref="addToCartButtonContainer"
31653  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/4_35abfaa0-fcd0-4957-b69a-9451b176cf4c.png?v=1775779458&width=100"
31654  data-add-to-cart-animation="true"
31655>
31656  <button
31657    
31658    type="submit"
31659    name="add"
31660    ref="addToCartButton"
31661    on:click="/handleClick"
31662    class="button button quick-add__button quick-add__button--add add-to-cart-button"
31663    
31664    
31665  >
31666    <span
31667      class="add-to-cart-text"
31668    >
31669      
31670        <span
31671          aria-hidden="true"
31672          class="svg-wrapper add-to-cart-icon"
31673        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
31674</span>
31675      
31676      <span class="add-to-cart-text__content is-visually-hidden-mobile">
31677        <span>
31678          <span>Add</span>
31679        </span>
31680      </span>
31681    </span>
31682    
31683    <span class="add-to-cart__added">
31684      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
31685  <g class="check">
31686    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
31687    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
31688  </g>
31689  <g class="burst">
31690    <g style="--index: 0;">
31691      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
31692    </g>
31693    <g style="--index: 1;">
31694      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
31695    </g>
31696    <g style="--index: 2;">
31697      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
31698    </g>
31699    <g style="--index: 3;">
31700      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
31701    </g>
31702    <g style="--index: 4;">
31703      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
31704    </g>
31705    <g style="--index: 5;">
31706      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
31707    </g>
31708    <g style="--index: 6;">
31709      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
31710    </g>
31711    <g style="--index: 7;">
31712      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
31713    </g>
31714  </g>
31715</svg>
31716</span>
31717    </span>
31718  </button>
31719</add-to-cart-component>
31720
31721
31722
31723
31724      <button
31725        class="button quick-add__button quick-add__button--choose add-to-cart-button"
31726        
31727        type="button"
31728        name="add"
31729        on:click="quick-add-component/handleClick"
31730      >
31731        <span
31732          class="add-to-cart-text quick-add__button-content"
31733        >
31734          
31735          <span
31736            aria-hidden="true"
31737            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
31738          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
31739</span>
31740          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
31741            <span>
31742              
31743              <span>
31744                Choose
31745              </span>
31746            </span>
31747          </span>
31748        </span>
31749      </button><input type="hidden" name="product-id" value="12823384686752" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
31750</quick-add-component>
31751
31752
31753
31754    
31755  
31756
31757</div>
31758
31759
31760
31761
31762
31763<div class="product-grid-view-zoom-out--details">
31764  
31765    <h3 class="h4">Barbie™ x Sol Kyst | Sweet Heart</h3>
31766  
31767</div>
31768
31769
31770
31771
31772
31773
31774<div
31775  class="
31776    group-block
31777    
31778    group-block--height-fit
31779    group-block--width-fill
31780    border-style
31781    spacing-style
31782    size-style
31783    
31784    
31785  "
31786  style="
31787    --border-width: 1px; --border-style: none; --border-color:
31788rgb(var(--color-border-rgb) / 1.0); --border-radius:
317890px; 
31790
31791    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
31792    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
31793    
31794  "
31795  
31796  data-testid="group-block"
31797><div class="group-block__media-wrapper">
31798    
31799
31800
31801
31802    
31803  </div>
31804
31805  <div
31806    class="
31807      group-block-content
31808      
31809      layout-panel-flex
31810      layout-panel-flex--row
31811       mobile-column
31812    "
31813    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
31814
31815--gap: 12px;
31816
31817--horizontal-alignment: space-between; --vertical-alignment: flex-start;
31818--vertical-alignment-mobile: flex-start;
31819"
31820  >
31821  
31822
31823<div
31824  class="
31825    group-block
31826    
31827    group-block--height-fit
31828    group-block--width-fill
31829    border-style
31830    spacing-style
31831    size-style
31832    
31833    
31834  "
31835  style="
31836    --border-width: 1px; --border-style: none; --border-color:
31837rgb(var(--color-border-rgb) / 1.0); --border-radius:
318380px; 
31839
31840    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
31841    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
31842    
31843  "
31844  
31845  data-testid="group-block"
31846><div class="group-block__media-wrapper">
31847    
31848
31849
31850
31851    
31852  </div>
31853
31854  <div
31855    class="
31856      group-block-content
31857      
31858      layout-panel-flex
31859      layout-panel-flex--column
31860       mobile-column
31861    "
31862    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
31863
31864--gap: 0px;
31865
31866--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
31867--vertical-alignment-mobile: flex-start;
31868"
31869  >
31870  
31871  
31872  <a
31873    class="contents user-select-text"
31874    ref="productTitleLink"
31875    href="/products/barbie%E2%84%A2-x-sol-kyst-1970s-superstar-hearts?variant=49232810901664"
31876  >
31877    
31878
31879
31880
31881
31882
31883
31884  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-17 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
31885    <p>Barbie™ x Sol Kyst | Sweet Heart</p>
31886  </div>
31887
31888
31889
31890
31891  </a>
31892
31893
31894
31895
31896
31897<product-price
31898  class="text-block text-block--align-left text-left h5 spacing-style"
31899  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-17"
31900  data-product-id="12823384686752"
31901  style="
31902    
31903--color: var(--color-foreground);
31904    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
31905    --width: 100%;
31906  "
31907  
31908>
31909  <div ref="priceContainer">
31910  
31911    
31912    
31913
31914    
31915      <span class="price">$190.00</span>
31916    
31917
31918    
31919  
31920</div>
31921
31922  
31923</product-price>
31924
31925
31926
31927
31928
31929
31930
31931</div>
31932</div>
31933
31934
31935
31936
31937
31938
31939<div
31940  class="
31941    group-block
31942    
31943    group-block--height-fit
31944    group-block--width-fill
31945    border-style
31946    spacing-style
31947    size-style
31948    
31949    
31950  "
31951  style="
31952    --border-width: 1px; --border-style: none; --border-color:
31953rgb(var(--color-border-rgb) / 1.0); --border-radius:
319540px; 
31955
31956    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
31957    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
31958    
31959  "
31960  
31961  data-testid="group-block"
31962><div class="group-block__media-wrapper">
31963    
31964
31965
31966
31967    
31968  </div>
31969
31970  <div
31971    class="
31972      group-block-content
31973      
31974      layout-panel-flex
31975      layout-panel-flex--column
31976       mobile-column
31977    "
31978    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
31979
31980--gap: 0px;
31981
31982--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
31983--vertical-alignment-mobile: flex-start;
31984"
31985  >
31986  
31987
31988
31989
31990
31991
31992
31993
31994</div>
31995</div>
31996
31997
31998
31999
32000
32001</div>
32002</div>
32003
32004
32005
32006
32007
32008
32009  </div>
32010</product-card></product-card-link>
32011
32012
32013
32014
32015          </li>
32016        
32017          <li
32018            id="template--28980150370464__main-15196070117536"
32019            class="product-grid__item product-grid__item--18"
32020            data-page="1"
32021            data-product-id="15196070117536"
32022            ref="cards[]"
32023          >
32024            
32025
32026
32027
32028<style data-shopify>
32029  
32030</style>
32031
32032
32033<product-card-link
32034    data-product-id="15196070117536"
32035    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/1_6b6f8f65-5186-4613-9987-e18c23da60e2.png?v=1789154403&width=500"
32036    data-product-transition="true"
32037    
32038  ><product-card
32039  class="product-card"
32040  data-product-id="15196070117536"
32041  id="product-card-ARkJhYk42RE5RUXhCT__product-card-18"
32042  data-product-transition="true"
32043  
32044  
32045>
32046  <a
32047    id="13a24cb1554b122b30e464c7fb86d51b"
32048    
32049      href="/products/breast-cancer-blue-light-frame?variant=52891949498528"
32050    
32051    class="product-card__link"
32052    ref="productCardLink"
32053  >
32054    <span class="visually-hidden">
32055      Breast Cancer Blue Light
32056    </span>
32057  </a>
32058  <div
32059    class="
32060      product-card__content
32061      layout-panel-flex
32062      layout-panel-flex--column
32063      product-grid__card
32064      spacing-style
32065      border-style
32066      gap-style
32067      
32068    "
32069    style="
32070      --border-width: 1px; --border-style: none; --border-color:
32071rgb(var(--color-border-rgb) / 1.0); --border-radius:
320720px; 
32073
32074      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
32075
32076
32077
32078--horizontal-alignment: ; --vertical-alignment: ;
32079--vertical-alignment-mobile: ;
32080
32081      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
32082      --product-card-gap: 8px;
32083      --quick-add-display: flex;
32084      --quick-add-mobile-display: flex;
32085      --quick-add-mobile-opacity: 1;
32086      
32087      
32088      
32089      
32090    "
32091  >
32092    
32093  
32094
32095
32096
32097
32098
32099<div
32100  ref="cardGallery"
32101  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-18 spacing-style border-style"
32102  style="
32103    --border-width: 1px; --border-style: none; --border-color:
32104rgb(var(--color-border-rgb) / 1.0); --border-radius:
321050px; 
32106
32107    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
32108    --gallery-aspect-ratio: 4 / 5;
32109  "
32110  data-product-id="15196070117536"
32111  
32112    on:pointerenter="/previewImage"
32113    on:pointerleave="/resetImage"
32114  
32115  
32116    data-view-transition-to-main-product
32117  
32118  data-image-ratio="portrait"
32119  
32120>
32121    <a
32122      class="contents"
32123      ref="cardGalleryLink"
32124      href="/products/breast-cancer-blue-light-frame?variant=52891949498528"
32125      aria-label="Breast Cancer Blue Light"
32126    >
32127      <slideshow-component
32128  
32129    ref="slideshow"
32130  
32131  
32132  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11;--slide-min-height: auto;--slide-min-height-desktop: auto;"
32133  
32134  initial-slide="0"
32135  
32136  
32137    infinite
32138  
32139
32140  data-generic-media-size="11"
32141>
32142  
32143  <slideshow-container ref="slideshowContainer">
32144    
32145      <slideshow-arrows
32146  position="center"
32147  
32148><button
32149  class="
32150    slideshow-control slideshow-control--previous
32151    
32152    
32153    slideshow-control--style-arrow
32154    button button-unstyled button-unstyled--transparent
32155     flip-x
32156  "
32157  
32158  aria-label="Previous slide"
32159  
32160  on:click="/previous"
32161  ref="previous"
32162>
32163  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
32164</span>
32165</button>
32166<button
32167  class="
32168    slideshow-control slideshow-control--next
32169    
32170    
32171    slideshow-control--style-arrow
32172    button button-unstyled button-unstyled--transparent
32173    
32174  "
32175  
32176  aria-label="Next slide"
32177  
32178  on:click="/next"
32179  ref="next"
32180>
32181  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
32182</span>
32183</button>
32184</slideshow-arrows>
32185
32186    
32187    
32188    <slideshow-slides
32189      tabindex="-1"
32190      ref="scroller"
32191      
32192    >
32193      <slideshow-slide
32194  ref="slides[]"
32195  aria-hidden="false"
32196  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
32197  
32198    class="product-media-container media-fit product-media-container--image"
32199  
32200  
32201  
32202  
32203    slide-id="38469448532128"
32204  
32205  
32206  
32207  
32208>
32209  
32210
32211<div
32212  class="product-media"
32213  style="--ratio: 1.9852164730728616"
32214  data-media-id="38469448532128"
32215>
32216  
32217  <img src="//www.solkyst.ca/cdn/shop/files/1_6b6f8f65-5186-4613-9987-e18c23da60e2.png?v=1789154403&amp;width=3840" alt="Breast Cancer Blue Light" srcset="//www.solkyst.ca/cdn/shop/files/1_6b6f8f65-5186-4613-9987-e18c23da60e2.png?v=1789154403&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/1_6b6f8f65-5186-4613-9987-e18c23da60e2.png?v=1789154403&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/1_6b6f8f65-5186-4613-9987-e18c23da60e2.png?v=1789154403&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/1_6b6f8f65-5186-4613-9987-e18c23da60e2.png?v=1789154403&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/1_6b6f8f65-5186-4613-9987-e18c23da60e2.png?v=1789154403&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/1_6b6f8f65-5186-4613-9987-e18c23da60e2.png?v=1789154403&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/1_6b6f8f65-5186-4613-9987-e18c23da60e2.png?v=1789154403&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/1_6b6f8f65-5186-4613-9987-e18c23da60e2.png?v=1789154403&amp;width=3840 3840w" width="3840" height="1934" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/1_6b6f8f65-5186-4613-9987-e18c23da60e2.png?v=1789154403&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
32218
32219  
32220</div>
32221
32222
32223
32224</slideshow-slide>
32225<slideshow-slide
32226  ref="slides[]"
32227  aria-hidden="true"
32228  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
32229  
32230    class="product-media-container media-fit product-media-container--image"
32231  
32232  
32233  
32234  
32235    slide-id="69722409074848"
32236  
32237  
32238  
32239  
32240>
32241  
32242
32243<div
32244  class="product-media"
32245  style="--ratio: 0.6666666666666666"
32246  data-media-id="69722409074848"
32247>
32248  
32249  <img src="//www.solkyst.ca/cdn/shop/files/FFEB4364-61EA-452F-9E60-8A1D41E5F069.jpg?v=1783619438&amp;width=3840" alt="Breast Cancer Blue Light" srcset="//www.solkyst.ca/cdn/shop/files/FFEB4364-61EA-452F-9E60-8A1D41E5F069.jpg?v=1783619438&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/FFEB4364-61EA-452F-9E60-8A1D41E5F069.jpg?v=1783619438&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/FFEB4364-61EA-452F-9E60-8A1D41E5F069.jpg?v=1783619438&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/FFEB4364-61EA-452F-9E60-8A1D41E5F069.jpg?v=1783619438&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/FFEB4364-61EA-452F-9E60-8A1D41E5F069.jpg?v=1783619438&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/FFEB4364-61EA-452F-9E60-8A1D41E5F069.jpg?v=1783619438&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/FFEB4364-61EA-452F-9E60-8A1D41E5F069.jpg?v=1783619438&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/FFEB4364-61EA-452F-9E60-8A1D41E5F069.jpg?v=1783619438&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/FFEB4364-61EA-452F-9E60-8A1D41E5F069.jpg?v=1783619438&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
32250
32251  
32252</div>
32253
32254
32255
32256</slideshow-slide>
32257<slideshow-slide
32258  ref="slides[]"
32259  aria-hidden="true"
32260  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
32261  
32262    class="product-media-container media-fit product-media-container--image"
32263  
32264  
32265  
32266  
32267    slide-id="69722409107616"
32268  
32269  
32270  
32271  
32272>
32273  
32274
32275<div
32276  class="product-media"
32277  style="--ratio: 1.5"
32278  data-media-id="69722409107616"
32279>
32280  
32281  <img src="//www.solkyst.ca/cdn/shop/files/96D4161D-6929-48F9-9B22-FA563D8D9597.jpg?v=1783619438&amp;width=3840" alt="Breast Cancer Blue Light" srcset="//www.solkyst.ca/cdn/shop/files/96D4161D-6929-48F9-9B22-FA563D8D9597.jpg?v=1783619438&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/96D4161D-6929-48F9-9B22-FA563D8D9597.jpg?v=1783619438&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/96D4161D-6929-48F9-9B22-FA563D8D9597.jpg?v=1783619438&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/96D4161D-6929-48F9-9B22-FA563D8D9597.jpg?v=1783619438&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/96D4161D-6929-48F9-9B22-FA563D8D9597.jpg?v=1783619438&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/96D4161D-6929-48F9-9B22-FA563D8D9597.jpg?v=1783619438&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/96D4161D-6929-48F9-9B22-FA563D8D9597.jpg?v=1783619438&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/96D4161D-6929-48F9-9B22-FA563D8D9597.jpg?v=1783619438&amp;width=3840 3840w" width="3840" height="2560" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/96D4161D-6929-48F9-9B22-FA563D8D9597.jpg?v=1783619438&amp;width=3840" fetchpriority="auto" style="--focal-point: 38.3144% 40.4105%;">
32282
32283  
32284</div>
32285
32286
32287
32288</slideshow-slide>
32289<slideshow-slide
32290  ref="slides[]"
32291  aria-hidden="true"
32292  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
32293  
32294    class="product-media-container media-fit product-media-container--image"
32295  
32296  
32297  
32298  
32299    slide-id="69147938521248"
32300  
32301  
32302  
32303  
32304>
32305  
32306
32307<div
32308  class="product-media"
32309  style="--ratio: 1.5"
32310  data-media-id="69147938521248"
32311>
32312  
32313  <img src="//www.solkyst.ca/cdn/shop/files/A8A2A8DF-F017-48B6-ACF6-DD0684223BBA.jpg?v=1776344752&amp;width=3840" alt="Breast Cancer Blue Light" srcset="//www.solkyst.ca/cdn/shop/files/A8A2A8DF-F017-48B6-ACF6-DD0684223BBA.jpg?v=1776344752&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/A8A2A8DF-F017-48B6-ACF6-DD0684223BBA.jpg?v=1776344752&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/A8A2A8DF-F017-48B6-ACF6-DD0684223BBA.jpg?v=1776344752&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/A8A2A8DF-F017-48B6-ACF6-DD0684223BBA.jpg?v=1776344752&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/A8A2A8DF-F017-48B6-ACF6-DD0684223BBA.jpg?v=1776344752&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/A8A2A8DF-F017-48B6-ACF6-DD0684223BBA.jpg?v=1776344752&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/A8A2A8DF-F017-48B6-ACF6-DD0684223BBA.jpg?v=1776344752&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/A8A2A8DF-F017-48B6-ACF6-DD0684223BBA.jpg?v=1776344752&amp;width=3840 3840w" width="3840" height="2560" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/A8A2A8DF-F017-48B6-ACF6-DD0684223BBA.jpg?v=1776344752&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
32314
32315  
32316</div>
32317
32318
32319
32320</slideshow-slide>
32321<slideshow-slide
32322  ref="slides[]"
32323  aria-hidden="true"
32324  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
32325  
32326    class="product-media-container media-fit product-media-container--image"
32327  
32328  
32329  
32330  
32331    slide-id="69722409042080"
32332  
32333  
32334  
32335  
32336>
32337  
32338
32339<div
32340  class="product-media"
32341  style="--ratio: 0.6666666666666666"
32342  data-media-id="69722409042080"
32343>
32344  
32345  <img src="//www.solkyst.ca/cdn/shop/files/91DA382F-9C89-48D9-8E28-2AB9CDF55E17.jpg?v=1783619438&amp;width=3840" alt="Breast Cancer Blue Light" srcset="//www.solkyst.ca/cdn/shop/files/91DA382F-9C89-48D9-8E28-2AB9CDF55E17.jpg?v=1783619438&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/91DA382F-9C89-48D9-8E28-2AB9CDF55E17.jpg?v=1783619438&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/91DA382F-9C89-48D9-8E28-2AB9CDF55E17.jpg?v=1783619438&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/91DA382F-9C89-48D9-8E28-2AB9CDF55E17.jpg?v=1783619438&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/91DA382F-9C89-48D9-8E28-2AB9CDF55E17.jpg?v=1783619438&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/91DA382F-9C89-48D9-8E28-2AB9CDF55E17.jpg?v=1783619438&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/91DA382F-9C89-48D9-8E28-2AB9CDF55E17.jpg?v=1783619438&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/91DA382F-9C89-48D9-8E28-2AB9CDF55E17.jpg?v=1783619438&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/91DA382F-9C89-48D9-8E28-2AB9CDF55E17.jpg?v=1783619438&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
32346
32347  
32348</div>
32349
32350
32351
32352</slideshow-slide>
32353
32354    </slideshow-slides>
32355  </slideshow-container>
32356  
32357</slideshow-component>
32358
32359
32360
32361    </a>
32362  
32363  
32364    <div
32365      class="product-badges product-badges--top-left"
32366      style="
32367        --badge-border-radius: 0px;
32368        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
32369      "
32370    ></div>
32371    
32372      
32373
32374<quick-add-component
32375  class="quick-add color-scheme-4 "
32376  ref="quickAdd"
32377  data-product-title="Breast Cancer Blue Light"
32378  data-quick-add-button="choose"
32379  data-product-options-count="1"
32380>
32381  <product-form-component
32382    data-section-id="template--28980150370464__main"
32383    data-product-id="15196070117536"
32384    on:submit="/handleSubmit"
32385    class="quick-add__product-form-component"
32386  >
32387    <div
32388      class="visually-hidden"
32389      aria-live="assertive"
32390      role="status"
32391      aria-atomic="true"
32392      ref="liveRegion"
32393    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15196070117536-AVkVHRmZuS1U2YVZuU__card-gallery-18" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
32394        type="hidden"
32395        name="id"
32396        ref="variantId"
32397        value="52891949498528"
32398        
32399      >
32400      <input
32401        type="hidden"
32402        name="quantity"
32403        value="1"
32404      >
32405      
32406      <add-to-cart-component
32407  ref="addToCartButtonContainer"
32408  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/1_6b6f8f65-5186-4613-9987-e18c23da60e2.png?v=1789154403&width=100"
32409  data-add-to-cart-animation="true"
32410>
32411  <button
32412    
32413    type="submit"
32414    name="add"
32415    ref="addToCartButton"
32416    on:click="/handleClick"
32417    class="button button quick-add__button quick-add__button--add add-to-cart-button"
32418    
32419    
32420  >
32421    <span
32422      class="add-to-cart-text"
32423    >
32424      
32425        <span
32426          aria-hidden="true"
32427          class="svg-wrapper add-to-cart-icon"
32428        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
32429</span>
32430      
32431      <span class="add-to-cart-text__content is-visually-hidden-mobile">
32432        <span>
32433          <span>Add</span>
32434        </span>
32435      </span>
32436    </span>
32437    
32438    <span class="add-to-cart__added">
32439      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
32440  <g class="check">
32441    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
32442    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
32443  </g>
32444  <g class="burst">
32445    <g style="--index: 0;">
32446      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
32447    </g>
32448    <g style="--index: 1;">
32449      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
32450    </g>
32451    <g style="--index: 2;">
32452      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
32453    </g>
32454    <g style="--index: 3;">
32455      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
32456    </g>
32457    <g style="--index: 4;">
32458      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
32459    </g>
32460    <g style="--index: 5;">
32461      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
32462    </g>
32463    <g style="--index: 6;">
32464      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
32465    </g>
32466    <g style="--index: 7;">
32467      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
32468    </g>
32469  </g>
32470</svg>
32471</span>
32472    </span>
32473  </button>
32474</add-to-cart-component>
32475
32476
32477
32478
32479      <button
32480        class="button quick-add__button quick-add__button--choose add-to-cart-button"
32481        
32482        type="button"
32483        name="add"
32484        on:click="quick-add-component/handleClick"
32485      >
32486        <span
32487          class="add-to-cart-text quick-add__button-content"
32488        >
32489          
32490          <span
32491            aria-hidden="true"
32492            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
32493          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
32494</span>
32495          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
32496            <span>
32497              
32498              <span>
32499                Choose
32500              </span>
32501            </span>
32502          </span>
32503        </span>
32504      </button><input type="hidden" name="product-id" value="15196070117536" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
32505</quick-add-component>
32506
32507
32508
32509    
32510  
32511
32512</div>
32513
32514
32515
32516
32517
32518<div class="product-grid-view-zoom-out--details">
32519  
32520    <h3 class="h4">Breast Cancer Blue Light</h3>
32521  
32522</div>
32523
32524
32525
32526
32527
32528
32529<div
32530  class="
32531    group-block
32532    
32533    group-block--height-fit
32534    group-block--width-fill
32535    border-style
32536    spacing-style
32537    size-style
32538    
32539    
32540  "
32541  style="
32542    --border-width: 1px; --border-style: none; --border-color:
32543rgb(var(--color-border-rgb) / 1.0); --border-radius:
325440px; 
32545
32546    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
32547    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
32548    
32549  "
32550  
32551  data-testid="group-block"
32552><div class="group-block__media-wrapper">
32553    
32554
32555
32556
32557    
32558  </div>
32559
32560  <div
32561    class="
32562      group-block-content
32563      
32564      layout-panel-flex
32565      layout-panel-flex--row
32566       mobile-column
32567    "
32568    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
32569
32570--gap: 12px;
32571
32572--horizontal-alignment: space-between;
32572 --vertical-alignment: flex-start;
32573--vertical-alignment-mobile: flex-start;
32574"
32575  >
32576  
32577
32578<div
32579  class="
32580    group-block
32581    
32582    group-block--height-fit
32583    group-block--width-fill
32584    border-style
32585    spacing-style
32586    size-style
32587    
32588    
32589  "
32590  style="
32591    --border-width: 1px; --border-style: none; --border-color:
32592rgb(var(--color-border-rgb) / 1.0); --border-radius:
325930px; 
32594
32595    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
32596    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
32597    
32598  "
32599  
32600  data-testid="group-block"
32601><div class="group-block__media-wrapper">
32602    
32603
32604
32605
32606    
32607  </div>
32608
32609  <div
32610    class="
32611      group-block-content
32612      
32613      layout-panel-flex
32614      layout-panel-flex--column
32615       mobile-column
32616    "
32617    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
32618
32619--gap: 0px;
32620
32621--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
32622--vertical-alignment-mobile: flex-start;
32623"
32624  >
32625  
32626  
32627  <a
32628    class="contents user-select-text"
32629    ref="productTitleLink"
32630    href="/products/breast-cancer-blue-light-frame?variant=52891949498528"
32631  >
32632    
32633
32634
32635
32636
32637
32638
32639  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-18 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
32640    <p>Breast Cancer Blue Light</p>
32641  </div>
32642
32643
32644
32645
32646  </a>
32647
32648
32649
32650
32651
32652<product-price
32653  class="text-block text-block--align-left text-left h5 spacing-style"
32654  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-18"
32655  data-product-id="15196070117536"
32656  style="
32657    
32658--color: var(--color-foreground);
32659    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
32660    --width: 100%;
32661  "
32662  
32663>
32664  <div ref="priceContainer">
32665  
32666    
32667    
32668
32669    
32670      <span class="price">$190.00</span>
32671    
32672
32673    
32674  
32675</div>
32676
32677  
32678</product-price>
32679
32680
32681
32682
32683
32684
32685
32686</div>
32687</div>
32688
32689
32690
32691
32692
32693
32694<div
32695  class="
32696    group-block
32697    
32698    group-block--height-fit
32699    group-block--width-fill
32700    border-style
32701    spacing-style
32702    size-style
32703    
32704    
32705  "
32706  style="
32707    --border-width: 1px; --border-style: none; --border-color:
32708rgb(var(--color-border-rgb) / 1.0); --border-radius:
327090px; 
32710
32711    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
32712    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
32713    
32714  "
32715  
32716  data-testid="group-block"
32717><div class="group-block__media-wrapper">
32718    
32719
32720
32721
32722    
32723  </div>
32724
32725  <div
32726    class="
32727      group-block-content
32728      
32729      layout-panel-flex
32730      layout-panel-flex--column
32731       mobile-column
32732    "
32733    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
32734
32735--gap: 0px;
32736
32737--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
32738--vertical-alignment-mobile: flex-start;
32739"
32740  >
32741  
32742
32743
32744
32745
32746
32747
32748
32749</div>
32750</div>
32751
32752
32753
32754
32755
32756</div>
32757</div>
32758
32759
32760
32761
32762
32763
32764  </div>
32765</product-card></product-card-link>
32766
32767
32768
32769
32770          </li>
32771        
32772          <li
32773            id="template--28980150370464__main-15220381122720"
32774            class="product-grid__item product-grid__item--19"
32775            data-page="1"
32776            data-product-id="15220381122720"
32777            ref="cards[]"
32778          >
32779            
32780
32781
32782
32783<style data-shopify>
32784  
32785</style>
32786
32787
32788<product-card-link
32789    data-product-id="15220381122720"
32790    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/2_593f6a41-6e81-4776-aae4-66454382428e.png?v=1789153912&width=500"
32791    data-product-transition="true"
32792    
32793  ><product-card
32794  class="product-card"
32795  data-product-id="15220381122720"
32796  id="product-card-ARkJhYk42RE5RUXhCT__product-card-19"
32797  data-product-transition="true"
32798  
32799  
32800>
32801  <a
32802    id="b3a0c4736b4acb50deaae2235aedaabd"
32803    
32804      href="/products/breast-cancer-kyst-klip-1?variant=53095736377504"
32805    
32806    class="product-card__link"
32807    ref="productCardLink"
32808  >
32809    <span class="visually-hidden">
32810      Breast Cancer Kyst Klip
32811    </span>
32812  </a>
32813  <div
32814    class="
32815      product-card__content
32816      layout-panel-flex
32817      layout-panel-flex--column
32818      product-grid__card
32819      spacing-style
32820      border-style
32821      gap-style
32822      
32823    "
32824    style="
32825      --border-width: 1px; --border-style: none; --border-color:
32826rgb(var(--color-border-rgb) / 1.0); --border-radius:
328270px; 
32828
32829      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
32830
32831
32832
32833--horizontal-alignment: ; --vertical-alignment: ;
32834--vertical-alignment-mobile: ;
32835
32836      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
32837      --product-card-gap: 8px;
32838      --quick-add-display: flex;
32839      --quick-add-mobile-display: flex;
32840      --quick-add-mobile-opacity: 1;
32841      
32842      
32843      
32844      
32845    "
32846  >
32847    
32848  
32849
32850
32851
32852
32853
32854<div
32855  ref="cardGallery"
32856  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-19 spacing-style border-style"
32857  style="
32858    --border-width: 1px; --border-style: none; --border-color:
32859rgb(var(--color-border-rgb) / 1.0); --border-radius:
328600px; 
32861
32862    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
32863    --gallery-aspect-ratio: 4 / 5;
32864  "
32865  data-product-id="15220381122720"
32866  
32867    on:pointerenter="/previewImage"
32868    on:pointerleave="/resetImage"
32869  
32870  
32871    data-view-transition-to-main-product
32872  
32873  data-image-ratio="portrait"
32874  
32875>
32876    <a
32877      class="contents"
32878      ref="cardGalleryLink"
32879      href="/products/breast-cancer-kyst-klip-1?variant=53095736377504"
32880      aria-label="Breast Cancer Kyst Klip"
32881    >
32882      <slideshow-component
32883  
32884    ref="slideshow"
32885  
32886  
32887  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
32888  
32889  initial-slide="0"
32890  
32891  
32892    infinite
32893  
32894
32895  data-generic-media-size="3"
32896>
32897  
32898  <slideshow-container ref="slideshowContainer">
32899    
32900      <slideshow-arrows
32901  position="center"
32902  
32903><button
32904  class="
32905    slideshow-control slideshow-control--previous
32906    
32907    
32908    slideshow-control--style-arrow
32909    button button-unstyled button-unstyled--transparent
32910     flip-x
32911  "
32912  
32913  aria-label="Previous slide"
32914  
32915  on:click="/previous"
32916  ref="previous"
32917>
32918  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
32919</span>
32920</button>
32921<button
32922  class="
32923    slideshow-control slideshow-control--next
32924    
32925    
32926    slideshow-control--style-arrow
32927    button button-unstyled button-unstyled--transparent
32928    
32929  "
32930  
32931  aria-label="Next slide"
32932  
32933  on:click="/next"
32934  ref="next"
32935>
32936  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
32937</span>
32938</button>
32939</slideshow-arrows>
32940
32941    
32942    
32943    <slideshow-slides
32944      tabindex="-1"
32945      ref="scroller"
32946      
32947    >
32948      <slideshow-slide
32949  ref="slides[]"
32950  aria-hidden="false"
32951  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
32952  
32953    class="product-media-container media-fit product-media-container--image"
32954  
32955  
32956  
32957  
32958    slide-id="38469448499360"
32959  
32960  
32961  
32962  
32963>
32964  
32965
32966<div
32967  class="product-media"
32968  style="--ratio: 1.9262295081967213"
32969  data-media-id="38469448499360"
32970>
32971  
32972  <img src="//www.solkyst.ca/cdn/shop/files/2_593f6a41-6e81-4776-aae4-66454382428e.png?v=1789153912&amp;width=3840" alt="Breast Cancer Kyst Klip" srcset="//www.solkyst.ca/cdn/shop/files/2_593f6a41-6e81-4776-aae4-66454382428e.png?v=1789153912&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/2_593f6a41-6e81-4776-aae4-66454382428e.png?v=1789153912&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/2_593f6a41-6e81-4776-aae4-66454382428e.png?v=1789153912&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/2_593f6a41-6e81-4776-aae4-66454382428e.png?v=1789153912&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/2_593f6a41-6e81-4776-aae4-66454382428e.png?v=1789153912&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/2_593f6a41-6e81-4776-aae4-66454382428e.png?v=1789153912&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/2_593f6a41-6e81-4776-aae4-66454382428e.png?v=1789153912&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/2_593f6a41-6e81-4776-aae4-66454382428e.png?v=1789153912&amp;width=3840 3840w" width="3840" height="1994" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/2_593f6a41-6e81-4776-aae4-66454382428e.png?v=1789153912&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
32973
32974  
32975</div>
32976
32977
32978
32979</slideshow-slide>
32980<slideshow-slide
32981  ref="slides[]"
32982  aria-hidden="true"
32983  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
32984  
32985    class="product-media-container media-fit product-media-container--image"
32986  
32987  
32988  
32989  
32990    slide-id="70308290101408"
32991  
32992  
32993  
32994  
32995>
32996  
32997
32998<div
32999  class="product-media"
33000  style="--ratio: 1.4995884773662551"
33001  data-media-id="70308290101408"
33002>
33003  
33004  <img src="//www.solkyst.ca/cdn/shop/files/8F6F94BA-3948-4788-B270-7C6F1DDA8740.jpg?v=1789156103&amp;width=3840" alt="Breast Cancer Kyst Klip" srcset="//www.solkyst.ca/cdn/shop/files/8F6F94BA-3948-4788-B270-7C6F1DDA8740.jpg?v=1789156103&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/8F6F94BA-3948-4788-B270-7C6F1DDA8740.jpg?v=1789156103&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/8F6F94BA-3948-4788-B270-7C6F1DDA8740.jpg?v=1789156103&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/8F6F94BA-3948-4788-B270-7C6F1DDA8740.jpg?v=1789156103&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/8F6F94BA-3948-4788-B270-7C6F1DDA8740.jpg?v=1789156103&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/8F6F94BA-3948-4788-B270-7C6F1DDA8740.jpg?v=1789156103&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/8F6F94BA-3948-4788-B270-7C6F1DDA8740.jpg?v=1789156103&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/8F6F94BA-3948-4788-B270-7C6F1DDA8740.jpg?v=1789156103&amp;width=3840 3840w" width="3840" height="2561" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/8F6F94BA-3948-4788-B270-7C6F1DDA8740.jpg?v=1789156103&amp;width=3840" fetchpriority="auto" style="--focal-point: 52.8835% 73.0192%;">
33005
33006  
33007</div>
33008
33009
33010
33011</slideshow-slide>
33012<slideshow-slide
33013  ref="slides[]"
33014  aria-hidden="true"
33015  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
33016  
33017    class="product-media-container media-fit product-media-container--image"
33018  
33019  
33020  
33021  
33022    slide-id="69722409140384"
33023  
33024  
33025  
33026  
33027>
33028  
33029
33030<div
33031  class="product-media"
33032  style="--ratio: 1.5"
33033  data-media-id="69722409140384"
33034>
33035  
33036  <img src="//www.solkyst.ca/cdn/shop/files/DF67F55B-FB18-4CED-B250-E9F0B651C825.jpg?v=1783619438&amp;width=3840" alt="Breast Cancer Kyst Klip" srcset="//www.solkyst.ca/cdn/shop/files/DF67F55B-FB18-4CED-B250-E9F0B651C825.jpg?v=1783619438&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/DF67F55B-FB18-4CED-B250-E9F0B651C825.jpg?v=1783619438&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/DF67F55B-FB18-4CED-B250-E9F0B651C825.jpg?v=1783619438&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/DF67F55B-FB18-4CED-B250-E9F0B651C825.jpg?v=1783619438&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/DF67F55B-FB18-4CED-B250-E9F0B651C825.jpg?v=1783619438&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/DF67F55B-FB18-4CED-B250-E9F0B651C825.jpg?v=1783619438&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/DF67F55B-FB18-4CED-B250-E9F0B651C825.jpg?v=1783619438&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/DF67F55B-FB18-4CED-B250-E9F0B651C825.jpg?v=1783619438&amp;width=3840 3840w" width="3840" height="2560" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/DF67F55B-FB18-4CED-B250-E9F0B651C825.jpg?v=1783619438&amp;width=3840" fetchpriority="auto" style="--focal-point: 51.4572% 50.5328%;">
33037
33038  
33039</div>
33040
33041
33042
33043</slideshow-slide>
33044
33045    </slideshow-slides>
33046  </slideshow-container>
33047  
33048</slideshow-component>
33049
33050
33051
33052    </a>
33053  
33054  
33055    <div
33056      class="product-badges product-badges--top-left"
33057      style="
33058        --badge-border-radius: 0px;
33059        --badge-font-family: var(--font-body--family);
33059 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
33060      "
33061    ></div>
33062    
33063      
33064
33065<quick-add-component
33066  class="quick-add color-scheme-4 "
33067  ref="quickAdd"
33068  data-product-title="Breast Cancer Kyst Klip"
33069  data-quick-add-button="choose"
33070  data-product-options-count="1"
33071>
33072  <product-form-component
33073    data-section-id="template--28980150370464__main"
33074    data-product-id="15220381122720"
33075    on:submit="/handleSubmit"
33076    class="quick-add__product-form-component"
33077  >
33078    <div
33079      class="visually-hidden"
33080      aria-live="assertive"
33081      role="status"
33082      aria-atomic="true"
33083      ref="liveRegion"
33084    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15220381122720-AVkVHRmZuS1U2YVZuU__card-gallery-19" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
33085        type="hidden"
33086        name="id"
33087        ref="variantId"
33088        value="53095736377504"
33089        
33090      >
33091      <input
33092        type="hidden"
33093        name="quantity"
33094        value="1"
33095      >
33096      
33097      <add-to-cart-component
33098  ref="addToCartButtonContainer"
33099  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/2_593f6a41-6e81-4776-aae4-66454382428e.png?v=1789153912&width=100"
33100  data-add-to-cart-animation="true"
33101>
33102  <button
33103    
33104    type="submit"
33105    name="add"
33106    ref="addToCartButton"
33107    on:click="/handleClick"
33108    class="button button quick-add__button quick-add__button--add add-to-cart-button"
33109    
33110    
33111  >
33112    <span
33113      class="add-to-cart-text"
33114    >
33115      
33116        <span
33117          aria-hidden="true"
33118          class="svg-wrapper add-to-cart-icon"
33119        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
33120</span>
33121      
33122      <span class="add-to-cart-text__content is-visually-hidden-mobile">
33123        <span>
33124          <span>Add</span>
33125        </span>
33126      </span>
33127    </span>
33128    
33129    <span class="add-to-cart__added">
33130      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
33131  <g class="check">
33132    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
33133    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
33134  </g>
33135  <g class="burst">
33136    <g style="--index: 0;">
33137      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
33138    </g>
33139    <g style="--index: 1;">
33140      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
33141    </g>
33142    <g style="--index: 2;">
33143      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
33144    </g>
33145    <g style="--index: 3;">
33146      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
33147    </g>
33148    <g style="--index: 4;">
33149      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
33150    </g>
33151    <g style="--index: 5;">
33152      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
33153    </g>
33154    <g style="--index: 6;">
33155      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
33156    </g>
33157    <g style="--index: 7;">
33158      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
33159    </g>
33160  </g>
33161</svg>
33162</span>
33163    </span>
33164  </button>
33165</add-to-cart-component>
33166
33167
33168
33169
33170      <button
33171        class="button quick-add__button quick-add__button--choose add-to-cart-button"
33172        
33173        type="button"
33174        name="add"
33175        on:click="quick-add-component/handleClick"
33176      >
33177        <span
33178          class="add-to-cart-text quick-add__button-content"
33179        >
33180          
33181          <span
33182            aria-hidden="true"
33183            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
33184          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
33185</span>
33186          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
33187            <span>
33188              
33189              <span>
33190                Choose
33191              </span>
33192            </span>
33193          </span>
33194        </span>
33195      </button><input type="hidden" name="product-id" value="15220381122720" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
33196</quick-add-component>
33197
33198
33199
33200    
33201  
33202
33203</div>
33204
33205
33206
33207
33208
33209<div class="product-grid-view-zoom-out--details">
33210  
33211    <h3 class="h4">Breast Cancer Kyst Klip</h3>
33212  
33213</div>
33214
33215
33216
33217
33218
33219
33220<div
33221  class="
33222    group-block
33223    
33224    group-block--height-fit
33225    group-block--width-fill
33226    border-style
33227    spacing-style
33228    size-style
33229    
33230    
33231  "
33232  style="
33233    --border-width: 1px; --border-style: none; --border-color:
33234rgb(var(--color-border-rgb) / 1.0); --border-radius:
332350px; 
33236
33237    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
33238    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
33239    
33240  "
33241  
33242  data-testid="group-block"
33243><div class="group-block__media-wrapper">
33244    
33245
33246
33247
33248    
33249  </div>
33250
33251  <div
33252    class="
33253      group-block-content
33254      
33255      layout-panel-flex
33256      layout-panel-flex--row
33257       mobile-column
33258    "
33259    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
33260
33261--gap: 12px;
33262
33263--horizontal-alignment: space-between; --vertical-alignment: flex-start;
33264--vertical-alignment-mobile: flex-start;
33265"
33266  >
33267  
33268
33269<div
33270  class="
33271    group-block
33272    
33273    group-block--height-fit
33274    group-block--width-fill
33275    border-style
33276    spacing-style
33277    size-style
33278    
33279    
33280  "
33281  style="
33282    --border-width: 1px; --border-style: none; --border-color:
33283rgb(var(--color-border-rgb) / 1.0); --border-radius:
332840px; 
33285
33286    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
33287    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
33288    
33289  "
33290  
33291  data-testid="group-block"
33292><div class="group-block__media-wrapper">
33293    
33294
33295
33296
33297    
33298  </div>
33299
33300  <div
33301    class="
33302      group-block-content
33303      
33304      layout-panel-flex
33305      layout-panel-flex--column
33306       mobile-column
33307    "
33308    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
33309
33310--gap: 0px;
33311
33312--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
33313--vertical-alignment-mobile: flex-start;
33314"
33315  >
33316  
33317  
33318  <a
33319    class="contents user-select-text"
33320    ref="productTitleLink"
33321    href="/products/breast-cancer-kyst-klip-1?variant=53095736377504"
33322  >
33323    
33324
33325
33326
33327
33328
33329
33330  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-19 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
33331    <p>Breast Cancer Kyst Klip</p>
33332  </div>
33333
33334
33335
33336
33337  </a>
33338
33339
33340
33341
33342
33343<product-price
33344  class="text-block text-block--align-left text-left h5 spacing-style"
33345  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-19"
33346  data-product-id="15220381122720"
33347  style="
33348    
33349--color: var(--color-foreground);
33350    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
33351    --width: 100%;
33352  "
33353  
33354>
33355  <div ref="priceContainer">
33356  
33357    
33358    
33359
33360    
33361      <span class="price">$35.00</span>
33362    
33363
33364    
33365  
33366</div>
33367
33368  
33369</product-price>
33370
33371
33372
33373
33374
33375
33376
33377</div>
33378</div>
33379
33380
33381
33382
33383
33384
33385<div
33386  class="
33387    group-block
33388    
33389    group-block--height-fit
33390    group-block--width-fill
33391    border-style
33392    spacing-style
33393    size-style
33394    
33395    
33396  "
33397  style="
33398    --border-width: 1px; --border-style: none; --border-color:
33399rgb(var(--color-border-rgb) / 1.0); --border-radius:
334000px; 
33401
33402    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
33403    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
33404    
33405  "
33406  
33407  data-testid="group-block"
33408><div class="group-block__media-wrapper">
33409    
33410
33411
33412
33413    
33414  </div>
33415
33416  <div
33417    class="
33418      group-block-content
33419      
33420      layout-panel-flex
33421      layout-panel-flex--column
33422       mobile-column
33423    "
33424    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
33425
33426--gap: 0px;
33427
33428--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
33429--vertical-alignment-mobile: flex-start;
33430"
33431  >
33432  
33433
33434
33435
33436
33437
33438
33439
33440</div>
33441</div>
33442
33443
33444
33445
33446
33447</div>
33448</div>
33449
33450
33451
33452
33453
33454
33455  </div>
33456</product-card></product-card-link>
33457
33458
33459
33460
33461          </li>
33462        
33463          <li
33464            id="template--28980150370464__main-14999555244192"
33465            class="product-grid__item product-grid__item--20"
33466            data-page="1"
33467            data-product-id="14999555244192"
33468            ref="cards[]"
33469          >
33470            
33471
33472
33473
33474<style data-shopify>
33475  
33476</style>
33477
33478
33479<product-card-link
33480    data-product-id="14999555244192"
33481    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/BridalBoutiqueBundle.png?v=1736882656&width=500"
33482    data-product-transition="true"
33483    
33484  ><product-card
33485  class="product-card"
33486  data-product-id="14999555244192"
33487  id="product-card-ARkJhYk42RE5RUXhCT__product-card-20"
33488  data-product-transition="true"
33489  
33490  
33491>
33492  <a
33493    id="19c4da35fe18a7b7fa0dbc3254a16fb1"
33494    
33495      href="/products/bridal-boutique-copy?variant=52183148822688"
33496    
33497    class="product-card__link"
33498    ref="productCardLink"
33499  >
33500    <span class="visually-hidden">
33501      Bridal Bundle
33502    </span>
33503  </a>
33504  <div
33505    class="
33506      product-card__content
33507      layout-panel-flex
33508      layout-panel-flex--column
33509      product-grid__card
33510      spacing-style
33511      border-style
33512      gap-style
33513      
33514    "
33515    style="
33516      --border-width: 1px; --border-style: none; --border-color:
33517rgb(var(--color-border-rgb) / 1.0); --border-radius:
335180px; 
33519
33520      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
33521
33522
33523
33524--horizontal-alignment: ; --vertical-alignment: ;
33525--vertical-alignment-mobile: ;
33526
33527      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
33528      --product-card-gap: 8px;
33529      --quick-add-display: flex;
33530      --quick-add-mobile-display: flex;
33531      --quick-add-mobile-opacity: 1;
33532      
33533      
33534      
33535      
33536    "
33537  >
33538    
33539  
33540
33541
33542
33543
33544
33545<div
33546  ref="cardGallery"
33547  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-20 spacing-style border-style"
33548  style="
33549    --border-width: 1px; --border-style: none; --border-color:
33550rgb(var(--color-border-rgb) / 1.0); --border-radius:
335510px; 
33552
33553    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
33554    --gallery-aspect-ratio: 4 / 5;
33555  "
33556  data-product-id="14999555244192"
33557  
33558    on:pointerenter="/previewImage"
33559    on:pointerleave="/resetImage"
33560  
33561  
33562    data-view-transition-to-main-product
33563  
33564  data-image-ratio="portrait"
33565  
33566>
33567    <a
33568      class="contents"
33569      ref="cardGalleryLink"
33570      href="/products/bridal-boutique-copy?variant=52183148822688"
33571      aria-label="Bridal Bundle"
33572    >
33573      <slideshow-component
33574  
33575    ref="slideshow"
33576  
33577  
33578  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;--slide-min-height: auto;--slide-min-height-desktop: auto;"
33579  
33580  initial-slide="0"
33581  
33582  
33583    infinite
33584  
33585
33586  data-generic-media-size="5"
33587>
33588  
33589  <slideshow-container ref="slideshowContainer">
33590    
33591      <slideshow-arrows
33592  position="center"
33593  
33594><button
33595  class="
33596    slideshow-control slideshow-control--previous
33597    
33598    
33599    slideshow-control--style-arrow
33600    button button-unstyled button-unstyled--transparent
33601     flip-x
33602  "
33603  
33604  aria-label="Previous slide"
33605  
33606  on:click="/previous"
33607  ref="previous"
33608>
33609  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
33610</span>
33611</button>
33612<button
33613  class="
33614    slideshow-control slideshow-control--next
33615    
33616    
33617    slideshow-control--style-arrow
33618    button button-unstyled button-unstyled--transparent
33619    
33620  "
33621  
33622  aria-label="Next slide"
33623  
33624  on:click="/next"
33625  ref="next"
33626>
33627  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
33628</span>
33629</button>
33630</slideshow-arrows>
33631
33632    
33633    
33634    <slideshow-slides
33635      tabindex="-1"
33636      ref="scroller"
33637      
33638    >
33639      <slideshow-slide
33640  ref="slides[]"
33641  aria-hidden="false"
33642  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
33643  
33644    class="product-media-container media-fit product-media-container--image"
33645  
33646  
33647  
33648  
33649    slide-id="37074916671648"
33650  
33651  
33652  
33653  
33654>
33655  
33656
33657<div
33658  class="product-media"
33659  style="--ratio: 1.0"
33660  data-media-id="37074916671648"
33661>
33662  
33663  <img src="//www.solkyst.ca/cdn/shop/files/BridalBoutiqueBundle.png?v=1736882656&amp;width=3840" alt="Bridal Bundle" srcset="//www.solkyst.ca/cdn/shop/files/BridalBoutiqueBundle.png?v=1736882656&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/BridalBoutiqueBundle.png?v=1736882656&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/BridalBoutiqueBundle.png?v=1736882656&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/BridalBoutiqueBundle.png?v=1736882656&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/BridalBoutiqueBundle.png?v=1736882656&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/BridalBoutiqueBundle.png?v=1736882656&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/BridalBoutiqueBundle.png?v=1736882656&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/BridalBoutiqueBundle.png?v=1736882656&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/BridalBoutiqueBundle.png?v=1736882656&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
33664
33665  
33666</div>
33667
33668
33669
33670</slideshow-slide>
33671<slideshow-slide
33672  ref="slides[]"
33673  aria-hidden="true"
33674  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
33675  
33676    class="product-media-container media-fit product-media-container--image"
33677  
33678  
33679  
33680  
33681    slide-id="37075365593248"
33682  
33683  
33684  
33685  
33686>
33687  
33688
33689<div
33690  class="product-media"
33691  style="--ratio: 0.8006482982171799"
33692  data-media-id="37075365593248"
33693>
33694  
33695  <img src="//www.solkyst.ca/cdn/shop/files/C23CC033-51E2-482E-9308-60D8056A4008.jpg?v=1736888619&amp;width=3840" alt="Bridal Bundle" srcset="//www.solkyst.ca/cdn/shop/files/C23CC033-51E2-482E-9308-60D8056A4008.jpg?v=1736888619&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/C23CC033-51E2-482E-9308-60D8056A4008.jpg?v=1736888619&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/C23CC033-51E2-482E-9308-60D8056A4008.jpg?v=1736888619&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/C23CC033-51E2-482E-9308-60D8056A4008.jpg?v=1736888619&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/C23CC033-51E2-482E-9308-60D8056A4008.jpg?v=1736888619&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/C23CC033-51E2-482E-9308-60D8056A4008.jpg?v=1736888619&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/C23CC033-51E2-482E-9308-60D8056A4008.jpg?v=1736888619&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/C23CC033-51E2-482E-9308-60D8056A4008.jpg?v=1736888619&amp;width=3840 3840w" width="3840" height="4796" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/C23CC033-51E2-482E-9308-60D8056A4008.jpg?v=1736888619&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
33696
33697  
33698</div>
33699
33700
33701
33702</slideshow-slide>
33703<slideshow-slide
33704  ref="slides[]"
33705  aria-hidden="true"
33706  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
33707  
33708    class="product-media-container media-fit product-media-container--image"
33709  
33710  
33711  
33712  
33713    slide-id="37075365626016"
33714  
33715  
33716  
33717  
33718>
33719  
33720
33721<div
33722  class="product-media"
33723  style="--ratio: 0.7766990291262136"
33724  data-media-id="37075365626016"
33725>
33726  
33727  <img src="//www.solkyst.ca/cdn/shop/files/F98C9A49-C294-4020-A43B-357A474B9C8B.jpg?v=1736888619&amp;width=3840" alt="Bridal Bundle" srcset="//www.solkyst.ca/cdn/shop/files/F98C9A49-C294-4020-A43B-357A474B9C8B.jpg?v=1736888619&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/F98C9A49-C294-4020-A43B-357A474B9C8B.jpg?v=1736888619&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/F98C9A49-C294-4020-A43B-357A474B9C8B.jpg?v=1736888619&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/F98C9A49-C294-4020-A43B-357A474B9C8B.jpg?v=1736888619&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/F98C9A49-C294-4020-A43B-357A474B9C8B.jpg?v=1736888619&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/F98C9A49-C294-4020-A43B-357A474B9C8B.jpg?v=1736888619&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/F98C9A49-C294-4020-A43B-357A474B9C8B.jpg?v=1736888619&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/F98C9A49-C294-4020-A43B-357A474B9C8B.jpg?v=1736888619&amp;width=3840 3840w" width="3840" height="4944" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/F98C9A49-C294-4020-A43B-357A474B9C8B.jpg?v=1736888619&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
33728
33729  
33730</div>
33731
33732
33733
33734</slideshow-slide>
33735<slideshow-slide
33736  ref="slides[]"
33737  aria-hidden="true"
33738  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
33739  
33740    class="product-media-container media-fit product-media-container--image"
33741  
33742  
33743  
33744  
33745    slide-id="37075365658784"
33746  
33747  
33748  
33749  
33750>
33751  
33752
33753<div
33754  class="product-media"
33755  style="--ratio: 0.7991120976692564"
33756  data-media-id="37075365658784"
33757>
33758  
33759  <img src="//www.solkyst.ca/cdn/shop/files/90B05FBF-7D96-437F-8F5B-F7741AC99DB4.jpg?v=1736888619&amp;width=3840" alt="Bridal Bundle" srcset="//www.solkyst.ca/cdn/shop/files/90B05FBF-7D96-437F-8F5B-F7741AC99DB4.jpg?v=1736888619&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/90B05FBF-7D96-437F-8F5B-F7741AC99DB4.jpg?v=1736888619&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/90B05FBF-7D96-437F-8F5B-F7741AC99DB4.jpg?v=1736888619&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/90B05FBF-7D96-437F-8F5B-F7741AC99DB4.jpg?v=1736888619&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/90B05FBF-7D96-437F-8F5B-F7741AC99DB4.jpg?v=1736888619&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/90B05FBF-7D96-437F-8F5B-F7741AC99DB4.jpg?v=1736888619&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/90B05FBF-7D96-437F-8F5B-F7741AC99DB4.jpg?v=1736888619&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/90B05FBF-7D96-437F-8F5B-F7741AC99DB4.jpg?v=1736888619&amp;width=3840 3840w" width="3840" height="4805" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/90B05FBF-7D96-437F-8F5B-F7741AC99DB4.jpg?v=1736888619&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
33760
33761  
33762</div>
33763
33764
33765
33766</slideshow-slide>
33767<slideshow-slide
33768  ref="slides[]"
33769  aria-hidden="true"
33770  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
33771  
33772    class="product-media-container media-fit product-media-container--image"
33773  
33774  
33775  
33776  
33777    slide-id="37075365691552"
33778  
33779  
33780  
33781  
33782>
33783  
33784
33785<div
33786  class="product-media"
33787  style="--ratio: 0.8014796547472256"
33788  data-media-id="37075365691552"
33789>
33790  
33791  <img src="//www.solkyst.ca/cdn/shop/files/40C44688-057B-4BF4-8464-B39C6AC62E9B.jpg?v=1736888619&amp;width=3840" alt="Bridal Bundle" srcset="//www.solkyst.ca/cdn/shop/files/40C44688-057B-4BF4-8464-B39C6AC62E9B.jpg?v=1736888619&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/40C44688-057B-4BF4-8464-B39C6AC62E9B.jpg?v=1736888619&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/40C44688-057B-4BF4-8464-B39C6AC62E9B.jpg?v=1736888619&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/40C44688-057B-4BF4-8464-B39C6AC62E9B.jpg?v=1736888619&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/40C44688-057B-4BF4-8464-B39C6AC62E9B.jpg?v=1736888619&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/40C44688-057B-4BF4-8464-B39C6AC62E9B.jpg?v=1736888619&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/40C44688-057B-4BF4-8464-B39C6AC62E9B.jpg?v=1736888619&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/40C44688-057B-4BF4-8464-B39C6AC62E9B.jpg?v=1736888619&amp;width=3840 3840w" width="3840" height="4791" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/40C44688-057B-4BF4-8464-B39C6AC62E9B.jpg?v=1736888619&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
33792
33793  
33794</div>
33795
33796
33797
33798</slideshow-slide>
33799
33800    </slideshow-slides>
33801  </slideshow-container>
33802  
33803</slideshow-component>
33804
33805
33806
33807    </a>
33808  
33809  
33810    <div
33811      class="product-badges product-badges--top-left"
33812      style="
33813        --badge-border-radius: 0px;
33814        --badge-font-family: var(--font-body--family);
33814 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
33815      "
33816    ></div>
33817    
33818      
33819
33820<quick-add-component
33821  class="quick-add color-scheme-4 "
33822  ref="quickAdd"
33823  data-product-title="Bridal Bundle"
33824  data-quick-add-button="choose"
33825  data-product-options-count="1"
33826>
33827  <product-form-component
33828    data-section-id="template--28980150370464__main"
33829    data-product-id="14999555244192"
33830    on:submit="/handleSubmit"
33831    class="quick-add__product-form-component"
33832  >
33833    <div
33834      class="visually-hidden"
33835      aria-live="assertive"
33836      role="status"
33837      aria-atomic="true"
33838      ref="liveRegion"
33839    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-14999555244192-AVkVHRmZuS1U2YVZuU__card-gallery-20" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
33840        type="hidden"
33841        name="id"
33842        ref="variantId"
33843        value="52183148822688"
33844        
33845      >
33846      <input
33847        type="hidden"
33848        name="quantity"
33849        value="1"
33850      >
33851      
33852      <add-to-cart-component
33853  ref="addToCartButtonContainer"
33854  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/BridalBoutiqueBundle.png?v=1736882656&width=100"
33855  data-add-to-cart-animation="true"
33856>
33857  <button
33858    
33859    type="submit"
33860    name="add"
33861    ref="addToCartButton"
33862    on:click="/handleClick"
33863    class="button button quick-add__button quick-add__button--add add-to-cart-button"
33864    
33865    
33866  >
33867    <span
33868      class="add-to-cart-text"
33869    >
33870      
33871        <span
33872          aria-hidden="true"
33873          class="svg-wrapper add-to-cart-icon"
33874        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
33875</span>
33876      
33877      <span class="add-to-cart-text__content is-visually-hidden-mobile">
33878        <span>
33879          <span>Add</span>
33880        </span>
33881      </span>
33882    </span>
33883    
33884    <span class="add-to-cart__added">
33885      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
33886  <g class="check">
33887    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
33888    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
33889  </g>
33890  <g class="burst">
33891    <g style="--index: 0;">
33892      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
33893    </g>
33894    <g style="--index: 1;">
33895      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
33896    </g>
33897    <g style="--index: 2;">
33898      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
33899    </g>
33900    <g style="--index: 3;">
33901      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
33902    </g>
33903    <g style="--index: 4;">
33904      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
33905    </g>
33906    <g style="--index: 5;">
33907      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
33908    </g>
33909    <g style="--index: 6;">
33910      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
33911    </g>
33912    <g style="--index: 7;">
33913      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
33914    </g>
33915  </g>
33916</svg>
33917</span>
33918    </span>
33919  </button>
33920</add-to-cart-component>
33921
33922
33923
33924
33925      <button
33926        class="button quick-add__button quick-add__button--choose add-to-cart-button"
33927        
33928        type="button"
33929        name="add"
33930        on:click="quick-add-component/handleClick"
33931      >
33932        <span
33933          class="add-to-cart-text quick-add__button-content"
33934        >
33935          
33936          <span
33937            aria-hidden="true"
33938            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
33939          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
33940</span>
33941          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
33942            <span>
33943              
33944              <span>
33945                Choose
33946              </span>
33947            </span>
33948          </span>
33949        </span>
33950      </button><input type="hidden" name="product-id" value="14999555244192" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
33951</quick-add-component>
33952
33953
33954
33955    
33956  
33957
33958</div>
33959
33960
33961
33962
33963
33964<div class="product-grid-view-zoom-out--details">
33965  
33966    <h3 class="h4">Bridal Bundle</h3>
33967  
33968</div>
33969
33970
33971
33972
33973
33974
33975<div
33976  class="
33977    group-block
33978    
33979    group-block--height-fit
33980    group-block--width-fill
33981    border-style
33982    spacing-style
33983    size-style
33984    
33985    
33986  "
33987  style="
33988    --border-width: 1px; --border-style: none; --border-color:
33989rgb(var(--color-border-rgb) / 1.0); --border-radius:
339900px; 
33991
33992    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
33993    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
33994    
33995  "
33996  
33997  data-testid="group-block"
33998><div class="group-block__media-wrapper">
33999    
34000
34001
34002
34003    
34004  </div>
34005
34006  <div
34007    class="
34008      group-block-content
34009      
34010      layout-panel-flex
34011      layout-panel-flex--row
34012       mobile-column
34013    "
34014    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
34015
34016--gap: 12px;
34017
34018--horizontal-alignment: space-between; --vertical-alignment: flex-start;
34019--vertical-alignment-mobile: flex-start;
34020"
34021  >
34022  
34023
34024<div
34025  class="
34026    group-block
34027    
34028    group-block--height-fit
34029    group-block--width-fill
34030    border-style
34031    spacing-style
34032    size-style
34033    
34034    
34035  "
34036  style="
34037    --border-width: 1px; --border-style: none; --border-color:
34038rgb(var(--color-border-rgb) / 1.0); --border-radius:
340390px; 
34040
34041    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
34042    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
34043    
34044  "
34045  
34046  data-testid="group-block"
34047><div class="group-block__media-wrapper">
34048    
34049
34050
34051
34052    
34053  </div>
34054
34055  <div
34056    class="
34057      group-block-content
34058      
34059      layout-panel-flex
34060      layout-panel-flex--column
34061       mobile-column
34062    "
34063    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
34064
34065--gap: 0px;
34066
34067--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
34068--vertical-alignment-mobile: flex-start;
34069"
34070  >
34071  
34072  
34073  <a
34074    class="contents user-select-text"
34075    ref="productTitleLink"
34076    href="/products/bridal-boutique-copy?variant=52183148822688"
34077  >
34078    
34079
34080
34081
34082
34083
34084
34085  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-20 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
34086    <p>Bridal Bundle</p>
34087  </div>
34088
34089
34090
34091
34092  </a>
34093
34094
34095
34096
34097
34098<product-price
34099  class="text-block text-block--align-left text-left h5 spacing-style"
34100  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-20"
34101  data-product-id="14999555244192"
34102  style="
34103    
34104--color: var(--color-foreground);
34105    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
34106    --width: 100%;
34107  "
34108  
34109>
34110  <div ref="priceContainer">
34111  
34112    
34113    
34114
34115    
34116      <span class="price">$123.00</span>
34117    
34118
34119    
34120  
34121</div>
34122
34123  
34124</product-price>
34125
34126
34127
34128
34129
34130
34131
34132</div>
34133</div>
34134
34135
34136
34137
34138
34139
34140<div
34141  class="
34142    group-block
34143    
34144    group-block--height-fit
34145    group-block--width-fill
34146    border-style
34147    spacing-style
34148    size-style
34149    
34150    
34151  "
34152  style="
34153    --border-width: 1px; --border-style: none; --border-color:
34154rgb(var(--color-border-rgb) / 1.0); --border-radius:
341550px; 
34156
34157    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
34158    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
34159    
34160  "
34161  
34162  data-testid="group-block"
34163><div class="group-block__media-wrapper">
34164    
34165
34166
34167
34168    
34169  </div>
34170
34171  <div
34172    class="
34173      group-block-content
34174      
34175      layout-panel-flex
34176      layout-panel-flex--column
34177       mobile-column
34178    "
34179    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
34180
34181--gap: 0px;
34182
34183--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
34184--vertical-alignment-mobile: flex-start;
34185"
34186  >
34187  
34188
34189
34190
34191
34192
34193
34194
34195</div>
34196</div>
34197
34198
34199
34200
34201
34202</div>
34203</div>
34204
34205
34206
34207
34208
34209
34210  </div>
34211</product-card></product-card-link>
34212
34213
34214
34215
34216          </li>
34217        
34218          <li
34219            id="template--28980150370464__main-14585512591520"
34220            class="product-grid__item product-grid__item--21"
34221            data-page="1"
34222            data-product-id="14585512591520"
34223            ref="cards[]"
34224          >
34225            
34226
34227
34228
34229<style data-shopify>
34230  
34231</style>
34232
34233
34234<product-card-link
34235    data-product-id="14585512591520"
34236    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/2_429ed621-b626-4a53-bb73-c534c2d4eaac.png?v=1767207199&width=500"
34237    data-product-transition="true"
34238    
34239  ><product-card
34240  class="product-card"
34241  data-product-id="14585512591520"
34242  id="product-card-ARkJhYk42RE5RUXhCT__product-card-21"
34243  data-product-transition="true"
34244  
34245  
34246>
34247  <a
34248    id="7b0386c263f0a8e76bda3f28ff63c8be"
34249    
34250      href="/products/butterfly-kyst?variant=51566688338080"
34251    
34252    class="product-card__link"
34253    ref="productCardLink"
34254  >
34255    <span class="visually-hidden">
34256      BUTTERFLY KYST | Sunglasses for Wide Face | Wide Fit Frames
34257    </span>
34258  </a>
34259  <div
34260    class="
34261      product-card__content
34262      layout-panel-flex
34263      layout-panel-flex--column
34264      product-grid__card
34265      spacing-style
34266      border-style
34267      gap-style
34268      
34269    "
34270    style="
34271      --border-width: 1px; --border-style: none; --border-color:
34272rgb(var(--color-border-rgb) / 1.0); --border-radius:
342730px; 
34274
34275      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
34276
34277
34278
34279--horizontal-alignment: ; --vertical-alignment: ;
34280--vertical-alignment-mobile: ;
34281
34282      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
34283      --product-card-gap: 8px;
34284      --quick-add-display: flex;
34285      --quick-add-mobile-display: flex;
34286      --quick-add-mobile-opacity: 1;
34287      
34288      
34289      
34290      
34291    "
34292  >
34293    
34294  
34295
34296
34297
34298
34299
34300<div
34301  ref="cardGallery"
34302  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-21 spacing-style border-style"
34303  style="
34304    --border-width: 1px; --border-style: none; --border-color:
34305rgb(var(--color-border-rgb) / 1.0); --border-radius:
343060px; 
34307
34308    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
34309    --gallery-aspect-ratio: 4 / 5;
34310  "
34311  data-product-id="14585512591520"
34312  
34313    on:pointerenter="/previewImage"
34314    on:pointerleave="/resetImage"
34315  
34316  
34317    data-view-transition-to-main-product
34318  
34319  data-image-ratio="portrait"
34320  
34321>
34322    <a
34323      class="contents"
34324      ref="cardGalleryLink"
34325      href="/products/butterfly-kyst?variant=51566688338080"
34326      aria-label="BUTTERFLY KYST | Sunglasses for Wide Face | Wide Fit Frames"
34327    >
34328      <slideshow-component
34329  
34330    ref="slideshow"
34331  
34332  
34333  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;--slide-min-height: auto;--slide-min-height-desktop: auto;"
34334  
34335  initial-slide="0"
34336  
34337  
34338    infinite
34339  
34340
34341  data-generic-media-size="2"
34342>
34343  
34344  <slideshow-container ref="slideshowContainer">
34345    
34346      <slideshow-arrows
34347  position="center"
34348  
34349><button
34350  class="
34351    slideshow-control slideshow-control--previous
34352    
34353    
34354    slideshow-control--style-arrow
34355    button button-unstyled button-unstyled--transparent
34356     flip-x
34357  "
34358  
34359  aria-label="Previous slide"
34360  
34361  on:click="/previous"
34362  ref="previous"
34363>
34364  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
34365</span>
34366</button>
34367<button
34368  class="
34369    slideshow-control slideshow-control--next
34370    
34371    
34372    slideshow-control--style-arrow
34373    button button-unstyled button-unstyled--transparent
34374    
34375  "
34376  
34377  aria-label="Next slide"
34378  
34379  on:click="/next"
34380  ref="next"
34381>
34382  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
34383</span>
34384</button>
34385</slideshow-arrows>
34386
34387    
34388    
34389    <slideshow-slides
34390      tabindex="-1"
34391      ref="scroller"
34392      
34393    >
34394      <slideshow-slide
34395  ref="slides[]"
34396  aria-hidden="false"
34397  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
34398  
34399    class="product-media-container media-fit product-media-container--image"
34400  
34401  variant-image
34402  
34403  
34404    slide-id="36176159572128"
34405  
34406  
34407  
34408  variant-image
34409>
34410  
34411
34412<div
34413  class="product-media"
34414  style="--ratio: 0.6666666666666666"
34415  data-media-id="36176159572128"
34416>
34417  
34418  <img src="//www.solkyst.ca/cdn/shop/files/2_429ed621-b626-4a53-bb73-c534c2d4eaac.png?v=1767207199&amp;width=3840" alt="Front view of Sol Kyst oversized sunglasses with, pink acetate frames, and purple nylon lenses." srcset="//www.solkyst.ca/cdn/shop/files/2_429ed621-b626-4a53-bb73-c534c2d4eaac.png?v=1767207199&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/2_429ed621-b626-4a53-bb73-c534c2d4eaac.png?v=1767207199&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/2_429ed621-b626-4a53-bb73-c534c2d4eaac.png?v=1767207199&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/2_429ed621-b626-4a53-bb73-c534c2d4eaac.png?v=1767207199&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/2_429ed621-b626-4a53-bb73-c534c2d4eaac.png?v=1767207199&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/2_429ed621-b626-4a53-bb73-c534c2d4eaac.png?v=1767207199&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/2_429ed621-b626-4a53-bb73-c534c2d4eaac.png?v=1767207199&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/2_429ed621-b626-4a53-bb73-c534c2d4eaac.png?v=1767207199&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/2_429ed621-b626-4a53-bb73-c534c2d4eaac.png?v=1767207199&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
34419
34420  
34421</div>
34422
34423
34424
34425</slideshow-slide>
34426<slideshow-slide
34427  ref="slides[]"
34428  aria-hidden="true"
34429  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
34430  
34431    class="product-media-container media-fit product-media-container--image"
34432  
34433  
34434  
34435  
34436    slide-id="38884559585440"
34437  
34438  
34439  
34440  
34441>
34442  
34443
34444<div
34445  class="product-media"
34446  style="--ratio: 0.6666666666666666"
34447  data-media-id="38884559585440"
34448>
34449  
34450  <img src="//www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid_96de1f6a-a144-439a-851e-7182733f31af.jpg?v=1771439285&amp;width=3840" alt="Pink sunglasses with gradient lenses on a light gray background" srcset="//www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid_96de1f6a-a144-439a-851e-7182733f31af.jpg?v=1771439285&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid_96de1f6a-a144-439a-851e-7182733f31af.jpg?v=1771439285&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid_96de1f6a-a144-439a-851e-7182733f31af.jpg?v=1771439285&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid_96de1f6a-a144-439a-851e-7182733f31af.jpg?v=1771439285&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid_96de1f6a-a144-439a-851e-7182733f31af.jpg?v=1771439285&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid_96de1f6a-a144-439a-851e-7182733f31af.jpg?v=1771439285&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid_96de1f6a-a144-439a-851e-7182733f31af.jpg?v=1771439285&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid_96de1f6a-a144-439a-851e-7182733f31af.jpg?v=1771439285&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid_96de1f6a-a144-439a-851e-7182733f31af.jpg?v=1771439285&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
34451
34452  
34453</div>
34454
34455
34456
34457</slideshow-slide>
34458<slideshow-slide
34459  ref="slides[]"
34460  aria-hidden="true"
34461  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
34462  
34463    class="product-media-container media-fit product-media-container--image"
34464  
34465  variant-image
34466  
34467  
34468    slide-id="38108909928608"
34469  
34470  
34471    hidden
34472  
34473  
34474  variant-image
34475>
34476  
34477
34478<div
34479  class="product-media"
34480  style="--ratio: 0.8"
34481  data-media-id="38108909928608"
34482>
34483  
34484  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0548.jpg?v=1767639321&amp;width=3840" alt="BUTTERFLY KYST | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0548.jpg?v=1767639321&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0548.jpg?v=1767639321&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0548.jpg?v=1767639321&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0548.jpg?v=1767639321&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0548.jpg?v=1767639321&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0548.jpg?v=1767639321&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0548.jpg?v=1767639321&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0548.jpg?v=1767639321&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0548.jpg?v=1767639321&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
34485
34486  
34487</div>
34488
34489
34490
34491</slideshow-slide>
34492<slideshow-slide
34493  ref="slides[]"
34494  aria-hidden="true"
34495  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
34496  
34497    class="product-media-container media-fit product-media-container--image"
34498  
34499  
34500  
34501  
34502    slide-id="36176159637664"
34503  
34504  
34505  
34506  
34507>
34508  
34509
34510<div
34511  class="product-media"
34512  style="--ratio: 1.0"
34513  data-media-id="36176159637664"
34514>
34515  
34516  <img src="//www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid.jpg?v=1767639321&amp;width=3840" alt="Collage of Sol Kyst oversized sunglasses showing front, side, back, and angled views with pink frames and purple nylon lenses." srcset="//www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid.jpg?v=1767639321&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid.jpg?v=1767639321&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid.jpg?v=1767639321&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid.jpg?v=1767639321&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid.jpg?v=1767639321&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid.jpg?v=1767639321&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid.jpg?v=1767639321&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid.jpg?v=1767639321&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/ButteryflyKystgrid.jpg?v=1767639321&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
34517
34518  
34519</div>
34520
34521
34522
34523</slideshow-slide>
34524
34525    </slideshow-slides>
34526  </slideshow-container>
34527  
34528</slideshow-component>
34529
34530
34531
34532    </a>
34533  
34534  
34535    <div
34536      class="product-badges product-badges--top-left"
34537      style="
34538        --badge-border-radius: 0px;
34539        --badge-font-family: var(--font-body--family);
34539 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
34540      "
34541    ></div>
34542    
34543      
34544
34545<quick-add-component
34546  class="quick-add color-scheme-4 "
34547  ref="quickAdd"
34548  data-product-title="BUTTERFLY KYST | Sunglasses for Wide Face | Wide Fit Frames"
34549  data-quick-add-button="choose"
34550  data-product-options-count="1"
34551>
34552  <product-form-component
34553    data-section-id="template--28980150370464__main"
34554    data-product-id="14585512591520"
34555    on:submit="/handleSubmit"
34556    class="quick-add__product-form-component"
34557  >
34558    <div
34559      class="visually-hidden"
34560      aria-live="assertive"
34561      role="status"
34562      aria-atomic="true"
34563      ref="liveRegion"
34564    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-14585512591520-AVkVHRmZuS1U2YVZuU__card-gallery-21" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
34565        type="hidden"
34566        name="id"
34567        ref="variantId"
34568        value="51566688338080"
34569        
34570      >
34571      <input
34572        type="hidden"
34573        name="quantity"
34574        value="1"
34575      >
34576      
34577      <add-to-cart-component
34578  ref="addToCartButtonContainer"
34579  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/2_429ed621-b626-4a53-bb73-c534c2d4eaac.png?v=1767207199&width=100"
34580  data-add-to-cart-animation="true"
34581>
34582  <button
34583    
34584    type="submit"
34585    name="add"
34586    ref="addToCartButton"
34587    on:click="/handleClick"
34588    class="button button quick-add__button quick-add__button--add add-to-cart-button"
34589    
34590    
34591  >
34592    <span
34593      class="add-to-cart-text"
34594    >
34595      
34596        <span
34597          aria-hidden="true"
34598          class="svg-wrapper add-to-cart-icon"
34599        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
34600</span>
34601      
34602      <span class="add-to-cart-text__content is-visually-hidden-mobile">
34603        <span>
34604          <span>Add</span>
34605        </span>
34606      </span>
34607    </span>
34608    
34609    <span class="add-to-cart__added">
34610      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
34611  <g class="check">
34612    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
34613    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
34614  </g>
34615  <g class="burst">
34616    <g style="--index: 0;">
34617      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
34618    </g>
34619    <g style="--index: 1;">
34620      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
34621    </g>
34622    <g style="--index: 2;">
34623      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
34624    </g>
34625    <g style="--index: 3;">
34626      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
34627    </g>
34628    <g style="--index: 4;">
34629      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
34630    </g>
34631    <g style="--index: 5;">
34632      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
34633    </g>
34634    <g style="--index: 6;">
34635      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
34636    </g>
34637    <g style="--index: 7;">
34638      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
34639    </g>
34640  </g>
34641</svg>
34642</span>
34643    </span>
34644  </button>
34645</add-to-cart-component>
34646
34647
34648
34649
34650      <button
34651        class="button quick-add__button quick-add__button--choose add-to-cart-button"
34652        
34653        type="button"
34654        name="add"
34655        on:click="quick-add-component/handleClick"
34656      >
34657        <span
34658          class="add-to-cart-text quick-add__button-content"
34659        >
34660          
34661          <span
34662            aria-hidden="true"
34663            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
34664          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
34665</span>
34666          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
34667            <span>
34668              
34669              <span>
34670                Choose
34671              </span>
34672            </span>
34673          </span>
34674        </span>
34675      </button><input type="hidden" name="product-id" value="14585512591520" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
34676</quick-add-component>
34677
34678
34679
34680    
34681  
34682
34683</div>
34684
34685
34686
34687
34688
34689<div class="product-grid-view-zoom-out--details">
34690  
34691    <h3 class="h4">BUTTERFLY KYST | Sunglasses for Wide Face | Wide Fit Frames</h3>
34692  
34693</div>
34694
34695
34696
34697
34698
34699
34700<div
34701  class="
34702    group-block
34703    
34704    group-block--height-fit
34705    group-block--width-fill
34706    border-style
34707    spacing-style
34708    size-style
34709    
34710    
34711  "
34712  style="
34713    --border-width: 1px; --border-style: none; --border-color:
34714rgb(var(--color-border-rgb) / 1.0); --border-radius:
347150px; 
34716
34717    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
34718    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
34719    
34720  "
34721  
34722  data-testid="group-block"
34723><div class="group-block__media-wrapper">
34724    
34725
34726
34727
34728    
34729  </div>
34730
34731  <div
34732    class="
34733      group-block-content
34734      
34735      layout-panel-flex
34736      layout-panel-flex--row
34737       mobile-column
34738    "
34739    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
34740
34741--gap: 12px;
34742
34743--horizontal-alignment: space-between; --vertical-alignment: flex-start;
34744--vertical-alignment-mobile: flex-start;
34745"
34746  >
34747  
34748
34749<div
34750  class="
34751    group-block
34752    
34753    group-block--height-fit
34754    group-block--width-fill
34755    border-style
34756    spacing-style
34757    size-style
34758    
34759    
34760  "
34761  style="
34762    --border-width: 1px; --border-style: none; --border-color:
34763rgb(var(--color-border-rgb) / 1.0); --border-radius:
347640px; 
34765
34766    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
34767    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
34768    
34769  "
34770  
34771  data-testid="group-block"
34772><div class="group-block__media-wrapper">
34773    
34774
34775
34776
34777    
34778  </div>
34779
34780  <div
34781    class="
34782      group-block-content
34783      
34784      layout-panel-flex
34785      layout-panel-flex--column
34786       mobile-column
34787    "
34788    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
34789
34790--gap: 0px;
34791
34792--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
34793--vertical-alignment-mobile: flex-start;
34794"
34795  >
34796  
34797  
34798  <a
34799    class="contents user-select-text"
34800    ref="productTitleLink"
34801    href="/products/butterfly-kyst?variant=51566688338080"
34802  >
34803    
34804
34805
34806
34807
34808
34809
34810  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-21 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
34811    <p>BUTTERFLY KYST | Sunglasses for Wide Face | Wide Fit Frames</p>
34812  </div>
34813
34814
34815
34816
34817  </a>
34818
34819
34820
34821
34822
34823<product-price
34824  class="text-block text-block--align-left text-left h5 spacing-style"
34825  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-21"
34826  data-product-id="14585512591520"
34827  style="
34828    
34829--color: var(--color-foreground);
34830    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
34831    --width: 100%;
34832  "
34833  
34834>
34835  <div ref="priceContainer">
34836  
34837    
34838    
34839
34840    
34841      <span class="price">$165.00</span>
34842    
34843
34844    
34845  
34846</div>
34847
34848  
34849</product-price>
34850
34851
34852
34853
34854
34855
34856
34857</div>
34858</div>
34859
34860
34861
34862
34863
34864
34865<div
34866  class="
34867    group-block
34868    
34869    group-block--height-fit
34870    group-block--width-fill
34871    border-style
34872    spacing-style
34873    size-style
34874    
34875    
34876  "
34877  style="
34878    --border-width: 1px; --border-style: none; --border-color:
34879rgb(var(--color-border-rgb) / 1.0); --border-radius:
348800px; 
34881
34882    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
34883    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
34884    
34885  "
34886  
34887  data-testid="group-block"
34888><div class="group-block__media-wrapper">
34889    
34890
34891
34892
34893    
34894  </div>
34895
34896  <div
34897    class="
34898      group-block-content
34899      
34900      layout-panel-flex
34901      layout-panel-flex--column
34902       mobile-column
34903    "
34904    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
34905
34906--gap: 0px;
34907
34908--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
34909--vertical-alignment-mobile: flex-start;
34910"
34911  >
34912  
34913
34914
34915
34916
34917
34918
34919
34920</div>
34921</div>
34922
34923
34924
34925
34926
34927</div>
34928</div>
34929
34930
34931
34932
34933
34934
34935  </div>
34936</product-card></product-card-link>
34937
34938
34939
34940
34941          </li>
34942        
34943          <li
34944            id="template--28980150370464__main-11234317009056"
34945            class="product-grid__item product-grid__item--22"
34946            data-page="1"
34947            data-product-id="11234317009056"
34948            ref="cards[]"
34949          >
34950            
34951
34952
34953
34954<style data-shopify>
34955  
34956</style>
34957
34958
34959<product-card-link
34960    data-product-id="11234317009056"
34961    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/IMG_0322.jpg?v=1771438972&width=500"
34962    data-product-transition="true"
34963    
34964  ><product-card
34965  class="product-card"
34966  data-product-id="11234317009056"
34967  id="product-card-ARkJhYk42RE5RUXhCT__product-card-22"
34968  data-product-transition="true"
34969  
34970  
34971>
34972  <a
34973    id="2ed5a24edd68d41375459f136035e11a"
34974    
34975      href="/products/cashmere?variant=47187633406112"
34976    
34977    class="product-card__link"
34978    ref="productCardLink"
34979  >
34980    <span class="visually-hidden">
34981      CASHMERE | Sunglasses for Wide Face | Wide Fit Frames
34982    </span>
34983  </a>
34984  <div
34985    class="
34986      product-card__content
34987      layout-panel-flex
34988      layout-panel-flex--column
34989      product-grid__card
34990      spacing-style
34991      border-style
34992      gap-style
34993      
34994    "
34995    style="
34996      --border-width: 1px; --border-style: none; --border-color:
34997rgb(var(--color-border-rgb) / 1.0); --border-radius:
349980px; 
34999
35000      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
35001
35002
35003
35004--horizontal-alignment: ; --vertical-alignment: ;
35005--vertical-alignment-mobile: ;
35006
35007      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
35008      --product-card-gap: 8px;
35009      --quick-add-display: flex;
35010      --quick-add-mobile-display: flex;
35011      --quick-add-mobile-opacity: 1;
35012      
35013      
35014      
35015      
35016    "
35017  >
35018    
35019  
35020
35021
35022
35023
35024
35025<div
35026  ref="cardGallery"
35027  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-22 spacing-style border-style"
35028  style="
35029    --border-width: 1px; --border-style: none; --border-color:
35030rgb(var(--color-border-rgb) / 1.0); --border-radius:
350310px; 
35032
35033    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
35034    --gallery-aspect-ratio: 4 / 5;
35035  "
35036  data-product-id="11234317009056"
35037  
35038    on:pointerenter="/previewImage"
35039    on:pointerleave="/resetImage"
35040  
35041  
35042    data-view-transition-to-main-product
35043  
35044  data-image-ratio="portrait"
35045  
35046>
35047    <a
35048      class="contents"
35049      ref="cardGalleryLink"
35050      href="/products/cashmere?variant=47187633406112"
35051      aria-label="CASHMERE | Sunglasses for Wide Face | Wide Fit Frames"
35052    >
35053      <slideshow-component
35054  
35055    ref="slideshow"
35056  
35057  
35058  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13, --slide-14, --slide-15;--slide-min-height: auto;--slide-min-height-desktop: auto;"
35059  
35060  initial-slide="0"
35061  
35062  
35063    infinite
35064  
35065
35066  data-generic-media-size="13"
35067>
35068  
35069  <slideshow-container ref="slideshowContainer">
35070    
35071      <slideshow-arrows
35072  position="center"
35073  
35074><button
35075  class="
35076    slideshow-control slideshow-control--previous
35077    
35078    
35079    slideshow-control--style-arrow
35080    button button-unstyled button-unstyled--transparent
35081     flip-x
35082  "
35083  
35084  aria-label="Previous slide"
35085  
35086  on:click="/previous"
35087  ref="previous"
35088>
35089  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
35090</span>
35091</button>
35092<button
35093  class="
35094    slideshow-control slideshow-control--next
35095    
35096    
35097    slideshow-control--style-arrow
35098    button button-unstyled button-unstyled--transparent
35099    
35100  "
35101  
35102  aria-label="Next slide"
35103  
35104  on:click="/next"
35105  ref="next"
35106>
35107  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
35108</span>
35109</button>
35110</slideshow-arrows>
35111
35112    
35113    
35114    <slideshow-slides
35115      tabindex="-1"
35116      ref="scroller"
35117      
35118    >
35119      <slideshow-slide
35120  ref="slides[]"
35121  aria-hidden="false"
35122  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
35123  
35124    class="product-media-container media-fit product-media-container--image"
35125  
35126  
35127  
35128  
35129    slide-id="38875075444896"
35130  
35131  
35132  
35133  
35134>
35135  
35136
35137<div
35138  class="product-media"
35139  style="--ratio: 0.6666666666666666"
35140  data-media-id="38875075444896"
35141>
35142  
35143  <img src="//www.solkyst.ca/cdn/shop/files/98FA1395-909D-46A1-BCD6-FA6E0E5C3629_1.png?v=1767378871&amp;width=3840" alt="CASHMERE | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/98FA1395-909D-46A1-BCD6-FA6E0E5C3629_1.png?v=1767378871&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/98FA1395-909D-46A1-BCD6-FA6E0E5C3629_1.png?v=1767378871&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/98FA1395-909D-46A1-BCD6-FA6E0E5C3629_1.png?v=1767378871&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/98FA1395-909D-46A1-BCD6-FA6E0E5C3629_1.png?v=1767378871&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/98FA1395-909D-46A1-BCD6-FA6E0E5C3629_1.png?v=1767378871&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/98FA1395-909D-46A1-BCD6-FA6E0E5C3629_1.png?v=1767378871&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/98FA1395-909D-46A1-BCD6-FA6E0E5C3629_1.png?v=1767378871&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/98FA1395-909D-46A1-BCD6-FA6E0E5C3629_1.png?v=1767378871&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/98FA1395-909D-46A1-BCD6-FA6E0E5C3629_1.png?v=1767378871&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
35144
35145  
35146</div>
35147
35148
35149
35150</slideshow-slide>
35151<slideshow-slide
35152  ref="slides[]"
35153  aria-hidden="true"
35154  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
35155  
35156    class="product-media-container media-fit product-media-container--image"
35157  
35158  
35159  
35160  
35161    slide-id="39217872011424"
35162  
35163  
35164  
35165  
35166>
35167  
35168
35169<div
35170  class="product-media"
35171  style="--ratio: 0.6666666666666666"
35172  data-media-id="39217872011424"
35173>
35174  
35175  <img src="//www.solkyst.ca/cdn/shop/files/Cashmere_side_image.png?v=1771438972&amp;width=3840" alt="Beige sunglasses with a brand logo on a white background" srcset="//www.solkyst.ca/cdn/shop/files/Cashmere_side_image.png?v=1771438972&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Cashmere_side_image.png?v=1771438972&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Cashmere_side_image.png?v=1771438972&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Cashmere_side_image.png?v=1771438972&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Cashmere_side_image.png?v=1771438972&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Cashmere_side_image.png?v=1771438972&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Cashmere_side_image.png?v=1771438972&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Cashmere_side_image.png?v=1771438972&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Cashmere_side_image.png?v=1771438972&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
35176
35177  
35178</div>
35179
35180
35181
35182</slideshow-slide>
35183<slideshow-slide
35184  ref="slides[]"
35185  aria-hidden="true"
35186  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
35187  
35188    class="product-media-container media-fit product-media-container--image"
35189  
35190  variant-image
35191  
35192  
35193    slide-id="38023733084320"
35194  
35195  
35196    hidden
35197  
35198  
35199  variant-image
35200>
35201  
35202
35203<div
35204  class="product-media"
35205  style="--ratio: 0.7998345740281224"
35206  data-media-id="38023733084320"
35207>
35208  
35209  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0322.jpg?v=1771438972&amp;width=3840" alt="CASHMERE | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0322.jpg?v=1771438972&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0322.jpg?v=1771438972&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0322.jpg?v=1771438972&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0322.jpg?v=1771438972&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0322.jpg?v=1771438972&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0322.jpg?v=1771438972&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0322.jpg?v=1771438972&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0322.jpg?v=1771438972&amp;width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0322.jpg?v=1771438972&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
35210
35211  
35212</div>
35213
35214
35215
35216</slideshow-slide>
35217<slideshow-slide
35218  ref="slides[]"
35219  aria-hidden="true"
35220  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
35221  
35222    class="product-media-container media-fit product-media-container--image"
35223  
35224  
35225  
35226  
35227    slide-id="38108841672864"
35228  
35229  
35230  
35231  
35232>
35233  
35234
35235<div
35236  class="product-media"
35237  style="--ratio: 0.8003280032800328"
35238  data-media-id="38108841672864"
35239>
35240  
35241  <img src="//www.solkyst.ca/cdn/shop/files/IMG_1453.jpg?v=1771438972&amp;width=3840" alt="CASHMERE | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_1453.jpg?v=1771438972&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_1453.jpg?v=1771438972&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_1453.jpg?v=1771438972&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_1453.jpg?v=1771438972&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_1453.jpg?v=1771438972&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_1453.jpg?v=1771438972&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_1453.jpg?v=1771438972&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_1453.jpg?v=1771438972&amp;width=3840 3840w" width="3840" height="4798" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_1453.jpg?v=1771438972&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
35242
35243  
35244</div>
35245
35246
35247
35248</slideshow-slide>
35249<slideshow-slide
35250  ref="slides[]"
35251  aria-hidden="true"
35252  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
35253  
35254    class="product-media-container media-fit product-media-container--image"
35255  
35256  variant-image
35257  
35258  
35259    slide-id="38108817522848"
35260  
35261  
35262    hidden
35263  
35264  
35265  variant-image
35266>
35267  
35268
35269<div
35270  class="product-media"
35271  style="--ratio: 0.7999299229152067"
35272  data-media-id="38108817522848"
35273>
35274  
35275  <img src="//www.solkyst.ca/cdn/shop/files/IMG_1092_29d0106b-7d06-4a50-9fa5-947908b8a7a3.jpg?v=1771438972&amp;width=3840" alt="CASHMERE | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_1092_29d0106b-7d06-4a50-9fa5-947908b8a7a3.jpg?v=1771438972&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_1092_29d0106b-7d06-4a50-9fa5-947908b8a7a3.jpg?v=1771438972&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_1092_29d0106b-7d06-4a50-9fa5-947908b8a7a3.jpg?v=1771438972&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_1092_29d0106b-7d06-4a50-9fa5-947908b8a7a3.jpg?v=1771438972&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_1092_29d0106b-7d06-4a50-9fa5-947908b8a7a3.jpg?v=1771438972&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_1092_29d0106b-7d06-4a50-9fa5-947908b8a7a3.jpg?v=1771438972&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_1092_29d0106b-7d06-4a50-9fa5-947908b8a7a3.jpg?v=1771438972&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_1092_29d0106b-7d06-4a50-9fa5-947908b8a7a3.jpg?v=1771438972&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_1092_29d0106b-7d06-4a50-9fa5-947908b8a7a3.jpg?v=1771438972&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
35276
35277  
35278</div>
35279
35280
35281
35282</slideshow-slide>
35283<slideshow-slide
35284  ref="slides[]"
35285  aria-hidden="true"
35286  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
35287  
35288    class="product-media-container media-fit product-media-container--image"
35289  
35290  
35291  
35292  
35293    slide-id="38042418086048"
35294  
35295  
35296  
35297  
35298>
35299  
35300
35301<div
35302  class="product-media"
35303  style="--ratio: 0.799937965260546"
35304  data-media-id="38042418086048"
35305>
35306  
35307  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0720.jpg?v=1771438972&amp;width=3840" alt="CASHMERE | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0720.jpg?v=1771438972&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0720.jpg?v=1771438972&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0720.jpg?v=1771438972&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0720.jpg?v=1771438972&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0720.jpg?v=1771438972&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0720.jpg?v=1771438972&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0720.jpg?v=1771438972&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0720.jpg?v=1771438972&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0720.jpg?v=1771438972&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
35308
35309  
35310</div>
35311
35312
35313
35314</slideshow-slide>
35315<slideshow-slide
35316  ref="slides[]"
35317  aria-hidden="true"
35318  style="--slideshow-timeline: --slide-6; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
35319  
35320    class="product-media-container media-fit product-media-container--image"
35321  
35322  
35323  
35324  
35325    slide-id="31036326641824"
35326  
35327  
35328  
35329  
35330>
35331  
35332
35333<div
35334  class="product-media"
35335  style="--ratio: 0.8"
35336  data-media-id="31036326641824"
35337>
35338  
35339  <img src="//www.solkyst.ca/cdn/shop/files/0329C773-C120-456C-A6FB-3469B251F2C9_ca55be14-6004-4a61-b802-29ab163ba898.jpg?v=1771438972&amp;width=3840" alt="Out of focus model holding beige rectangular sunglasses with brown lenses." srcset="//www.solkyst.ca/cdn/shop/files/0329C773-C120-456C-A6FB-3469B251F2C9_ca55be14-6004-4a61-b802-29ab163ba898.jpg?v=1771438972&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/0329C773-C120-456C-A6FB-3469B251F2C9_ca55be14-6004-4a61-b802-29ab163ba898.jpg?v=1771438972&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/0329C773-C120-456C-A6FB-3469B251F2C9_ca55be14-6004-4a61-b802-29ab163ba898.jpg?v=1771438972&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/0329C773-C120-456C-A6FB-3469B251F2C9_ca55be14-6004-4a61-b802-29ab163ba898.jpg?v=1771438972&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/0329C773-C120-456C-A6FB-3469B251F2C9_ca55be14-6004-4a61-b802-29ab163ba898.jpg?v=1771438972&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/0329C773-C120-456C-A6FB-3469B251F2C9_ca55be14-6004-4a61-b802-29ab163ba898.jpg?v=1771438972&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/0329C773-C120-456C-A6FB-3469B251F2C9_ca55be14-6004-4a61-b802-29ab163ba898.jpg?v=1771438972&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/0329C773-C120-456C-A6FB-3469B251F2C9_ca55be14-6004-4a61-b802-29ab163ba898.jpg?v=1771438972&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/0329C773-C120-456C-A6FB-3469B251F2C9_ca55be14-6004-4a61-b802-29ab163ba898.jpg?v=1771438972&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
35340
35341  
35342</div>
35343
35344
35345
35346</slideshow-slide>
35347
35348    </slideshow-slides>
35349  </slideshow-container>
35350  
35351</slideshow-component>
35352
35353
35354
35355    </a>
35356  
35357  
35358    <div
35359      class="product-badges product-badges--top-left"
35360      style="
35361        --badge-border-radius: 0px;
35362        --badge-font-family: var(--font-body--family);
35362 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
35363      "
35364    ></div>
35365    
35366      
35367
35368<quick-add-component
35369  class="quick-add color-scheme-4 "
35370  ref="quickAdd"
35371  data-product-title="CASHMERE | Sunglasses for Wide Face | Wide Fit Frames"
35372  data-quick-add-button="choose"
35373  data-product-options-count="1"
35374>
35375  <product-form-component
35376    data-section-id="template--28980150370464__main"
35377    data-product-id="11234317009056"
35378    on:submit="/handleSubmit"
35379    class="quick-add__product-form-component"
35380  >
35381    <div
35382      class="visually-hidden"
35383      aria-live="assertive"
35384      role="status"
35385      aria-atomic="true"
35386      ref="liveRegion"
35387    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11234317009056-AVkVHRmZuS1U2YVZuU__card-gallery-22" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
35388        type="hidden"
35389        name="id"
35390        ref="variantId"
35391        value="47187633406112"
35392        
35393      >
35394      <input
35395        type="hidden"
35396        name="quantity"
35397        value="1"
35398      >
35399      
35400      <add-to-cart-component
35401  ref="addToCartButtonContainer"
35402  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/IMG_0322.jpg?v=1771438972&width=100"
35403  data-add-to-cart-animation="true"
35404>
35405  <button
35406    
35407    type="submit"
35408    name="add"
35409    ref="addToCartButton"
35410    on:click="/handleClick"
35411    class="button button quick-add__button quick-add__button--add add-to-cart-button"
35412    
35413    
35414  >
35415    <span
35416      class="add-to-cart-text"
35417    >
35418      
35419        <span
35420          aria-hidden="true"
35421          class="svg-wrapper add-to-cart-icon"
35422        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
35423</span>
35424      
35425      <span class="add-to-cart-text__content is-visually-hidden-mobile">
35426        <span>
35427          <span>Add</span>
35428        </span>
35429      </span>
35430    </span>
35431    
35432    <span class="add-to-cart__added">
35433      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
35434  <g class="check">
35435    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
35436    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
35437  </g>
35438  <g class="burst">
35439    <g style="--index: 0;">
35440      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
35441    </g>
35442    <g style="--index: 1;">
35443      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
35444    </g>
35445    <g style="--index: 2;">
35446      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
35447    </g>
35448    <g style="--index: 3;">
35449      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
35450    </g>
35451    <g style="--index: 4;">
35452      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
35453    </g>
35454    <g style="--index: 5;">
35455      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
35456    </g>
35457    <g style="--index: 6;">
35458      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
35459    </g>
35460    <g style="--index: 7;">
35461      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
35462    </g>
35463  </g>
35464</svg>
35465</span>
35466    </span>
35467  </button>
35468</add-to-cart-component>
35469
35470
35471
35472
35473      <button
35474        class="button quick-add__button quick-add__button--choose add-to-cart-button"
35475        
35476        type="button"
35477        name="add"
35478        on:click="quick-add-component/handleClick"
35479      >
35480        <span
35481          class="add-to-cart-text quick-add__button-content"
35482        >
35483          
35484          <span
35485            aria-hidden="true"
35486            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
35487          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
35488</span>
35489          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
35490            <span>
35491              
35492              <span>
35493                Choose
35494              </span>
35495            </span>
35496          </span>
35497        </span>
35498      </button><input type="hidden" name="product-id" value="11234317009056" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
35499</quick-add-component>
35500
35501
35502
35503    
35504  
35505
35506</div>
35507
35508
35509
35510
35511
35512<div class="product-grid-view-zoom-out--details">
35513  
35514    <h3 class="h4">CASHMERE | Sunglasses for Wide Face | Wide Fit Frames</h3>
35515  
35516</div>
35517
35518
35519
35520
35521
35522
35523<div
35524  class="
35525    group-block
35526    
35527    group-block--height-fit
35528    group-block--width-fill
35529    border-style
35530    spacing-style
35531    size-style
35532    
35533    
35534  "
35535  style="
35536    --border-width: 1px; --border-style: none; --border-color:
35537rgb(var(--color-border-rgb) / 1.0); --border-radius:
355380px; 
35539
35540    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
35541    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
35542    
35543  "
35544  
35545  data-testid="group-block"
35546><div class="group-block__media-wrapper">
35547    
35548
35549
35550
35551    
35552  </div>
35553
35554  <div
35555    class="
35556      group-block-content
35557      
35558      layout-panel-flex
35559      layout-panel-flex--row
35560       mobile-column
35561    "
35562    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
35563
35564--gap: 12px;
35565
35566--horizontal-alignment: space-between; --vertical-alignment: flex-start;
35567--vertical-alignment-mobile: flex-start;
35568"
35569  >
35570  
35571
35572<div
35573  class="
35574    group-block
35575    
35576    group-block--height-fit
35577    group-block--width-fill
35578    border-style
35579    spacing-style
35580    size-style
35581    
35582    
35583  "
35584  style="
35585    --border-width: 1px; --border-style: none; --border-color:
35586rgb(var(--color-border-rgb) / 1.0); --border-radius:
355870px; 
35588
35589    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
35590    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
35591    
35592  "
35593  
35594  data-testid="group-block"
35595><div class="group-block__media-wrapper">
35596    
35597
35598
35599
35600    
35601  </div>
35602
35603  <div
35604    class="
35605      group-block-content
35606      
35607      layout-panel-flex
35608      layout-panel-flex--column
35609       mobile-column
35610    "
35611    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
35612
35613--gap: 0px;
35614
35615--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
35616--vertical-alignment-mobile: flex-start;
35617"
35618  >
35619  
35620  
35621  <a
35622    class="contents user-select-text"
35623    ref="productTitleLink"
35624    href="/products/cashmere?variant=47187633406112"
35625  >
35626    
35627
35628
35629
35630
35631
35632
35633  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-22 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
35634    <p>CASHMERE | Sunglasses for Wide Face | Wide Fit Frames</p>
35635  </div>
35636
35637
35638
35639
35640  </a>
35641
35642
35643
35644
35645
35646<product-price
35647  class="text-block text-block--align-left text-left h5 spacing-style"
35648  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-22"
35649  data-product-id="11234317009056"
35650  style="
35651    
35652--color: var(--color-foreground);
35653    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
35654    --width: 100%;
35655  "
35656  
35657>
35658  <div ref="priceContainer">
35659  
35660    
35661    
35662
35663    
35664      <span class="price">$190.00</span>
35665    
35666
35667    
35668  
35669</div>
35670
35671  
35672</product-price>
35673
35674
35675
35676
35677
35678
35679
35680</div>
35681</div>
35682
35683
35684
35685
35686
35687
35688<div
35689  class="
35690    group-block
35691    
35692    group-block--height-fit
35693    group-block--width-fill
35694    border-style
35695    spacing-style
35696    size-style
35697    
35698    
35699  "
35700  style="
35701    --border-width: 1px; --border-style: none; --border-color:
35702rgb(var(--color-border-rgb) / 1.0); --border-radius:
357030px; 
35704
35705    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
35706    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
35707    
35708  "
35709  
35710  data-testid="group-block"
35711><div class="group-block__media-wrapper">
35712    
35713
35714
35715
35716    
35717  </div>
35718
35719  <div
35720    class="
35721      group-block-content
35722      
35723      layout-panel-flex
35724      layout-panel-flex--column
35725       mobile-column
35726    "
35727    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
35728
35729--gap: 0px;
35730
35731--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
35732--vertical-alignment-mobile: flex-start;
35733"
35734  >
35735  
35736
35737
35738
35739
35740
35741
35742
35743</div>
35744</div>
35745
35746
35747
35748
35749
35750</div>
35751</div>
35752
35753
35754
35755
35756
35757
35758  </div>
35759</product-card></product-card-link>
35760
35761
35762
35763
35764          </li>
35765        
35766          <li
35767            id="template--28980150370464__main-7008300335264"
35768            class="product-grid__item product-grid__item--23"
35769            data-page="1"
35770            data-product-id="7008300335264"
35771            ref="cards[]"
35772          >
35773            
35774
35775
35776
35777<style data-shopify>
35778  
35779</style>
35780
35781
35782<product-card-link
35783    data-product-id="7008300335264"
35784    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/IMG_1529.jpg?v=1767377998&width=500"
35785    data-product-transition="true"
35786    
35787  ><product-card
35788  class="product-card"
35789  data-product-id="7008300335264"
35790  id="product-card-ARkJhYk42RE5RUXhCT__product-card-23"
35791  data-product-transition="true"
35792  
35793  
35794>
35795  <a
35796    id="25878cd66f35d0d3c339722571e0fe50"
35797    
35798      href="/products/charli?variant=48119977803936"
35799    
35800    class="product-card__link"
35801    ref="productCardLink"
35802  >
35803    <span class="visually-hidden">
35804      CHARLI | Sunglasses for Wide Face | Wide Fit Frames
35805    </span>
35806  </a>
35807  <div
35808    class="
35809      product-card__content
35810      layout-panel-flex
35811      layout-panel-flex--column
35812      product-grid__card
35813      spacing-style
35814      border-style
35815      gap-style
35816      
35817    "
35818    style="
35819      --border-width: 1px; --border-style: none; --border-color:
35820rgb(var(--color-border-rgb) / 1.0); --border-radius:
358210px; 
35822
35823      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
35824
35825
35826
35827--horizontal-alignment: ; --vertical-alignment: ;
35828--vertical-alignment-mobile: ;
35829
35830      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
35831      --product-card-gap: 8px;
35832      --quick-add-display: flex;
35833      --quick-add-mobile-display: flex;
35834      --quick-add-mobile-opacity: 1;
35835      
35836      
35837      
35838      
35839    "
35840  >
35841    
35842  
35843
35844
35845
35846
35847
35848<div
35849  ref="cardGallery"
35850  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-23 spacing-style border-style"
35851  style="
35852    --border-width: 1px; --border-style: none; --border-color:
35853rgb(var(--color-border-rgb) / 1.0); --border-radius:
358540px; 
35855
35856    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
35857    --gallery-aspect-ratio: 4 / 5;
35858  "
35859  data-product-id="7008300335264"
35860  
35861    on:pointerenter="/previewImage"
35862    on:pointerleave="/resetImage"
35863  
35864  
35865    data-view-transition-to-main-product
35866  
35867  data-image-ratio="portrait"
35868  
35869>
35870    <a
35871      class="contents"
35872      ref="cardGalleryLink"
35873      href="/products/charli?variant=48119977803936"
35874      aria-label="CHARLI | Sunglasses for Wide Face | Wide Fit Frames"
35875    >
35876      <slideshow-component
35877  
35878    ref="slideshow"
35879  
35880  
35881  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;--slide-min-height: auto;--slide-min-height-desktop: auto;"
35882  
35883  initial-slide="0"
35884  
35885  
35886    infinite
35887  
35888
35889  data-generic-media-size="6"
35890>
35891  
35892  <slideshow-container ref="slideshowContainer">
35893    
35894      <slideshow-arrows
35895  position="center"
35896  
35897><button
35898  class="
35899    slideshow-control slideshow-control--previous
35900    
35901    
35902    slideshow-control--style-arrow
35903    button button-unstyled button-unstyled--transparent
35904     flip-x
35905  "
35906  
35907  aria-label="Previous slide"
35908  
35909  on:click="/previous"
35910  ref="previous"
35911>
35912  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
35913</span>
35914</button>
35915<button
35916  class="
35917    slideshow-control slideshow-control--next
35918    
35919    
35920    slideshow-control--style-arrow
35921    button button-unstyled button-unstyled--transparent
35922    
35923  "
35924  
35925  aria-label="Next slide"
35926  
35927  on:click="/next"
35928  ref="next"
35929>
35930  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
35931</span>
35932</button>
35933</slideshow-arrows>
35934
35935    
35936    
35937    <slideshow-slides
35938      tabindex="-1"
35939      ref="scroller"
35940      
35941    >
35942      <slideshow-slide
35943  ref="slides[]"
35944  aria-hidden="false"
35945  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
35946  
35947    class="product-media-container media-fit product-media-container--image"
35948  
35949  
35950  
35951  
35952    slide-id="28963198075040"
35953  
35954  
35955  
35956  
35957>
35958  
35959
35960<div
35961  class="product-media"
35962  style="--ratio: 0.6666666666666666"
35963  data-media-id="28963198075040"
35964>
35965  
35966  <img src="//www.solkyst.ca/cdn/shop/files/8_a0c2bdcd-364d-4dd7-a8d1-dd81f0933cef.png?v=1766799884&amp;width=3840" alt="rose gold women&#39;s aviator sunglasses with red tinted lenses - front view." srcset="//www.solkyst.ca/cdn/shop/files/8_a0c2bdcd-364d-4dd7-a8d1-dd81f0933cef.png?v=1766799884&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/8_a0c2bdcd-364d-4dd7-a8d1-dd81f0933cef.png?v=1766799884&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/8_a0c2bdcd-364d-4dd7-a8d1-dd81f0933cef.png?v=1766799884&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/8_a0c2bdcd-364d-4dd7-a8d1-dd81f0933cef.png?v=1766799884&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/8_a0c2bdcd-364d-4dd7-a8d1-dd81f0933cef.png?v=1766799884&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/8_a0c2bdcd-364d-4dd7-a8d1-dd81f0933cef.png?v=1766799884&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/8_a0c2bdcd-364d-4dd7-a8d1-dd81f0933cef.png?v=1766799884&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/8_a0c2bdcd-364d-4dd7-a8d1-dd81f0933cef.png?v=1766799884&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/8_a0c2bdcd-364d-4dd7-a8d1-dd81f0933cef.png?v=1766799884&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
35967
35968  
35969</div>
35970
35971
35972
35973</slideshow-slide>
35974<slideshow-slide
35975  ref="slides[]"
35976  aria-hidden="true"
35977  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
35978  
35979    class="product-media-container media-fit product-media-container--image"
35980  
35981  
35982  
35983  
35984    slide-id="38875022393504"
35985  
35986  
35987  
35988  
35989>
35990  
35991
35992<div
35993  class="product-media"
35994  style="--ratio: 0.6666666666666666"
35995  data-media-id="38875022393504"
35996>
35997  
35998  <img src="//www.solkyst.ca/cdn/shop/files/8_2f907053-5cf9-4b8a-bd63-f886417ea42a.png?v=1767377998&amp;width=3840" alt="CHARLI | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/8_2f907053-5cf9-4b8a-bd63-f886417ea42a.png?v=1767377998&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/8_2f907053-5cf9-4b8a-bd63-f886417ea42a.png?v=1767377998&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/8_2f907053-5cf9-4b8a-bd63-f886417ea42a.png?v=1767377998&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/8_2f907053-5cf9-4b8a-bd63-f886417ea42a.png?v=1767377998&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/8_2f907053-5cf9-4b8a-bd63-f886417ea42a.png?v=1767377998&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/8_2f907053-5cf9-4b8a-bd63-f886417ea42a.png?v=1767377998&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/8_2f907053-5cf9-4b8a-bd63-f886417ea42a.png?v=1767377998&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/8_2f907053-5cf9-4b8a-bd63-f886417ea42a.png?v=1767377998&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/8_2f907053-5cf9-4b8a-bd63-f886417ea42a.png?v=1767377998&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
35999
36000  
36001</div>
36002
36003
36004
36005</slideshow-slide>
36006<slideshow-slide
36007  ref="slides[]"
36008  aria-hidden="true"
36009  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
36010  
36011    class="product-media-container media-fit product-media-container--image"
36012  
36013  variant-image
36014  
36015  
36016    slide-id="38108841738400"
36017  
36018  
36019    hidden
36020  
36021  
36022  variant-image
36023>
36024  
36025
36026<div
36027  class="product-media"
36028  style="--ratio: 0.8001707941929974"
36029  data-media-id="38108841738400"
36030>
36031  
36032  <img src="//www.solkyst.ca/cdn/shop/files/IMG_1529.jpg?v=1767377998&amp;width=3840" alt="Woman wearing a brown tank top and sunglasses with a beige background" srcset="//www.solkyst.ca/cdn/shop/files/IMG_1529.jpg?v=1767377998&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_1529.jpg?v=1767377998&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_1529.jpg?v=1767377998&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_1529.jpg?v=1767377998&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_1529.jpg?v=1767377998&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_1529.jpg?v=1767377998&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_1529.jpg?v=1767377998&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_1529.jpg?v=1767377998&amp;width=3840 3840w" width="3840" height="4799" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_1529.jpg?v=1767377998&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
36033
36034  
36035</div>
36036
36037
36038
36039</slideshow-slide>
36040<slideshow-slide
36041  ref="slides[]"
36042  aria-hidden="true"
36043  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
36044  
36045    class="product-media-container media-fit product-media-container--image"
36046  
36047  
36048  
36049  
36050    slide-id="38023733149856"
36051  
36052  
36053  
36054  
36055>
36056  
36057
36058<div
36059  class="product-media"
36060  style="--ratio: 0.8"
36061  data-media-id="38023733149856"
36062>
36063  
36064  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0416.jpg?v=1767377998&amp;width=3840" alt="CHARLI | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0416.jpg?v=1767377998&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0416.jpg?v=1767377998&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0416.jpg?v=1767377998&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0416.jpg?v=1767377998&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0416.jpg?v=1767377998&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0416.jpg?v=1767377998&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0416.jpg?v=1767377998&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0416.jpg?v=1767377998&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0416.jpg?v=1767377998&amp;width=3840" fetchpriority="auto" style="--focal-point: 49.7749% 31.4891%;">
36065
36066  
36067</div>
36068
36069
36070
36071</slideshow-slide>
36072<slideshow-slide
36073  ref="slides[]"
36074  aria-hidden="true"
36075  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
36076  
36077    class="product-media-container media-fit product-media-container--image"
36078  
36079  
36080  
36081  
36082    slide-id="32383632769184"
36083  
36084  
36085  
36086  
36087>
36088  
36089
36090<div
36091  class="product-media"
36092  style="--ratio: 1.0"
36093  data-media-id="32383632769184"
36094>
36095  
36096  <img src="//www.solkyst.ca/cdn/shop/files/Charli_c095071c-df3d-49f1-8843-e59ad23a1694.jpg?v=1767377998&amp;width=3840" alt="Rose gold women&#39;s aviator sunglasses in front of case and product box." srcset="//www.solkyst.ca/cdn/shop/files/Charli_c095071c-df3d-49f1-8843-e59ad23a1694.jpg?v=1767377998&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Charli_c095071c-df3d-49f1-8843-e59ad23a1694.jpg?v=1767377998&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Charli_c095071c-df3d-49f1-8843-e59ad23a1694.jpg?v=1767377998&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Charli_c095071c-df3d-49f1-8843-e59ad23a1694.jpg?v=1767377998&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Charli_c095071c-df3d-49f1-8843-e59ad23a1694.jpg?v=1767377998&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Charli_c095071c-df3d-49f1-8843-e59ad23a1694.jpg?v=1767377998&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Charli_c095071c-df3d-49f1-8843-e59ad23a1694.jpg?v=1767377998&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Charli_c095071c-df3d-49f1-8843-e59ad23a1694.jpg?v=1767377998&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Charli_c095071c-df3d-49f1-8843-e59ad23a1694.jpg?v=1767377998&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
36097
36098  
36099</div>
36100
36101
36102
36103</slideshow-slide>
36104<slideshow-slide
36105  ref="slides[]"
36106  aria-hidden="true"
36107  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
36108  
36109    class="product-media-container media-fit product-media-container--image"
36110  
36111  
36112  
36113  
36114    slide-id="32383628771488"
36115  
36116  
36117  
36118  
36119>
36120  
36121
36122<div
36123  class="product-media"
36124  style="--ratio: 1.0"
36125  data-media-id="32383628771488"
36126>
36127  
36128  <img src="//www.solkyst.ca/cdn/shop/files/Charli.jpg?v=1767377998&amp;width=3840" alt="Sol Kyst aviator sunglasses with gold metal frames, tortoise temple tips, and gradient brown lenses, displayed from multiple angles." srcset="//www.solkyst.ca/cdn/shop/files/Charli.jpg?v=1767377998&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Charli.jpg?v=1767377998&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Charli.jpg?v=1767377998&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Charli.jpg?v=1767377998&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Charli.jpg?v=1767377998&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Charli.jpg?v=1767377998&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Charli.jpg?v=1767377998&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Charli.jpg?v=1767377998&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Charli.jpg?v=1767377998&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
36129
36130  
36131</div>
36132
36133
36134
36135</slideshow-slide>
36136
36137    </slideshow-slides>
36138  </slideshow-container>
36139  
36140</slideshow-component>
36141
36142
36143
36144    </a>
36145  
36146  
36147    <div
36148      class="product-badges product-badges--top-left"
36149      style="
36150        --badge-border-radius: 0px;
36151        --badge-font-family: var(--font-body--family);
36151 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
36152      "
36153    ></div>
36154    
36155      
36156
36157<quick-add-component
36158  class="quick-add color-scheme-4 "
36159  ref="quickAdd"
36160  data-product-title="CHARLI | Sunglasses for Wide Face | Wide Fit Frames"
36161  data-quick-add-button="add"
36162  data-product-options-count="1"
36163>
36164  <product-form-component
36165    data-section-id="template--28980150370464__main"
36166    data-product-id="7008300335264"
36167    on:submit="/handleSubmit"
36168    class="quick-add__product-form-component"
36169  >
36170    <div
36171      class="visually-hidden"
36172      aria-live="assertive"
36173      role="status"
36174      aria-atomic="true"
36175      ref="liveRegion"
36176    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-7008300335264-AVkVHRmZuS1U2YVZuU__card-gallery-23" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
36177        type="hidden"
36178        name="id"
36179        ref="variantId"
36180        value="48119977803936"
36181        
36182      >
36183      <input
36184        type="hidden"
36185        name="quantity"
36186        value="1"
36187      >
36188      
36189      <add-to-cart-component
36190  ref="addToCartButtonContainer"
36191  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/IMG_1529.jpg?v=1767377998&width=100"
36192  data-add-to-cart-animation="true"
36193>
36194  <button
36195    
36196    type="submit"
36197    name="add"
36198    ref="addToCartButton"
36199    on:click="/handleClick"
36200    class="button button quick-add__button quick-add__button--add add-to-cart-button"
36201    
36202    
36203  >
36204    <span
36205      class="add-to-cart-text"
36206    >
36207      
36208        <span
36209          aria-hidden="true"
36210          class="svg-wrapper add-to-cart-icon"
36211        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
36212</span>
36213      
36214      <span class="add-to-cart-text__content is-visually-hidden-mobile">
36215        <span>
36216          <span>Add</span>
36217        </span>
36218      </span>
36219    </span>
36220    
36221    <span class="add-to-cart__added">
36222      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
36223  <g class="check">
36224    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
36225    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
36226  </g>
36227  <g class="burst">
36228    <g style="--index: 0;">
36229      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
36230    </g>
36231    <g style="--index: 1;">
36232      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
36233    </g>
36234    <g style="--index: 2;">
36235      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
36236    </g>
36237    <g style="--index: 3;">
36238      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
36239    </g>
36240    <g style="--index: 4;">
36241      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
36242    </g>
36243    <g style="--index: 5;">
36244      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
36245    </g>
36246    <g style="--index: 6;">
36247      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
36248    </g>
36249    <g style="--index: 7;">
36250      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
36251    </g>
36252  </g>
36253</svg>
36254</span>
36255    </span>
36256  </button>
36257</add-to-cart-component>
36258
36259
36260
36261
36262      <button
36263        class="button quick-add__button quick-add__button--choose add-to-cart-button"
36264        
36265        type="button"
36266        name="add"
36267        on:click="quick-add-component/handleClick"
36268      >
36269        <span
36270          class="add-to-cart-text quick-add__button-content"
36271        >
36272          
36273          <span
36274            aria-hidden="true"
36275            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
36276          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
36277</span>
36278          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
36279            <span>
36280              
36281              <span>
36282                Choose
36283              </span>
36284            </span>
36285          </span>
36286        </span>
36287      </button><input type="hidden" name="product-id" value="7008300335264" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
36288</quick-add-component>
36289
36290
36291
36292    
36293  
36294
36295</div>
36296
36297
36298
36299
36300
36301<div class="product-grid-view-zoom-out--details">
36302  
36303    <h3 class="h4">CHARLI | Sunglasses for Wide Face | Wide Fit Frames</h3>
36304  
36305</div>
36306
36307
36308
36309
36310
36311
36312<div
36313  class="
36314    group-block
36315    
36316    group-block--height-fit
36317    group-block--width-fill
36318    border-style
36319    spacing-style
36320    size-style
36321    
36322    
36323  "
36324  style="
36325    --border-width: 1px; --border-style: none; --border-color:
36326rgb(var(--color-border-rgb) / 1.0); --border-radius:
363270px; 
36328
36329    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
36330    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
36331    
36332  "
36333  
36334  data-testid="group-block"
36335><div class="group-block__media-wrapper">
36336    
36337
36338
36339
36340    
36341  </div>
36342
36343  <div
36344    class="
36345      group-block-content
36346      
36347      layout-panel-flex
36348      layout-panel-flex--row
36349       mobile-column
36350    "
36351    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
36352
36353--gap: 12px;
36354
36355--horizontal-alignment: space-between; --vertical-alignment: flex-start;
36356--vertical-alignment-mobile: flex-start;
36357"
36358  >
36359  
36360
36361<div
36362  class="
36363    group-block
36364    
36365    group-block--height-fit
36366    group-block--width-fill
36367    border-style
36368    spacing-style
36369    size-style
36370    
36371    
36372  "
36373  style="
36374    --border-width: 1px; --border-style: none; --border-color:
36375rgb(var(--color-border-rgb) / 1.0); --border-radius:
363760px; 
36377
36378    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
36379    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
36380    
36381  "
36382  
36383  data-testid="group-block"
36384><div class="group-block__media-wrapper">
36385    
36386
36387
36388
36389    
36390  </div>
36391
36392  <div
36393    class="
36394      group-block-content
36395      
36396      layout-panel-flex
36397      layout-panel-flex--column
36398       mobile-column
36399    "
36400    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
36401
36402--gap: 0px;
36403
36404--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
36405--vertical-alignment-mobile: flex-start;
36406"
36407  >
36408  
36409  
36410  <a
36411    class="contents user-select-text"
36412    ref="productTitleLink"
36413    href="/products/charli?variant=48119977803936"
36414  >
36415    
36416
36417
36418
36419
36420
36421
36422  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-23 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
36423    <p>CHARLI | Sunglasses for Wide Face | Wide Fit Frames</p>
36424  </div>
36425
36426
36427
36428
36429  </a>
36430
36431
36432
36433
36434
36435<product-price
36436  class="text-block text-block--align-left text-left h5 spacing-style"
36437  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-23"
36438  data-product-id="7008300335264"
36439  style="
36440    
36441--color: var(--color-foreground);
36442    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
36443    --width: 100%;
36444  "
36445  
36446>
36447  <div ref="priceContainer">
36448  
36449    
36450    
36451
36452    
36453      <span class="price">$180.00</span>
36454    
36455
36456    
36457  
36458</div>
36459
36460  
36461</product-price>
36462
36463
36464
36465
36466
36467
36468
36469</div>
36470</div>
36471
36472
36473
36474
36475
36476
36477<div
36478  class="
36479    group-block
36480    
36481    group-block--height-fit
36482    group-block--width-fill
36483    border-style
36484    spacing-style
36485    size-style
36486    
36487    
36488  "
36489  style="
36490    --border-width: 1px; --border-style: none; --border-color:
36491rgb(var(--color-border-rgb) / 1.0); --border-radius:
364920px; 
36493
36494    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
36495    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
36496    
36497  "
36498  
36499  data-testid="group-block"
36500><div class="group-block__media-wrapper">
36501    
36502
36503
36504
36505    
36506  </div>
36507
36508  <div
36509    class="
36510      group-block-content
36511      
36512      layout-panel-flex
36513      layout-panel-flex--column
36514       mobile-column
36515    "
36516    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
36517
36518--gap: 0px;
36519
36520--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
36521--vertical-alignment-mobile: flex-start;
36522"
36523  >
36524  
36525
36526
36527
36528
36529
36530
36531
36532</div>
36533</div>
36534
36535
36536
36537
36538
36539</div>
36540</div>
36541
36542
36543
36544
36545
36546
36547  </div>
36548</product-card></product-card-link>
36549
36550
36551
36552
36553          </li>
36554        
36555          <li
36556            id="template--28980150370464__main-15694895939744"
36557            class="product-grid__item product-grid__item--24"
36558            data-page="1"
36559            data-product-id="15694895939744"
36560            ref="cards[]"
36561          >
36562            
36563
36564
36565
36566<style data-shopify>
36567  
36568</style>
36569
36570
36571<product-card-link
36572    data-product-id="15694895939744"
36573    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_26PM.png?v=1782259933&width=500"
36574    data-product-transition="true"
36575    
36576  ><product-card
36577  class="product-card"
36578  data-product-id="15694895939744"
36579  id="product-card-ARkJhYk42RE5RUXhCT__product-card-24"
36580  data-product-transition="true"
36581  
36582  
36583>
36584  <a
36585    id="55b1ad34f2d30d69fb81b27769df37b5"
36586    
36587      href="/products/core-wide-fit-sunglasses?variant=57034356261024"
36588    
36589    class="product-card__link"
36590    ref="productCardLink"
36591  >
36592    <span class="visually-hidden">
36593      CORE | Sunglasses for Wide Face | Wide Fit Frames
36594    </span>
36595  </a>
36596  <div
36597    class="
36598      product-card__content
36599      layout-panel-flex
36600      layout-panel-flex--column
36601      product-grid__card
36602      spacing-style
36603      border-style
36604      gap-style
36605      
36606    "
36607    style="
36608      --border-width: 1px; --border-style: none; --border-color:
36609rgb(var(--color-border-rgb) / 1.0); --border-radius:
366100px; 
36611
36612      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
36613
36614
36615
36616--horizontal-alignment: ; --vertical-alignment: ;
36617--vertical-alignment-mobile: ;
36618
36619      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
36620      --product-card-gap: 8px;
36621      --quick-add-display: flex;
36622      --quick-add-mobile-display: flex;
36623      --quick-add-mobile-opacity: 1;
36624      
36625      
36626      
36627      
36628    "
36629  >
36630    
36631  
36632
36633
36634
36635
36636
36637<div
36638  ref="cardGallery"
36639  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-24 spacing-style border-style"
36640  style="
36641    --border-width: 1px; --border-style: none; --border-color:
36642rgb(var(--color-border-rgb) / 1.0); --border-radius:
366430px; 
36644
36645    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
36646    --gallery-aspect-ratio: 4 / 5;
36647  "
36648  data-product-id="15694895939744"
36649  
36650    on:pointerenter="/previewImage"
36651    on:pointerleave="/resetImage"
36652  
36653  
36654    data-view-transition-to-main-product
36655  
36656  data-image-ratio="portrait"
36657  
36658>
36659    <a
36660      class="contents"
36661      ref="cardGalleryLink"
36662      href="/products/core-wide-fit-sunglasses?variant=57034356261024"
36663      aria-label="CORE | Sunglasses for Wide Face | Wide Fit Frames"
36664    >
36665      <slideshow-component
36666  
36667    ref="slideshow"
36668  
36669  
36670  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8;--slide-min-height: auto;--slide-min-height-desktop: auto;"
36671  
36672  initial-slide="0"
36673  
36674  
36675    infinite
36676  
36677
36678  data-generic-media-size="8"
36679>
36680  
36681  <slideshow-container ref="slideshowContainer">
36682    
36683      <slideshow-arrows
36684  position="center"
36685  
36686><button
36687  class="
36688    slideshow-control slideshow-control--previous
36689    
36690    
36691    slideshow-control--style-arrow
36692    button button-unstyled button-unstyled--transparent
36693     flip-x
36694  "
36695  
36696  aria-label="Previous slide"
36697  
36698  on:click="/previous"
36699  ref="previous"
36700>
36701  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
36702</span>
36703</button>
36704<button
36705  class="
36706    slideshow-control slideshow-control--next
36707    
36708    
36709    slideshow-control--style-arrow
36710    button button-unstyled button-unstyled--transparent
36711    
36712  "
36713  
36714  aria-label="Next slide"
36715  
36716  on:click="/next"
36717  ref="next"
36718>
36719  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
36720</span>
36721</button>
36722</slideshow-arrows>
36723
36724    
36725    
36726    <slideshow-slides
36727      tabindex="-1"
36728      ref="scroller"
36729      
36730    >
36731      <slideshow-slide
36732  ref="slides[]"
36733  aria-hidden="false"
36734  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
36735  
36736    class="product-media-container media-fit product-media-container--image"
36737  
36738  
36739  
36740  
36741    slide-id="69332113522848"
36742  
36743  
36744  
36745  
36746>
36747  
36748
36749<div
36750  class="product-media"
36751  style="--ratio: 0.6666666666666666"
36752  data-media-id="69332113522848"
36753>
36754  
36755  <img src="//www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_26PM.png?v=1782259933&amp;width=3840" alt="CORE | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_26PM.png?v=1782259933&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_26PM.png?v=1782259933&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_26PM.png?v=1782259933&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_26PM.png?v=1782259933&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_26PM.png?v=1782259933&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_26PM.png?v=1782259933&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_26PM.png?v=1782259933&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_26PM.png?v=1782259933&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_26PM.png?v=1782259933&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
36756
36757  
36758</div>
36759
36760
36761
36762</slideshow-slide>
36763<slideshow-slide
36764  ref="slides[]"
36765  aria-hidden="true"
36766  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
36767  
36768    class="product-media-container media-fit product-media-container--image"
36769  
36770  
36771  
36772  
36773    slide-id="69338950140064"
36774  
36775  
36776  
36777  
36778>
36779  
36780
36781<div
36782  class="product-media"
36783  style="--ratio: 0.8000605877006968"
36784  data-media-id="69338950140064"
36785>
36786  
36787  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0360.jpg?v=1779287937&amp;width=3840" alt="CORE | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0360.jpg?v=1779287937&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0360.jpg?v=1779287937&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0360.jpg?v=1779287937&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0360.jpg?v=1779287937&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0360.jpg?v=1779287937&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0360.jpg?v=1779287937&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0360.jpg?v=1779287937&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0360.jpg?v=1779287937&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0360.jpg?v=1779287937&amp;width=3840" fetchpriority="auto" style="--focal-point: 48.3575% 33.3778%;">
36788
36789  
36790</div>
36791
36792
36793
36794</slideshow-slide>
36795<slideshow-slide
36796  ref="slides[]"
36797  aria-hidden="true"
36798  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
36799  
36800    class="product-media-container media-fit product-media-container--image"
36801  
36802  
36803  
36804  
36805    slide-id="69338950107296"
36806  
36807  
36808  
36809  
36810>
36811  
36812
36813<div
36814  class="product-media"
36815  style="--ratio: 0.8001257071024512"
36816  data-media-id="69338950107296"
36817>
36818  
36819  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0363_e95391b3-3d53-4163-9ea1-25f6d56aae68.jpg?v=1779287937&amp;width=3840" alt="CORE | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0363_e95391b3-3d53-4163-9ea1-25f6d56aae68.jpg?v=1779287937&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0363_e95391b3-3d53-4163-9ea1-25f6d56aae68.jpg?v=1779287937&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0363_e95391b3-3d53-4163-9ea1-25f6d56aae68.jpg?v=1779287937&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0363_e95391b3-3d53-4163-9ea1-25f6d56aae68.jpg?v=1779287937&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0363_e95391b3-3d53-4163-9ea1-25f6d56aae68.jpg?v=1779287937&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0363_e95391b3-3d53-4163-9ea1-25f6d56aae68.jpg?v=1779287937&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0363_e95391b3-3d53-4163-9ea1-25f6d56aae68.jpg?v=1779287937&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0363_e95391b3-3d53-4163-9ea1-25f6d56aae68.jpg?v=1779287937&amp;width=3840 3840w" width="3840" height="4799" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0363_e95391b3-3d53-4163-9ea1-25f6d56aae68.jpg?v=1779287937&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
36820
36821  
36822</div>
36823
36824
36825
36826</slideshow-slide>
36827<slideshow-slide
36828  ref="slides[]"
36829  aria-hidden="true"
36830  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
36831  
36832    class="product-media-container media-fit product-media-container--image"
36833  
36834  
36835  
36836  
36837    slide-id="69338949845152"
36838  
36839  
36840  
36841  
36842>
36843  
36844
36845<div
36846  class="product-media"
36847  style="--ratio: 0.8"
36848  data-media-id="69338949845152"
36849>
36850  
36851  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0358_0417059c-969d-412c-9340-4da531592421.jpg?v=1779287937&amp;width=3840" alt="CORE | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0358_0417059c-969d-412c-9340-4da531592421.jpg?v=1779287937&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0358_0417059c-969d-412c-9340-4da531592421.jpg?v=1779287937&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0358_0417059c-969d-412c-9340-4da531592421.jpg?v=1779287937&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0358_0417059c-969d-412c-9340-4da531592421.jpg?v=1779287937&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0358_0417059c-969d-412c-9340-4da531592421.jpg?v=1779287937&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0358_0417059c-969d-412c-9340-4da531592421.jpg?v=1779287937&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0358_0417059c-969d-412c-9340-4da531592421.jpg?v=1779287937&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0358_0417059c-969d-412c-9340-4da531592421.jpg?v=1779287937&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0358_0417059c-969d-412c-9340-4da531592421.jpg?v=1779287937&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
36852
36853  
36854</div>
36855
36856
36857
36858</slideshow-slide>
36859<slideshow-slide
36860  ref="slides[]"
36861  aria-hidden="true"
36862  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
36863  
36864    class="product-media-container media-fit product-media-container--image"
36865  
36866  
36867  
36868  
36869    slide-id="38462221942944"
36870  
36871  
36872  
36873  
36874>
36875  
36876
36877<div
36878  class="product-media"
36879  style="--ratio: 1.5"
36880  data-media-id="38462221942944"
36881>
36882  
36883  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=3840" alt="CORE | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=3840 3840w" width="3840" height="2560" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
36884
36885  
36886</div>
36887
36888
36889
36890</slideshow-slide>
36891
36892    </slideshow-slides>
36893  </slideshow-container>
36894  
36895</slideshow-component>
36896
36897
36898
36899    </a>
36900  
36901  
36902    <div
36903      class="product-badges product-badges--top-left"
36904      style="
36905        --badge-border-radius: 0px;
36906        --badge-font-family: var(--font-body--family);
36906 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
36907      "
36908    ></div>
36909    
36910      
36911
36912<quick-add-component
36913  class="quick-add color-scheme-4 "
36914  ref="quickAdd"
36915  data-product-title="CORE | Sunglasses for Wide Face | Wide Fit Frames"
36916  data-quick-add-button="choose"
36917  data-product-options-count="1"
36918>
36919  <product-form-component
36920    data-section-id="template--28980150370464__main"
36921    data-product-id="15694895939744"
36922    on:submit="/handleSubmit"
36923    class="quick-add__product-form-component"
36924  >
36925    <div
36926      class="visually-hidden"
36927      aria-live="assertive"
36928      role="status"
36929      aria-atomic="true"
36930      ref="liveRegion"
36931    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15694895939744-AVkVHRmZuS1U2YVZuU__card-gallery-24" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
36932        type="hidden"
36933        name="id"
36934        ref="variantId"
36935        value="57034356261024"
36936        
36937      >
36938      <input
36939        type="hidden"
36940        name="quantity"
36941        value="1"
36942      >
36943      
36944      <add-to-cart-component
36945  ref="addToCartButtonContainer"
36946  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/ChatGPTImageMay19_2026_04_19_26PM.png?v=1782259933&width=100"
36947  data-add-to-cart-animation="true"
36948>
36949  <button
36950    
36951    type="submit"
36952    name="add"
36953    ref="addToCartButton"
36954    on:click="/handleClick"
36955    class="button button quick-add__button quick-add__button--add add-to-cart-button"
36956    
36957    
36958  >
36959    <span
36960      class="add-to-cart-text"
36961    >
36962      
36963        <span
36964          aria-hidden="true"
36965          class="svg-wrapper add-to-cart-icon"
36966        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
36967</span>
36968      
36969      <span class="add-to-cart-text__content is-visually-hidden-mobile">
36970        <span>
36971          <span>Add</span>
36972        </span>
36973      </span>
36974    </span>
36975    
36976    <span class="add-to-cart__added">
36977      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
36978  <g class="check">
36979    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
36980    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
36981  </g>
36982  <g class="burst">
36983    <g style="--index: 0;">
36984      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
36985    </g>
36986    <g style="--index: 1;">
36987      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
36988    </g>
36989    <g style="--index: 2;">
36990      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
36991    </g>
36992    <g style="--index: 3;">
36993      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
36994    </g>
36995    <g style="--index: 4;">
36996      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
36997    </g>
36998    <g style="--index: 5;">
36999      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
37000    </g>
37001    <g style="--index: 6;">
37002      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
37003    </g>
37004    <g style="--index: 7;">
37005      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
37006    </g>
37007  </g>
37008</svg>
37009</span>
37010    </span>
37011  </button>
37012</add-to-cart-component>
37013
37014
37015
37016
37017      <button
37018        class="button quick-add__button quick-add__button--choose add-to-cart-button"
37019        
37020        type="button"
37021        name="add"
37022        on:click="quick-add-component/handleClick"
37023      >
37024        <span
37025          class="add-to-cart-text quick-add__button-content"
37026        >
37027          
37028          <span
37029            aria-hidden="true"
37030            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
37031          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
37032</span>
37033          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
37034            <span>
37035              
37036              <span>
37037                Choose
37038              </span>
37039            </span>
37040          </span>
37041        </span>
37042      </button><input type="hidden" name="product-id" value="15694895939744" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
37043</quick-add-component>
37044
37045
37046
37047    
37048  
37049
37050</div>
37051
37052
37053
37054
37055
37056<div class="product-grid-view-zoom-out--details">
37057  
37058    <h3 class="h4">CORE | Sunglasses for Wide Face | Wide Fit Frames</h3>
37059  
37060</div>
37061
37062
37063
37064
37065
37066
37067<div
37068  class="
37069    group-block
37070    
37071    group-block--height-fit
37072    group-block--width-fill
37073    border-style
37074    spacing-style
37075    size-style
37076    
37077    
37078  "
37079  style="
37080    --border-width: 1px; --border-style: none; --border-color:
37081rgb(var(--color-border-rgb) / 1.0); --border-radius:
370820px; 
37083
37084    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
37085    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
37086    
37087  "
37088  
37089  data-testid="group-block"
37090><div class="group-block__media-wrapper">
37091    
37092
37093
37094
37095    
37096  </div>
37097
37098  <div
37099    class="
37100      group-block-content
37101      
37102      layout-panel-flex
37103      layout-panel-flex--row
37104       mobile-column
37105    "
37106    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
37107
37108--gap: 12px;
37109
37110--horizontal-alignment: space-between; --vertical-alignment: flex-start;
37111--vertical-alignment-mobile: flex-start;
37112"
37113  >
37114  
37115
37116<div
37117  class="
37118    group-block
37119    
37120    group-block--height-fit
37121    group-block--width-fill
37122    border-style
37123    spacing-style
37124    size-style
37125    
37126    
37127  "
37128  style="
37129    --border-width: 1px; --border-style: none; --border-color:
37130rgb(var(--color-border-rgb) / 1.0); --border-radius:
371310px; 
37132
37133    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
37134    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
37135    
37136  "
37137  
37138  data-testid="group-block"
37139><div class="group-block__media-wrapper">
37140    
37141
37142
37143
37144    
37145  </div>
37146
37147  <div
37148    class="
37149      group-block-content
37150      
37151      layout-panel-flex
37152      layout-panel-flex--column
37153       mobile-column
37154    "
37155    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
37156
37157--gap: 0px;
37158
37159--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
37160--vertical-alignment-mobile: flex-start;
37161"
37162  >
37163  
37164  
37165  <a
37166    class="contents user-select-text"
37167    ref="productTitleLink"
37168    href="/products/core-wide-fit-sunglasses?variant=57034356261024"
37169  >
37170    
37171
37172
37173
37174
37175
37176
37177  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-24 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
37178    <p>CORE | Sunglasses for Wide Face | Wide Fit Frames</p>
37179  </div>
37180
37181
37182
37183
37184  </a>
37185
37186
37187
37188
37189
37190<product-price
37191  class="text-block text-block--align-left text-left h5 spacing-style"
37192  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-24"
37193  data-product-id="15694895939744"
37194  style="
37195    
37196--color: var(--color-foreground);
37197    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
37198    --width: 100%;
37199  "
37200  
37201>
37202  <div ref="priceContainer">
37203  
37204    
37205    
37206
37207    
37208      <span class="price">$180.00</span>
37209    
37210
37211    
37212  
37213</div>
37214
37215  
37216</product-price>
37217
37218
37219
37220
37221
37222
37223
37224</div>
37225</div>
37226
37227
37228
37229
37230
37231
37232<div
37233  class="
37234    group-block
37235    
37236    group-block--height-fit
37237    group-block--width-fill
37238    border-style
37239    spacing-style
37240    size-style
37241    
37242    
37243  "
37244  style="
37245    --border-width: 1px; --border-style: none; --border-color:
37246rgb(var(--color-border-rgb) / 1.0); --border-radius:
372470px; 
37248
37249    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
37250    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
37251    
37252  "
37253  
37254  data-testid="group-block"
37255><div class="group-block__media-wrapper">
37256    
37257
37258
37259
37260    
37261  </div>
37262
37263  <div
37264    class="
37265      group-block-content
37266      
37267      layout-panel-flex
37268      layout-panel-flex--column
37269       mobile-column
37270    "
37271    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
37272
37273--gap: 0px;
37274
37275--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
37276--vertical-alignment-mobile: flex-start;
37277"
37278  >
37279  
37280
37281
37282
37283
37284
37285
37286
37287</div>
37288</div>
37289
37290
37291
37292
37293
37294</div>
37295</div>
37296
37297
37298
37299
37300
37301
37302  </div>
37303</product-card></product-card-link>
37304
37305
37306
37307
37308          </li>
37309        
37310          <li
37311            id="template--28980150370464__main-15164059844768"
37312            class="product-grid__item product-grid__item--25"
37313            data-page="1"
37314            data-product-id="15164059844768"
37315            ref="cards[]"
37316          >
37317            
37318
37319
37320
37321<style data-shopify>
37322  
37323</style>
37324
37325
37326<product-card-link
37327    data-product-id="15164059844768"
37328    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/lens-default-img_9e08ece8-6aa1-458b-946b-444b1c9edb4a.png?v=1756908877&width=500"
37329    data-product-transition="true"
37330    
37331  ><product-card
37332  class="product-card"
37333  data-product-id="15164059844768"
37334  id="product-card-ARkJhYk42RE5RUXhCT__product-card-25"
37335  data-product-transition="true"
37336  
37337  
37338>
37339  <a
37340    id="e7df7d8dae7d47f561c3679d6fcda35c"
37341    
37342      href="/products/blue-light-filter-non_prescription-clear_standard-0?variant=52765079928992"
37343    
37344    class="product-card__link"
37345    ref="productCardLink"
37346  >
37347    <span class="visually-hidden">
37348      CR39
37349    </span>
37350  </a>
37351  <div
37352    class="
37353      product-card__content
37354      layout-panel-flex
37355      layout-panel-flex--column
37356      product-grid__card
37357      spacing-style
37358      border-style
37359      gap-style
37360      
37361    "
37362    style="
37363      --border-width: 1px; --border-style: none; --border-color:
37364rgb(var(--color-border-rgb) / 1.0); --border-radius:
373650px; 
37366
37367      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
37368
37369
37370
37371--horizontal-alignment: ; --vertical-alignment: ;
37372--vertical-alignment-mobile: ;
37373
37374      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
37375      --product-card-gap: 8px;
37376      --quick-add-display: flex;
37377      --quick-add-mobile-display: flex;
37378      --quick-add-mobile-opacity: 1;
37379      
37380      
37381      
37382      
37383    "
37384  >
37385    
37386  
37387
37388
37389
37390
37391
37392<div
37393  ref="cardGallery"
37394  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-25 spacing-style border-style"
37395  style="
37396    --border-width: 1px; --border-style: none; --border-color:
37397rgb(var(--color-border-rgb) / 1.0); --border-radius:
373980px; 
37399
37400    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
37401    --gallery-aspect-ratio: 4 / 5;
37402  "
37403  data-product-id="15164059844768"
37404  
37405    on:pointerenter="/previewImage"
37406    on:pointerleave="/resetImage"
37407  
37408  
37409    data-view-transition-to-main-product
37410  
37411  data-image-ratio="portrait"
37412  
37413>
37414    <a
37415      class="contents"
37416      ref="cardGalleryLink"
37417      href="/products/blue-light-filter-non_prescription-clear_standard-0?variant=52765079928992"
37418      aria-label="CR39"
37419    >
37420      <slideshow-component
37421  
37422    ref="slideshow"
37423  
37424  
37425  style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
37426  
37427  initial-slide="0"
37428  
37429  
37430    infinite
37431  
37432
37433  data-generic-media-size="1"
37434>
37435  
37436  <slideshow-container ref="slideshowContainer">
37437    
37438    
37439    <slideshow-slides
37440      tabindex="-1"
37441      ref="scroller"
37442      
37443    >
37444      <slideshow-slide
37445  ref="slides[]"
37446  aria-hidden="false"
37447  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
37448  
37449    class="product-media-container media-fit product-media-container--image"
37450  
37451  
37452  
37453  
37454    slide-id="38202108575904"
37455  
37456  
37457  
37458  
37459>
37460  
37461
37462<div
37463  class="product-media"
37464  style="--ratio: 1.0"
37465  data-media-id="38202108575904"
37466>
37467  
37468  <img src="//www.solkyst.ca/cdn/shop/files/lens-default-img_9e08ece8-6aa1-458b-946b-444b1c9edb4a.png?v=1756908877&amp;width=3840" alt="Featured image" srcset="//www.solkyst.ca/cdn/shop/files/lens-default-img_9e08ece8-6aa1-458b-946b-444b1c9edb4a.png?v=1756908877&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/lens-default-img_9e08ece8-6aa1-458b-946b-444b1c9edb4a.png?v=1756908877&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/lens-default-img_9e08ece8-6aa1-458b-946b-444b1c9edb4a.png?v=1756908877&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/lens-default-img_9e08ece8-6aa1-458b-946b-444b1c9edb4a.png?v=1756908877&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/lens-default-img_9e08ece8-6aa1-458b-946b-444b1c9edb4a.png?v=1756908877&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/lens-default-img_9e08ece8-6aa1-458b-946b-444b1c9edb4a.png?v=1756908877&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/lens-default-img_9e08ece8-6aa1-458b-946b-444b1c9edb4a.png?v=1756908877&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/lens-default-img_9e08ece8-6aa1-458b-946b-444b1c9edb4a.png?v=1756908877&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/lens-default-img_9e08ece8-6aa1-458b-946b-444b1c9edb4a.png?v=1756908877&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
37469
37470  
37471</div>
37472
37473
37474
37475</slideshow-slide>
37476
37477    </slideshow-slides>
37478  </slideshow-container>
37479  
37480</slideshow-component>
37481
37482
37483
37484    </a>
37485  
37486  
37487    <div
37488      class="product-badges product-badges--top-left"
37489      style="
37490        --badge-border-radius: 0px;
37491        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
37492      "
37493    ></div>
37494    
37495      
37496
37497<quick-add-component
37498  class="quick-add color-scheme-4 "
37499  ref="quickAdd"
37500  data-product-title="CR39"
37501  data-quick-add-button="choose"
37502  data-product-options-count="2"
37503>
37504  <product-form-component
37505    data-section-id="template--28980150370464__main"
37506    data-product-id="15164059844768"
37507    on:submit="/handleSubmit"
37508    class="quick-add__product-form-component"
37509  >
37510    <div
37511      class="visually-hidden"
37512      aria-live="assertive"
37513      role="status"
37514      aria-atomic="true"
37515      ref="liveRegion"
37516    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15164059844768-AVkVHRmZuS1U2YVZuU__card-gallery-25" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
37517        type="hidden"
37518        name="id"
37519        ref="variantId"
37520        value="52765079928992"
37521        
37522      >
37523      <input
37524        type="hidden"
37525        name="quantity"
37526        value="1"
37527      >
37528      
37529      <add-to-cart-component
37530  ref="addToCartButtonContainer"
37531  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/lens-default-img_9e08ece8-6aa1-458b-946b-444b1c9edb4a.png?v=1756908877&width=100"
37532  data-add-to-cart-animation="true"
37533>
37534  <button
37535    
37536    type="submit"
37537    name="add"
37538    ref="addToCartButton"
37539    on:click="/handleClick"
37540    class="button button quick-add__button quick-add__button--add add-to-cart-button"
37541    
37542    
37543  >
37544    <span
37545      class="add-to-cart-text"
37546    >
37547      
37548        <span
37549          aria-hidden="true"
37550          class="svg-wrapper add-to-cart-icon"
37551        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
37552</span>
37553      
37554      <span class="add-to-cart-text__content is-visually-hidden-mobile">
37555        <span>
37556          <span>Add</span>
37557        </span>
37558      </span>
37559    </span>
37560    
37561    <span class="add-to-cart__added">
37562      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
37563  <g class="check">
37564    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
37565    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
37566  </g>
37567  <g class="burst">
37568    <g style="--index: 0;">
37569      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
37570    </g>
37571    <g style="--index: 1;">
37572      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
37573    </g>
37574    <g style="--index: 2;">
37575      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
37576    </g>
37577    <g style="--index: 3;">
37578      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
37579    </g>
37580    <g style="--index: 4;">
37581      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
37582    </g>
37583    <g style="--index: 5;">
37584      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
37585    </g>
37586    <g style="--index: 6;">
37587      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
37588    </g>
37589    <g style="--index: 7;">
37590      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
37591    </g>
37592  </g>
37593</svg>
37594</span>
37595    </span>
37596  </button>
37597</add-to-cart-component>
37598
37599
37600
37601
37602      <button
37603        class="button quick-add__button quick-add__button--choose add-to-cart-button"
37604        
37605        type="button"
37606        name="add"
37607        on:click="quick-add-component/handleClick"
37608      >
37609        <span
37610          class="add-to-cart-text quick-add__button-content"
37611        >
37612          
37613          <span
37614            aria-hidden="true"
37615            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
37616          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
37617</span>
37618          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
37619            <span>
37620              
37621              <span>
37622                Choose
37623              </span>
37624            </span>
37625          </span>
37626        </span>
37627      </button><input type="hidden" name="product-id" value="15164059844768" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
37628</quick-add-component>
37629
37630
37631
37632    
37633  
37634
37635</div>
37636
37637
37638
37639
37640
37641<div class="product-grid-view-zoom-out--details">
37642  
37643    <h3 class="h4">CR39</h3>
37644  
37645</div>
37646
37647
37648
37649
37650
37651
37652<div
37653  class="
37654    group-block
37655    
37656    group-block--height-fit
37657    group-block--width-fill
37658    border-style
37659    spacing-style
37660    size-style
37661    
37662    
37663  "
37664  style="
37665    --border-width: 1px; --border-style: none; --border-color:
37666rgb(var(--color-border-rgb) / 1.0); --border-radius:
376670px; 
37668
37669    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
37670    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
37671    
37672  "
37673  
37674  data-testid="group-block"
37675><div class="group-block__media-wrapper">
37676    
37677
37678
37679
37680    
37681  </div>
37682
37683  <div
37684    class="
37685      group-block-content
37686      
37687      layout-panel-flex
37688      layout-panel-flex--row
37689       mobile-column
37690    "
37691    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
37692
37693--gap: 12px;
37694
37695--horizontal-alignment: space-between;
37695 --vertical-alignment: flex-start;
37696--vertical-alignment-mobile: flex-start;
37697"
37698  >
37699  
37700
37701<div
37702  class="
37703    group-block
37704    
37705    group-block--height-fit
37706    group-block--width-fill
37707    border-style
37708    spacing-style
37709    size-style
37710    
37711    
37712  "
37713  style="
37714    --border-width: 1px; --border-style: none; --border-color:
37715rgb(var(--color-border-rgb) / 1.0); --border-radius:
377160px; 
37717
37718    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
37719    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
37720    
37721  "
37722  
37723  data-testid="group-block"
37724><div class="group-block__media-wrapper">
37725    
37726
37727
37728
37729    
37730  </div>
37731
37732  <div
37733    class="
37734      group-block-content
37735      
37736      layout-panel-flex
37737      layout-panel-flex--column
37738       mobile-column
37739    "
37740    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
37741
37742--gap: 0px;
37743
37744--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
37745--vertical-alignment-mobile: flex-start;
37746"
37747  >
37748  
37749  
37750  <a
37751    class="contents user-select-text"
37752    ref="productTitleLink"
37753    href="/products/blue-light-filter-non_prescription-clear_standard-0?variant=52765079928992"
37754  >
37755    
37756
37757
37758
37759
37760
37761
37762  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-25 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
37763    <p>CR39</p>
37764  </div>
37765
37766
37767
37768
37769  </a>
37770
37771
37772
37773
37774
37775<product-price
37776  class="text-block text-block--align-left text-left h5 spacing-style"
37777  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-25"
37778  data-product-id="15164059844768"
37779  style="
37780    
37781--color: var(--color-foreground);
37782    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
37783    --width: 100%;
37784  "
37785  
37786>
37787  <div ref="priceContainer">
37788  
37789    
37790    
37791
37792    
37793      <span class="price">$130.00</span>
37794    
37795
37796    
37797  
37798</div>
37799
37800  
37801</product-price>
37802
37803
37804
37805
37806
37807
37808
37809</div>
37810</div>
37811
37812
37813
37814
37815
37816
37817<div
37818  class="
37819    group-block
37820    
37821    group-block--height-fit
37822    group-block--width-fill
37823    border-style
37824    spacing-style
37825    size-style
37826    
37827    
37828  "
37829  style="
37830    --border-width: 1px; --border-style: none; --border-color:
37831rgb(var(--color-border-rgb) / 1.0); --border-radius:
378320px; 
37833
37834    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
37835    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
37836    
37837  "
37838  
37839  data-testid="group-block"
37840><div class="group-block__media-wrapper">
37841    
37842
37843
37844
37845    
37846  </div>
37847
37848  <div
37849    class="
37850      group-block-content
37851      
37852      layout-panel-flex
37853      layout-panel-flex--column
37854       mobile-column
37855    "
37856    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
37857
37858--gap: 0px;
37859
37860--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
37861--vertical-alignment-mobile: flex-start;
37862"
37863  >
37864  
37865
37866
37867
37868
37869
37870
37871
37872</div>
37873</div>
37874
37875
37876
37877
37878
37879</div>
37880</div>
37881
37882
37883
37884
37885
37886
37887  </div>
37888</product-card></product-card-link>
37889
37890
37891
37892
37893          </li>
37894        
37895          <li
37896            id="template--28980150370464__main-15163012284576"
37897            class="product-grid__item product-grid__item--26"
37898            data-page="1"
37899            data-product-id="15163012284576"
37900            ref="cards[]"
37901          >
37902            
37903
37904
37905
37906<style data-shopify>
37907  
37908</style>
37909
37910
37911<product-card-link
37912    data-product-id="15163012284576"
37913    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/lens-default-img_ec20b11e-fb77-4a8c-a0a5-5b5b04fb4d60.png?v=1756832309&width=500"
37914    data-product-transition="true"
37915    
37916  ><product-card
37917  class="product-card"
37918  data-product-id="15163012284576"
37919  id="product-card-ARkJhYk42RE5RUXhCT__product-card-26"
37920  data-product-transition="true"
37921  
37922  
37923>
37924  <a
37925    id="26800a16beda066112a3e070f443bea4"
37926    
37927      href="/products/cr39-progressive-clear_standard-1?variant=52764794421408"
37928    
37929    class="product-card__link"
37930    ref="productCardLink"
37931  >
37932    <span class="visually-hidden">
37933      CR39 P1
37934    </span>
37935  </a>
37936  <div
37937    class="
37938      product-card__content
37939      layout-panel-flex
37940      layout-panel-flex--column
37941      product-grid__card
37942      spacing-style
37943      border-style
37944      gap-style
37945      
37946    "
37947    style="
37948      --border-width: 1px; --border-style: none; --border-color:
37949rgb(var(--color-border-rgb) / 1.0); --border-radius:
379500px; 
37951
37952      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
37953
37954
37955
37956--horizontal-alignment: ; --vertical-alignment: ;
37957--vertical-alignment-mobile: ;
37958
37959      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
37960      --product-card-gap: 8px;
37961      --quick-add-display: flex;
37962      --quick-add-mobile-display: flex;
37963      --quick-add-mobile-opacity: 1;
37964      
37965      
37966      
37967      
37968    "
37969  >
37970    
37971  
37972
37973
37974
37975
37976
37977<div
37978  ref="cardGallery"
37979  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-26 spacing-style border-style"
37980  style="
37981    --border-width: 1px; --border-style: none; --border-color:
37982rgb(var(--color-border-rgb) / 1.0); --border-radius:
379830px; 
37984
37985    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
37986    --gallery-aspect-ratio: 4 / 5;
37987  "
37988  data-product-id="15163012284576"
37989  
37990    on:pointerenter="/previewImage"
37991    on:pointerleave="/resetImage"
37992  
37993  
37994    data-view-transition-to-main-product
37995  
37996  data-image-ratio="portrait"
37997  
37998>
37999    <a
38000      class="contents"
38001      ref="cardGalleryLink"
38002      href="/products/cr39-progressive-clear_standard-1?variant=52764794421408"
38003      aria-label="CR39 P1"
38004    >
38005      <slideshow-component
38006  
38007    ref="slideshow"
38008  
38009  
38010  style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
38011  
38012  initial-slide="0"
38013  
38014  
38015    infinite
38016  
38017
38018  data-generic-media-size="1"
38019>
38020  
38021  <slideshow-container ref="slideshowContainer">
38022    
38023    
38024    <slideshow-slides
38025      tabindex="-1"
38026      ref="scroller"
38027      
38028    >
38029      <slideshow-slide
38030  ref="slides[]"
38031  aria-hidden="false"
38032  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
38033  
38034    class="product-media-container media-fit product-media-container--image"
38035  
38036  
38037  
38038  
38039    slide-id="38196828242080"
38040  
38041  
38042  
38043  
38044>
38045  
38046
38047<div
38048  class="product-media"
38049  style="--ratio: 1.0"
38050  data-media-id="38196828242080"
38051>
38052  
38053  <img src="//www.solkyst.ca/cdn/shop/files/lens-default-img_ec20b11e-fb77-4a8c-a0a5-5b5b04fb4d60.png?v=1756832309&amp;width=3840" alt="Featured image" srcset="//www.solkyst.ca/cdn/shop/files/lens-default-img_ec20b11e-fb77-4a8c-a0a5-5b5b04fb4d60.png?v=1756832309&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/lens-default-img_ec20b11e-fb77-4a8c-a0a5-5b5b04fb4d60.png?v=1756832309&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/lens-default-img_ec20b11e-fb77-4a8c-a0a5-5b5b04fb4d60.png?v=1756832309&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/lens-default-img_ec20b11e-fb77-4a8c-a0a5-5b5b04fb4d60.png?v=1756832309&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/lens-default-img_ec20b11e-fb77-4a8c-a0a5-5b5b04fb4d60.png?v=1756832309&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/lens-default-img_ec20b11e-fb77-4a8c-a0a5-5b5b04fb4d60.png?v=1756832309&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/lens-default-img_ec20b11e-fb77-4a8c-a0a5-5b5b04fb4d60.png?v=1756832309&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/lens-default-img_ec20b11e-fb77-4a8c-a0a5-5b5b04fb4d60.png?v=1756832309&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/lens-default-img_ec20b11e-fb77-4a8c-a0a5-5b5b04fb4d60.png?v=1756832309&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
38054
38055  
38056</div>
38057
38058
38059
38060</slideshow-slide>
38061
38062    </slideshow-slides>
38063  </slideshow-container>
38064  
38065</slideshow-component>
38066
38067
38068
38069    </a>
38070  
38071  
38072    <div
38073      class="product-badges product-badges--top-left"
38074      style="
38075        --badge-border-radius: 0px;
38076        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
38077      "
38078    ></div>
38079    
38080      
38081
38082<quick-add-component
38083  class="quick-add color-scheme-4 "
38084  ref="quickAdd"
38085  data-product-title="CR39 P1"
38086  data-quick-add-button="choose"
38087  data-product-options-count="2"
38088>
38089  <product-form-component
38090    data-section-id="template--28980150370464__main"
38091    data-product-id="15163012284576"
38092    on:submit="/handleSubmit"
38093    class="quick-add__product-form-component"
38094  >
38095    <div
38096      class="visually-hidden"
38097      aria-live="assertive"
38098      role="status"
38099      aria-atomic="true"
38100      ref="liveRegion"
38101    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15163012284576-AVkVHRmZuS1U2YVZuU__card-gallery-26" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
38102        type="hidden"
38103        name="id"
38104        ref="variantId"
38105        value="52764794421408"
38106        
38107      >
38108      <input
38109        type="hidden"
38110        name="quantity"
38111        value="1"
38112      >
38113      
38114      <add-to-cart-component
38115  ref="addToCartButtonContainer"
38116  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/lens-default-img_ec20b11e-fb77-4a8c-a0a5-5b5b04fb4d60.png?v=1756832309&width=100"
38117  data-add-to-cart-animation="true"
38118>
38119  <button
38120    
38121    type="submit"
38122    name="add"
38123    ref="addToCartButton"
38124    on:click="/handleClick"
38125    class="button button quick-add__button quick-add__button--add add-to-cart-button"
38126    
38127    
38128  >
38129    <span
38130      class="add-to-cart-text"
38131    >
38132      
38133        <span
38134          aria-hidden="true"
38135          class="svg-wrapper add-to-cart-icon"
38136        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
38137</span>
38138      
38139      <span class="add-to-cart-text__content is-visually-hidden-mobile">
38140        <span>
38141          <span>Add</span>
38142        </span>
38143      </span>
38144    </span>
38145    
38146    <span class="add-to-cart__added">
38147      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
38148  <g class="check">
38149    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
38150    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
38151  </g>
38152  <g class="burst">
38153    <g style="--index: 0;">
38154      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
38155    </g>
38156    <g style="--index: 1;">
38157      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
38158    </g>
38159    <g style="--index: 2;">
38160      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
38161    </g>
38162    <g style="--index: 3;">
38163      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
38164    </g>
38165    <g style="--index: 4;">
38166      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
38167    </g>
38168    <g style="--index: 5;">
38169      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
38170    </g>
38171    <g style="--index: 6;">
38172      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
38173    </g>
38174    <g style="--index: 7;">
38175      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
38176    </g>
38177  </g>
38178</svg>
38179</span>
38180    </span>
38181  </button>
38182</add-to-cart-component>
38183
38184
38185
38186
38187      <button
38188        class="button quick-add__button quick-add__button--choose add-to-cart-button"
38189        
38190        type="button"
38191        name="add"
38192        on:click="quick-add-component/handleClick"
38193      >
38194        <span
38195          class="add-to-cart-text quick-add__button-content"
38196        >
38197          
38198          <span
38199            aria-hidden="true"
38200            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
38201          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
38202</span>
38203          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
38204            <span>
38205              
38206              <span>
38207                Choose
38208              </span>
38209            </span>
38210          </span>
38211        </span>
38212      </button><input type="hidden" name="product-id" value="15163012284576" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
38213</quick-add-component>
38214
38215
38216
38217    
38218  
38219
38220</div>
38221
38222
38223
38224
38225
38226<div class="product-grid-view-zoom-out--details">
38227  
38228    <h3 class="h4">CR39 P1</h3>
38229  
38230</div>
38231
38232
38233
38234
38235
38236
38237<div
38238  class="
38239    group-block
38240    
38241    group-block--height-fit
38242    group-block--width-fill
38243    border-style
38244    spacing-style
38245    size-style
38246    
38247    
38248  "
38249  style="
38250    --border-width: 1px; --border-style: none; --border-color:
38251rgb(var(--color-border-rgb) / 1.0); --border-radius:
382520px; 
38253
38254    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
38255    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
38256    
38257  "
38258  
38259  data-testid="group-block"
38260><div class="group-block__media-wrapper">
38261    
38262
38263
38264
38265    
38266  </div>
38267
38268  <div
38269    class="
38270      group-block-content
38271      
38272      layout-panel-flex
38273      layout-panel-flex--row
38274       mobile-column
38275    "
38276    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
38277
38278--gap: 12px;
38279
38280--horizontal-alignment: space-between;
38280 --vertical-alignment: flex-start;
38281--vertical-alignment-mobile: flex-start;
38282"
38283  >
38284  
38285
38286<div
38287  class="
38288    group-block
38289    
38290    group-block--height-fit
38291    group-block--width-fill
38292    border-style
38293    spacing-style
38294    size-style
38295    
38296    
38297  "
38298  style="
38299    --border-width: 1px; --border-style: none; --border-color:
38300rgb(var(--color-border-rgb) / 1.0); --border-radius:
383010px; 
38302
38303    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
38304    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
38305    
38306  "
38307  
38308  data-testid="group-block"
38309><div class="group-block__media-wrapper">
38310    
38311
38312
38313
38314    
38315  </div>
38316
38317  <div
38318    class="
38319      group-block-content
38320      
38321      layout-panel-flex
38322      layout-panel-flex--column
38323       mobile-column
38324    "
38325    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
38326
38327--gap: 0px;
38328
38329--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
38330--vertical-alignment-mobile: flex-start;
38331"
38332  >
38333  
38334  
38335  <a
38336    class="contents user-select-text"
38337    ref="productTitleLink"
38338    href="/products/cr39-progressive-clear_standard-1?variant=52764794421408"
38339  >
38340    
38341
38342
38343
38344
38345
38346
38347  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-26 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
38348    <p>CR39 P1</p>
38349  </div>
38350
38351
38352
38353
38354  </a>
38355
38356
38357
38358
38359
38360<product-price
38361  class="text-block text-block--align-left text-left h5 spacing-style"
38362  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-26"
38363  data-product-id="15163012284576"
38364  style="
38365    
38366--color: var(--color-foreground);
38367    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
38368    --width: 100%;
38369  "
38370  
38371>
38372  <div ref="priceContainer">
38373  
38374    
38375    
38376
38377    
38378      <span class="price">$300.00</span>
38379    
38380
38381    
38382  
38383</div>
38384
38385  
38386</product-price>
38387
38388
38389
38390
38391
38392
38393
38394</div>
38395</div>
38396
38397
38398
38399
38400
38401
38402<div
38403  class="
38404    group-block
38405    
38406    group-block--height-fit
38407    group-block--width-fill
38408    border-style
38409    spacing-style
38410    size-style
38411    
38412    
38413  "
38414  style="
38415    --border-width: 1px; --border-style: none; --border-color:
38416rgb(var(--color-border-rgb) / 1.0); --border-radius:
384170px; 
38418
38419    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
38420    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
38421    
38422  "
38423  
38424  data-testid="group-block"
38425><div class="group-block__media-wrapper">
38426    
38427
38428
38429
38430    
38431  </div>
38432
38433  <div
38434    class="
38435      group-block-content
38436      
38437      layout-panel-flex
38438      layout-panel-flex--column
38439       mobile-column
38440    "
38441    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
38442
38443--gap: 0px;
38444
38445--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
38446--vertical-alignment-mobile: flex-start;
38447"
38448  >
38449  
38450
38451
38452
38453
38454
38455
38456
38457</div>
38458</div>
38459
38460
38461
38462
38463
38464</div>
38465</div>
38466
38467
38468
38469
38470
38471
38472  </div>
38473</product-card></product-card-link>
38474
38475
38476
38477
38478          </li>
38479        
38480          <li
38481            id="template--28980150370464__main-15163012481184"
38482            class="product-grid__item product-grid__item--27"
38483            data-page="1"
38484            data-product-id="15163012481184"
38485            ref="cards[]"
38486          >
38487            
38488
38489
38490
38491<style data-shopify>
38492  
38493</style>
38494
38495
38496<product-card-link
38497    data-product-id="15163012481184"
38498    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/lens-default-img_a0851ec2-8c80-47ca-90b4-410a6f59a766.png?v=1756832343&width=500"
38499    data-product-transition="true"
38500    
38501  ><product-card
38502  class="product-card"
38503  data-product-id="15163012481184"
38504  id="product-card-ARkJhYk42RE5RUXhCT__product-card-27"
38505  data-product-transition="true"
38506  
38507  
38508>
38509  <a
38510    id="955302fb8c3067d28299f36582b84634"
38511    
38512      href="/products/cr39-progressive-tinted_polorised-0?variant=52919596613792"
38513    
38514    class="product-card__link"
38515    ref="productCardLink"
38516  >
38517    <span class="visually-hidden">
38518      CR39 P2
38519    </span>
38520  </a>
38521  <div
38522    class="
38523      product-card__content
38524      layout-panel-flex
38525      layout-panel-flex--column
38526      product-grid__card
38527      spacing-style
38528      border-style
38529      gap-style
38530      
38531    "
38532    style="
38533      --border-width: 1px; --border-style: none; --border-color:
38534rgb(var(--color-border-rgb) / 1.0); --border-radius:
385350px; 
38536
38537      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
38538
38539
38540
38541--horizontal-alignment: ; --vertical-alignment: ;
38542--vertical-alignment-mobile: ;
38543
38544      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
38545      --product-card-gap: 8px;
38546      --quick-add-display: flex;
38547      --quick-add-mobile-display: flex;
38548      --quick-add-mobile-opacity: 1;
38549      
38550      
38551      
38552      
38553    "
38554  >
38555    
38556  
38557
38558
38559
38560
38561
38562<div
38563  ref="cardGallery"
38564  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-27 spacing-style border-style"
38565  style="
38566    --border-width: 1px; --border-style: none; --border-color:
38567rgb(var(--color-border-rgb) / 1.0); --border-radius:
385680px; 
38569
38570    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
38571    --gallery-aspect-ratio: 4 / 5;
38572  "
38573  data-product-id="15163012481184"
38574  
38575    on:pointerenter="/previewImage"
38576    on:pointerleave="/resetImage"
38577  
38578  
38579    data-view-transition-to-main-product
38580  
38581  data-image-ratio="portrait"
38582  
38583>
38584    <a
38585      class="contents"
38586      ref="cardGalleryLink"
38587      href="/products/cr39-progressive-tinted_polorised-0?variant=52919596613792"
38588      aria-label="CR39 P2"
38589    >
38590      <slideshow-component
38591  
38592    ref="slideshow"
38593  
38594  
38595  style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
38596  
38597  initial-slide="0"
38598  
38599  
38600    infinite
38601  
38602
38603  data-generic-media-size="1"
38604>
38605  
38606  <slideshow-container ref="slideshowContainer">
38607    
38608    
38609    <slideshow-slides
38610      tabindex="-1"
38611      ref="scroller"
38612      
38613    >
38614      <slideshow-slide
38615  ref="slides[]"
38616  aria-hidden="false"
38617  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
38618  
38619    class="product-media-container media-fit product-media-container--image"
38620  
38621  
38622  
38623  
38624    slide-id="38196828831904"
38625  
38626  
38627  
38628  
38629>
38630  
38631
38632<div
38633  class="product-media"
38634  style="--ratio: 1.0"
38635  data-media-id="38196828831904"
38636>
38637  
38638  <img src="//www.solkyst.ca/cdn/shop/files/lens-default-img_a0851ec2-8c80-47ca-90b4-410a6f59a766.png?v=1756832343&amp;width=3840" alt="Featured image" srcset="//www.solkyst.ca/cdn/shop/files/lens-default-img_a0851ec2-8c80-47ca-90b4-410a6f59a766.png?v=1756832343&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/lens-default-img_a0851ec2-8c80-47ca-90b4-410a6f59a766.png?v=1756832343&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/lens-default-img_a0851ec2-8c80-47ca-90b4-410a6f59a766.png?v=1756832343&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/lens-default-img_a0851ec2-8c80-47ca-90b4-410a6f59a766.png?v=1756832343&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/lens-default-img_a0851ec2-8c80-47ca-90b4-410a6f59a766.png?v=1756832343&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/lens-default-img_a0851ec2-8c80-47ca-90b4-410a6f59a766.png?v=1756832343&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/lens-default-img_a0851ec2-8c80-47ca-90b4-410a6f59a766.png?v=1756832343&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/lens-default-img_a0851ec2-8c80-47ca-90b4-410a6f59a766.png?v=1756832343&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/lens-default-img_a0851ec2-8c80-47ca-90b4-410a6f59a766.png?v=1756832343&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
38639
38640  
38641</div>
38642
38643
38644
38645</slideshow-slide>
38646
38647    </slideshow-slides>
38648  </slideshow-container>
38649  
38650</slideshow-component>
38651
38652
38653
38654    </a>
38655  
38656  
38657    <div
38658      class="product-badges product-badges--top-left"
38659      style="
38660        --badge-border-radius: 0px;
38661        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
38662      "
38663    ></div>
38664    
38665      
38666
38667<quick-add-component
38668  class="quick-add color-scheme-4 "
38669  ref="quickAdd"
38670  data-product-title="CR39 P2"
38671  data-quick-add-button="choose"
38672  data-product-options-count="1"
38673>
38674  <product-form-component
38675    data-section-id="template--28980150370464__main"
38676    data-product-id="15163012481184"
38677    on:submit="/handleSubmit"
38678    class="quick-add__product-form-component"
38679  >
38680    <div
38681      class="visually-hidden"
38682      aria-live="assertive"
38683      role="status"
38684      aria-atomic="true"
38685      ref="liveRegion"
38686    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15163012481184-AVkVHRmZuS1U2YVZuU__card-gallery-27" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
38687        type="hidden"
38688        name="id"
38689        ref="variantId"
38690        value="52919596613792"
38691        
38692      >
38693      <input
38694        type="hidden"
38695        name="quantity"
38696        value="1"
38697      >
38698      
38699      <add-to-cart-component
38700  ref="addToCartButtonContainer"
38701  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/lens-default-img_a0851ec2-8c80-47ca-90b4-410a6f59a766.png?v=1756832343&width=100"
38702  data-add-to-cart-animation="true"
38703>
38704  <button
38705    
38706    type="submit"
38707    name="add"
38708    ref="addToCartButton"
38709    on:click="/handleClick"
38710    class="button button quick-add__button quick-add__button--add add-to-cart-button"
38711    
38712    
38713  >
38714    <span
38715      class="add-to-cart-text"
38716    >
38717      
38718        <span
38719          aria-hidden="true"
38720          class="svg-wrapper add-to-cart-icon"
38721        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
38722</span>
38723      
38724      <span class="add-to-cart-text__content is-visually-hidden-mobile">
38725        <span>
38726          <span>Add</span>
38727        </span>
38728      </span>
38729    </span>
38730    
38731    <span class="add-to-cart__added">
38732      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
38733  <g class="check">
38734    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
38735    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
38736  </g>
38737  <g class="burst">
38738    <g style="--index: 0;">
38739      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
38740    </g>
38741    <g style="--index: 1;">
38742      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
38743    </g>
38744    <g style="--index: 2;">
38745      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
38746    </g>
38747    <g style="--index: 3;">
38748      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
38749    </g>
38750    <g style="--index: 4;">
38751      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
38752    </g>
38753    <g style="--index: 5;">
38754      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
38755    </g>
38756    <g style="--index: 6;">
38757      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
38758    </g>
38759    <g style="--index: 7;">
38760      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
38761    </g>
38762  </g>
38763</svg>
38764</span>
38765    </span>
38766  </button>
38767</add-to-cart-component>
38768
38769
38770
38771
38772      <button
38773        class="button quick-add__button quick-add__button--choose add-to-cart-button"
38774        
38775        type="button"
38776        name="add"
38777        on:click="quick-add-component/handleClick"
38778      >
38779        <span
38780          class="add-to-cart-text quick-add__button-content"
38781        >
38782          
38783          <span
38784            aria-hidden="true"
38785            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
38786          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
38787</span>
38788          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
38789            <span>
38790              
38791              <span>
38792                Choose
38793              </span>
38794            </span>
38795          </span>
38796        </span>
38797      </button><input type="hidden" name="product-id" value="15163012481184" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
38798</quick-add-component>
38799
38800
38801
38802    
38803  
38804
38805</div>
38806
38807
38808
38809
38810
38811<div class="product-grid-view-zoom-out--details">
38812  
38813    <h3 class="h4">CR39 P2</h3>
38814  
38815</div>
38816
38817
38818
38819
38820
38821
38822<div
38823  class="
38824    group-block
38825    
38826    group-block--height-fit
38827    group-block--width-fill
38828    border-style
38829    spacing-style
38830    size-style
38831    
38832    
38833  "
38834  style="
38835    --border-width: 1px; --border-style: none; --border-color:
38836rgb(var(--color-border-rgb) / 1.0); --border-radius:
388370px; 
38838
38839    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
38840    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
38841    
38842  "
38843  
38844  data-testid="group-block"
38845><div class="group-block__media-wrapper">
38846    
38847
38848
38849
38850    
38851  </div>
38852
38853  <div
38854    class="
38855      group-block-content
38856      
38857      layout-panel-flex
38858      layout-panel-flex--row
38859       mobile-column
38860    "
38861    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
38862
38863--gap: 12px;
38864
38865--horizontal-alignment: space-between;
38865 --vertical-alignment: flex-start;
38866--vertical-alignment-mobile: flex-start;
38867"
38868  >
38869  
38870
38871<div
38872  class="
38873    group-block
38874    
38875    group-block--height-fit
38876    group-block--width-fill
38877    border-style
38878    spacing-style
38879    size-style
38880    
38881    
38882  "
38883  style="
38884    --border-width: 1px; --border-style: none; --border-color:
38885rgb(var(--color-border-rgb) / 1.0); --border-radius:
388860px; 
38887
38888    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
38889    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
38890    
38891  "
38892  
38893  data-testid="group-block"
38894><div class="group-block__media-wrapper">
38895    
38896
38897
38898
38899    
38900  </div>
38901
38902  <div
38903    class="
38904      group-block-content
38905      
38906      layout-panel-flex
38907      layout-panel-flex--column
38908       mobile-column
38909    "
38910    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
38911
38912--gap: 0px;
38913
38914--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
38915--vertical-alignment-mobile: flex-start;
38916"
38917  >
38918  
38919  
38920  <a
38921    class="contents user-select-text"
38922    ref="productTitleLink"
38923    href="/products/cr39-progressive-tinted_polorised-0?variant=52919596613792"
38924  >
38925    
38926
38927
38928
38929
38930
38931
38932  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-27 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
38933    <p>CR39 P2</p>
38934  </div>
38935
38936
38937
38938
38939  </a>
38940
38941
38942
38943
38944
38945<product-price
38946  class="text-block text-block--align-left text-left h5 spacing-style"
38947  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-27"
38948  data-product-id="15163012481184"
38949  style="
38950    
38951--color: var(--color-foreground);
38952    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
38953    --width: 100%;
38954  "
38955  
38956>
38957  <div ref="priceContainer">
38958  
38959    
38960    
38961
38962    
38963      <span class="price">$510.00</span>
38964    
38965
38966    
38967  
38968</div>
38969
38970  
38971</product-price>
38972
38973
38974
38975
38976
38977
38978
38979</div>
38980</div>
38981
38982
38983
38984
38985
38986
38987<div
38988  class="
38989    group-block
38990    
38991    group-block--height-fit
38992    group-block--width-fill
38993    border-style
38994    spacing-style
38995    size-style
38996    
38997    
38998  "
38999  style="
39000    --border-width: 1px; --border-style: none; --border-color:
39001rgb(var(--color-border-rgb) / 1.0); --border-radius:
390020px; 
39003
39004    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
39005    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
39006    
39007  "
39008  
39009  data-testid="group-block"
39010><div class="group-block__media-wrapper">
39011    
39012
39013
39014
39015    
39016  </div>
39017
39018  <div
39019    class="
39020      group-block-content
39021      
39022      layout-panel-flex
39023      layout-panel-flex--column
39024       mobile-column
39025    "
39026    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
39027
39028--gap: 0px;
39029
39030--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
39031--vertical-alignment-mobile: flex-start;
39032"
39033  >
39034  
39035
39036
39037
39038
39039
39040
39041
39042</div>
39043</div>
39044
39045
39046
39047
39048
39049</div>
39050</div>
39051
39052
39053
39054
39055
39056
39057  </div>
39058</product-card></product-card-link>
39059
39060
39061
39062
39063          </li>
39064        
39065          <li
39066            id="template--28980150370464__main-15163012907168"
39067            class="product-grid__item product-grid__item--28"
39068            data-page="1"
39069            data-product-id="15163012907168"
39070            ref="cards[]"
39071          >
39072            
39073
39074
39075
39076<style data-shopify>
39077  
39078</style>
39079
39080
39081<product-card-link
39082    data-product-id="15163012907168"
39083    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/lens-default-img_226a0c4a-59be-4d55-ba38-8929abf65e8b.png?v=1756832403&width=500"
39084    data-product-transition="true"
39085    
39086  ><product-card
39087  class="product-card"
39088  data-product-id="15163012907168"
39089  id="product-card-ARkJhYk42RE5RUXhCT__product-card-28"
39090  data-product-transition="true"
39091  
39092  
39093>
39094  <a
39095    id="a3d29008420f4bb8442ad2434fb756cd"
39096    
39097      href="/products/cr39-progressive-clear_bluelight_blocking-1?variant=52764841476256"
39098    
39099    class="product-card__link"
39100    ref="productCardLink"
39101  >
39102    <span class="visually-hidden">
39103      CR39 P3
39104    </span>
39105  </a>
39106  <div
39107    class="
39108      product-card__content
39109      layout-panel-flex
39110      layout-panel-flex--column
39111      product-grid__card
39112      spacing-style
39113      border-style
39114      gap-style
39115      
39116    "
39117    style="
39118      --border-width: 1px; --border-style: none; --border-color:
39119rgb(var(--color-border-rgb) / 1.0); --border-radius:
391200px; 
39121
39122      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
39123
39124
39125
39126--horizontal-alignment: ; --vertical-alignment: ;
39127--vertical-alignment-mobile: ;
39128
39129      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
39130      --product-card-gap: 8px;
39131      --quick-add-display: flex;
39132      --quick-add-mobile-display: flex;
39133      --quick-add-mobile-opacity: 1;
39134      
39135      
39136      
39137      
39138    "
39139  >
39140    
39141  
39142
39143
39144
39145
39146
39147<div
39148  ref="cardGallery"
39149  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-28 spacing-style border-style"
39150  style="
39151    --border-width: 1px; --border-style: none; --border-color:
39152rgb(var(--color-border-rgb) / 1.0); --border-radius:
391530px; 
39154
39155    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
39156    --gallery-aspect-ratio: 4 / 5;
39157  "
39158  data-product-id="15163012907168"
39159  
39160    on:pointerenter="/previewImage"
39161    on:pointerleave="/resetImage"
39162  
39163  
39164    data-view-transition-to-main-product
39165  
39166  data-image-ratio="portrait"
39167  
39168>
39169    <a
39170      class="contents"
39171      ref="cardGalleryLink"
39172      href="/products/cr39-progressive-clear_bluelight_blocking-1?variant=52764841476256"
39173      aria-label="CR39 P3"
39174    >
39175      <slideshow-component
39176  
39177    ref="slideshow"
39178  
39179  
39180  style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
39181  
39182  initial-slide="0"
39183  
39184  
39185    infinite
39186  
39187
39188  data-generic-media-size="1"
39189>
39190  
39191  <slideshow-container ref="slideshowContainer">
39192    
39193    
39194    <slideshow-slides
39195      tabindex="-1"
39196      ref="scroller"
39197      
39198    >
39199      <slideshow-slide
39200  ref="slides[]"
39201  aria-hidden="false"
39202  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
39203  
39204    class="product-media-container media-fit product-media-container--image"
39205  
39206  
39207  
39208  
39209    slide-id="38196829356192"
39210  
39211  
39212  
39213  
39214>
39215  
39216
39217<div
39218  class="product-media"
39219  style="--ratio: 1.0"
39220  data-media-id="38196829356192"
39221>
39222  
39223  <img src="//www.solkyst.ca/cdn/shop/files/lens-default-img_226a0c4a-59be-4d55-ba38-8929abf65e8b.png?v=1756832403&amp;width=3840" alt="Featured image" srcset="//www.solkyst.ca/cdn/shop/files/lens-default-img_226a0c4a-59be-4d55-ba38-8929abf65e8b.png?v=1756832403&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/lens-default-img_226a0c4a-59be-4d55-ba38-8929abf65e8b.png?v=1756832403&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/lens-default-img_226a0c4a-59be-4d55-ba38-8929abf65e8b.png?v=1756832403&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/lens-default-img_226a0c4a-59be-4d55-ba38-8929abf65e8b.png?v=1756832403&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/lens-default-img_226a0c4a-59be-4d55-ba38-8929abf65e8b.png?v=1756832403&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/lens-default-img_226a0c4a-59be-4d55-ba38-8929abf65e8b.png?v=1756832403&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/lens-default-img_226a0c4a-59be-4d55-ba38-8929abf65e8b.png?v=1756832403&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/lens-default-img_226a0c4a-59be-4d55-ba38-8929abf65e8b.png?v=1756832403&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/lens-default-img_226a0c4a-59be-4d55-ba38-8929abf65e8b.png?v=1756832403&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
39224
39225  
39226</div>
39227
39228
39229
39230</slideshow-slide>
39231
39232    </slideshow-slides>
39233  </slideshow-container>
39234  
39235</slideshow-component>
39236
39237
39238
39239    </a>
39240  
39241  
39242    <div
39243      class="product-badges product-badges--top-left"
39244      style="
39245        --badge-border-radius: 0px;
39246        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
39247      "
39248    ></div>
39249    
39250      
39251
39252<quick-add-component
39253  class="quick-add color-scheme-4 "
39254  ref="quickAdd"
39255  data-product-title="CR39 P3"
39256  data-quick-add-button="choose"
39257  data-product-options-count="3"
39258>
39259  <product-form-component
39260    data-section-id="template--28980150370464__main"
39261    data-product-id="15163012907168"
39262    on:submit="/handleSubmit"
39263    class="quick-add__product-form-component"
39264  >
39265    <div
39266      class="visually-hidden"
39267      aria-live="assertive"
39268      role="status"
39269      aria-atomic="true"
39270      ref="liveRegion"
39271    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15163012907168-AVkVHRmZuS1U2YVZuU__card-gallery-28" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
39272        type="hidden"
39273        name="id"
39274        ref="variantId"
39275        value="52764841476256"
39276        
39277      >
39278      <input
39279        type="hidden"
39280        name="quantity"
39281        value="1"
39282      >
39283      
39284      <add-to-cart-component
39285  ref="addToCartButtonContainer"
39286  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/lens-default-img_226a0c4a-59be-4d55-ba38-8929abf65e8b.png?v=1756832403&width=100"
39287  data-add-to-cart-animation="true"
39288>
39289  <button
39290    
39291    type="submit"
39292    name="add"
39293    ref="addToCartButton"
39294    on:click="/handleClick"
39295    class="button button quick-add__button quick-add__button--add add-to-cart-button"
39296    
39297    
39298  >
39299    <span
39300      class="add-to-cart-text"
39301    >
39302      
39303        <span
39304          aria-hidden="true"
39305          class="svg-wrapper add-to-cart-icon"
39306        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
39307</span>
39308      
39309      <span class="add-to-cart-text__content is-visually-hidden-mobile">
39310        <span>
39311          <span>Add</span>
39312        </span>
39313      </span>
39314    </span>
39315    
39316    <span class="add-to-cart__added">
39317      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
39318  <g class="check">
39319    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
39320    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
39321  </g>
39322  <g class="burst">
39323    <g style="--index: 0;">
39324      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
39325    </g>
39326    <g style="--index: 1;">
39327      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
39328    </g>
39329    <g style="--index: 2;">
39330      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
39331    </g>
39332    <g style="--index: 3;">
39333      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
39334    </g>
39335    <g style="--index: 4;">
39336      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
39337    </g>
39338    <g style="--index: 5;">
39339      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
39340    </g>
39341    <g style="--index: 6;">
39342      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
39343    </g>
39344    <g style="--index: 7;">
39345      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
39346    </g>
39347  </g>
39348</svg>
39349</span>
39350    </span>
39351  </button>
39352</add-to-cart-component>
39353
39354
39355
39356
39357      <button
39358        class="button quick-add__button quick-add__button--choose add-to-cart-button"
39359        
39360        type="button"
39361        name="add"
39362        on:click="quick-add-component/handleClick"
39363      >
39364        <span
39365          class="add-to-cart-text quick-add__button-content"
39366        >
39367          
39368          <span
39369            aria-hidden="true"
39370            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
39371          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
39372</span>
39373          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
39374            <span>
39375              
39376              <span>
39377                Choose
39378              </span>
39379            </span>
39380          </span>
39381        </span>
39382      </button><input type="hidden" name="product-id" value="15163012907168" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
39383</quick-add-component>
39384
39385
39386
39387    
39388  
39389
39390</div>
39391
39392
39393
39394
39395
39396<div class="product-grid-view-zoom-out--details">
39397  
39398    <h3 class="h4">CR39 P3</h3>
39399  
39400</div>
39401
39402
39403
39404
39405
39406
39407<div
39408  class="
39409    group-block
39410    
39411    group-block--height-fit
39412    group-block--width-fill
39413    border-style
39414    spacing-style
39415    size-style
39416    
39417    
39418  "
39419  style="
39420    --border-width: 1px; --border-style: none; --border-color:
39421rgb(var(--color-border-rgb) / 1.0); --border-radius:
394220px; 
39423
39424    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
39425    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
39426    
39427  "
39428  
39429  data-testid="group-block"
39430><div class="group-block__media-wrapper">
39431    
39432
39433
39434
39435    
39436  </div>
39437
39438  <div
39439    class="
39440      group-block-content
39441      
39442      layout-panel-flex
39443      layout-panel-flex--row
39444       mobile-column
39445    "
39446    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
39447
39448--gap: 12px;
39449
39450--horizontal-alignment: space-between;
39450 --vertical-alignment: flex-start;
39451--vertical-alignment-mobile: flex-start;
39452"
39453  >
39454  
39455
39456<div
39457  class="
39458    group-block
39459    
39460    group-block--height-fit
39461    group-block--width-fill
39462    border-style
39463    spacing-style
39464    size-style
39465    
39466    
39467  "
39468  style="
39469    --border-width: 1px; --border-style: none; --border-color:
39470rgb(var(--color-border-rgb) / 1.0); --border-radius:
394710px; 
39472
39473    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
39474    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
39475    
39476  "
39477  
39478  data-testid="group-block"
39479><div class="group-block__media-wrapper">
39480    
39481
39482
39483
39484    
39485  </div>
39486
39487  <div
39488    class="
39489      group-block-content
39490      
39491      layout-panel-flex
39492      layout-panel-flex--column
39493       mobile-column
39494    "
39495    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
39496
39497--gap: 0px;
39498
39499--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
39500--vertical-alignment-mobile: flex-start;
39501"
39502  >
39503  
39504  
39505  <a
39506    class="contents user-select-text"
39507    ref="productTitleLink"
39508    href="/products/cr39-progressive-clear_bluelight_blocking-1?variant=52764841476256"
39509  >
39510    
39511
39512
39513
39514
39515
39516
39517  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-28 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
39518    <p>CR39 P3</p>
39519  </div>
39520
39521
39522
39523
39524  </a>
39525
39526
39527
39528
39529
39530<product-price
39531  class="text-block text-block--align-left text-left h5 spacing-style"
39532  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-28"
39533  data-product-id="15163012907168"
39534  style="
39535    
39536--color: var(--color-foreground);
39537    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
39538    --width: 100%;
39539  "
39540  
39541>
39542  <div ref="priceContainer">
39543  
39544    
39545    
39546
39547    
39548      <span class="price">$350.00</span>
39549    
39550
39551    
39552  
39553</div>
39554
39555  
39556</product-price>
39557
39558
39559
39560
39561
39562
39563
39564</div>
39565</div>
39566
39567
39568
39569
39570
39571
39572<div
39573  class="
39574    group-block
39575    
39576    group-block--height-fit
39577    group-block--width-fill
39578    border-style
39579    spacing-style
39580    size-style
39581    
39582    
39583  "
39584  style="
39585    --border-width: 1px; --border-style: none; --border-color:
39586rgb(var(--color-border-rgb) / 1.0); --border-radius:
395870px; 
39588
39589    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
39590    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
39591    
39592  "
39593  
39594  data-testid="group-block"
39595><div class="group-block__media-wrapper">
39596    
39597
39598
39599
39600    
39601  </div>
39602
39603  <div
39604    class="
39605      group-block-content
39606      
39607      layout-panel-flex
39608      layout-panel-flex--column
39609       mobile-column
39610    "
39611    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
39612
39613--gap: 0px;
39614
39615--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
39616--vertical-alignment-mobile: flex-start;
39617"
39618  >
39619  
39620
39621
39622
39623
39624
39625
39626
39627</div>
39628</div>
39629
39630
39631
39632
39633
39634</div>
39635</div>
39636
39637
39638
39639
39640
39641
39642  </div>
39643</product-card></product-card-link>
39644
39645
39646
39647
39648          </li>
39649        
39650          <li
39651            id="template--28980150370464__main-15163001110688"
39652            class="product-grid__item product-grid__item--29"
39653            data-page="1"
39654            data-product-id="15163001110688"
39655            ref="cards[]"
39656          >
39657            
39658
39659
39660
39661<style data-shopify>
39662  
39663</style>
39664
39665
39666<product-card-link
39667    data-product-id="15163001110688"
39668    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/lens-default-img_f80effac-7df6-4388-b794-3f6902a88700.png?v=1756830977&width=500"
39669    data-product-transition="true"
39670    
39671  ><product-card
39672  class="product-card"
39673  data-product-id="15163001110688"
39674  id="product-card-ARkJhYk42RE5RUXhCT__product-card-29"
39675  data-product-transition="true"
39676  
39677  
39678>
39679  <a
39680    id="36d8d4bb295a3c3151f4d072171e72b7"
39681    
39682      href="/products/cr39-single_vision-clear_standard-1?variant=52765067280544"
39683    
39684    class="product-card__link"
39685    ref="productCardLink"
39686  >
39687    <span class="visually-hidden">
39688      CR39 S1
39689    </span>
39690  </a>
39691  <div
39692    class="
39693      product-card__content
39694      layout-panel-flex
39695      layout-panel-flex--column
39696      product-grid__card
39697      spacing-style
39698      border-style
39699      gap-style
39700      
39701    "
39702    style="
39703      --border-width: 1px; --border-style: none; --border-color:
39704rgb(var(--color-border-rgb) / 1.0); --border-radius:
397050px; 
39706
39707      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
39708
39709
39710
39711--horizontal-alignment: ; --vertical-alignment: ;
39712--vertical-alignment-mobile: ;
39713
39714      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
39715      --product-card-gap: 8px;
39716      --quick-add-display: flex;
39717      --quick-add-mobile-display: flex;
39718      --quick-add-mobile-opacity: 1;
39719      
39720      
39721      
39722      
39723    "
39724  >
39725    
39726  
39727
39728
39729
39730
39731
39732<div
39733  ref="cardGallery"
39734  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-29 spacing-style border-style"
39735  style="
39736    --border-width: 1px; --border-style: none; --border-color:
39737rgb(var(--color-border-rgb) / 1.0); --border-radius:
397380px; 
39739
39740    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
39741    --gallery-aspect-ratio: 4 / 5;
39742  "
39743  data-product-id="15163001110688"
39744  
39745    on:pointerenter="/previewImage"
39746    on:pointerleave="/resetImage"
39747  
39748  
39749    data-view-transition-to-main-product
39750  
39751  data-image-ratio="portrait"
39752  
39753>
39754    <a
39755      class="contents"
39756      ref="cardGalleryLink"
39757      href="/products/cr39-single_vision-clear_standard-1?variant=52765067280544"
39758      aria-label="CR39 S1"
39759    >
39760      <slideshow-component
39761  
39762    ref="slideshow"
39763  
39764  
39765  style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
39766  
39767  initial-slide="0"
39768  
39769  
39770    infinite
39771  
39772
39773  data-generic-media-size="1"
39774>
39775  
39776  <slideshow-container ref="slideshowContainer">
39777    
39778    
39779    <slideshow-slides
39780      tabindex="-1"
39781      ref="scroller"
39782      
39783    >
39784      <slideshow-slide
39785  ref="slides[]"
39786  aria-hidden="false"
39787  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
39788  
39789    class="product-media-container media-fit product-media-container--image"
39790  
39791  
39792  
39793  
39794    slide-id="38196772077728"
39795  
39796  
39797  
39798  
39799>
39800  
39801
39802<div
39803  class="product-media"
39804  style="--ratio: 1.0"
39805  data-media-id="38196772077728"
39806>
39807  
39808  <img src="//www.solkyst.ca/cdn/shop/files/lens-default-img_f80effac-7df6-4388-b794-3f6902a88700.png?v=1756830977&amp;width=3840" alt="Featured image" srcset="//www.solkyst.ca/cdn/shop/files/lens-default-img_f80effac-7df6-4388-b794-3f6902a88700.png?v=1756830977&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/lens-default-img_f80effac-7df6-4388-b794-3f6902a88700.png?v=1756830977&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/lens-default-img_f80effac-7df6-4388-b794-3f6902a88700.png?v=1756830977&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/lens-default-img_f80effac-7df6-4388-b794-3f6902a88700.png?v=1756830977&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/lens-default-img_f80effac-7df6-4388-b794-3f6902a88700.png?v=1756830977&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/lens-default-img_f80effac-7df6-4388-b794-3f6902a88700.png?v=1756830977&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/lens-default-img_f80effac-7df6-4388-b794-3f6902a88700.png?v=1756830977&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/lens-default-img_f80effac-7df6-4388-b794-3f6902a88700.png?v=1756830977&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/lens-default-img_f80effac-7df6-4388-b794-3f6902a88700.png?v=1756830977&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
39809
39810  
39811</div>
39812
39813
39814
39815</slideshow-slide>
39816
39817    </slideshow-slides>
39818  </slideshow-container>
39819  
39820</slideshow-component>
39821
39822
39823
39824    </a>
39825  
39826  
39827    <div
39828      class="product-badges product-badges--top-left"
39829      style="
39830        --badge-border-radius: 0px;
39831        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
39832      "
39833    ></div>
39834    
39835      
39836
39837<quick-add-component
39838  class="quick-add color-scheme-4 "
39839  ref="quickAdd"
39840  data-product-title="CR39 S1"
39841  data-quick-add-button="choose"
39842  data-product-options-count="2"
39843>
39844  <product-form-component
39845    data-section-id="template--28980150370464__main"
39846    data-product-id="15163001110688"
39847    on:submit="/handleSubmit"
39848    class="quick-add__product-form-component"
39849  >
39850    <div
39851      class="visually-hidden"
39852      aria-live="assertive"
39853      role="status"
39854      aria-atomic="true"
39855      ref="liveRegion"
39856    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15163001110688-AVkVHRmZuS1U2YVZuU__card-gallery-29" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
39857        type="hidden"
39858        name="id"
39859        ref="variantId"
39860        value="52765067280544"
39861        
39862      >
39863      <input
39864        type="hidden"
39865        name="quantity"
39866        value="1"
39867      >
39868      
39869      <add-to-cart-component
39870  ref="addToCartButtonContainer"
39871  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/lens-default-img_f80effac-7df6-4388-b794-3f6902a88700.png?v=1756830977&width=100"
39872  data-add-to-cart-animation="true"
39873>
39874  <button
39875    
39876    type="submit"
39877    name="add"
39878    ref="addToCartButton"
39879    on:click="/handleClick"
39880    class="button button quick-add__button quick-add__button--add add-to-cart-button"
39881    
39882    
39883  >
39884    <span
39885      class="add-to-cart-text"
39886    >
39887      
39888        <span
39889          aria-hidden="true"
39890          class="svg-wrapper add-to-cart-icon"
39891        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
39892</span>
39893      
39894      <span class="add-to-cart-text__content is-visually-hidden-mobile">
39895        <span>
39896          <span>Add</span>
39897        </span>
39898      </span>
39899    </span>
39900    
39901    <span class="add-to-cart__added">
39902      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
39903  <g class="check">
39904    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
39905    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
39906  </g>
39907  <g class="burst">
39908    <g style="--index: 0;">
39909      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
39910    </g>
39911    <g style="--index: 1;">
39912      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
39913    </g>
39914    <g style="--index: 2;">
39915      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
39916    </g>
39917    <g style="--index: 3;">
39918      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
39919    </g>
39920    <g style="--index: 4;">
39921      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
39922    </g>
39923    <g style="--index: 5;">
39924      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
39925    </g>
39926    <g style="--index: 6;">
39927      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
39928    </g>
39929    <g style="--index: 7;">
39930      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
39931    </g>
39932  </g>
39933</svg>
39934</span>
39935    </span>
39936  </button>
39937</add-to-cart-component>
39938
39939
39940
39941
39942      <button
39943        class="button quick-add__button quick-add__button--choose add-to-cart-button"
39944        
39945        type="button"
39946        name="add"
39947        on:click="quick-add-component/handleClick"
39948      >
39949        <span
39950          class="add-to-cart-text quick-add__button-content"
39951        >
39952          
39953          <span
39954            aria-hidden="true"
39955            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
39956          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
39957</span>
39958          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
39959            <span>
39960              
39961              <span>
39962                Choose
39963              </span>
39964            </span>
39965          </span>
39966        </span>
39967      </button><input type="hidden" name="product-id" value="15163001110688" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
39968</quick-add-component>
39969
39970
39971
39972    
39973  
39974
39975</div>
39976
39977
39978
39979
39980
39981<div class="product-grid-view-zoom-out--details">
39982  
39983    <h3 class="h4">CR39 S1</h3>
39984  
39985</div>
39986
39987
39988
39989
39990
39991
39992<div
39993  class="
39994    group-block
39995    
39996    group-block--height-fit
39997    group-block--width-fill
39998    border-style
39999    spacing-style
40000    size-style
40001    
40002    
40003  "
40004  style="
40005    --border-width: 1px; --border-style: none; --border-color:
40006rgb(var(--color-border-rgb) / 1.0); --border-radius:
400070px; 
40008
40009    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
40010    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
40011    
40012  "
40013  
40014  data-testid="group-block"
40015><div class="group-block__media-wrapper">
40016    
40017
40018
40019
40020    
40021  </div>
40022
40023  <div
40024    class="
40025      group-block-content
40026      
40027      layout-panel-flex
40028      layout-panel-flex--row
40029       mobile-column
40030    "
40031    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
40032
40033--gap: 12px;
40034
40035--horizontal-alignment: space-between;
40035 --vertical-alignment: flex-start;
40036--vertical-alignment-mobile: flex-start;
40037"
40038  >
40039  
40040
40041<div
40042  class="
40043    group-block
40044    
40045    group-block--height-fit
40046    group-block--width-fill
40047    border-style
40048    spacing-style
40049    size-style
40050    
40051    
40052  "
40053  style="
40054    --border-width: 1px; --border-style: none; --border-color:
40055rgb(var(--color-border-rgb) / 1.0); --border-radius:
400560px; 
40057
40058    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
40059    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
40060    
40061  "
40062  
40063  data-testid="group-block"
40064><div class="group-block__media-wrapper">
40065    
40066
40067
40068
40069    
40070  </div>
40071
40072  <div
40073    class="
40074      group-block-content
40075      
40076      layout-panel-flex
40077      layout-panel-flex--column
40078       mobile-column
40079    "
40080    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
40081
40082--gap: 0px;
40083
40084--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
40085--vertical-alignment-mobile: flex-start;
40086"
40087  >
40088  
40089  
40090  <a
40091    class="contents user-select-text"
40092    ref="productTitleLink"
40093    href="/products/cr39-single_vision-clear_standard-1?variant=52765067280544"
40094  >
40095    
40096
40097
40098
40099
40100
40101
40102  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-29 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
40103    <p>CR39 S1</p>
40104  </div>
40105
40106
40107
40108
40109  </a>
40110
40111
40112
40113
40114
40115<product-price
40116  class="text-block text-block--align-left text-left h5 spacing-style"
40117  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-29"
40118  data-product-id="15163001110688"
40119  style="
40120    
40121--color: var(--color-foreground);
40122    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
40123    --width: 100%;
40124  "
40125  
40126>
40127  <div ref="priceContainer">
40128  
40129    
40130    
40131
40132    
40133      <span class="price">$220.00</span>
40134    
40135
40136    
40137  
40138</div>
40139
40140  
40141</product-price>
40142
40143
40144
40145
40146
40147
40148
40149</div>
40150</div>
40151
40152
40153
40154
40155
40156
40157<div
40158  class="
40159    group-block
40160    
40161    group-block--height-fit
40162    group-block--width-fill
40163    border-style
40164    spacing-style
40165    size-style
40166    
40167    
40168  "
40169  style="
40170    --border-width: 1px; --border-style: none; --border-color:
40171rgb(var(--color-border-rgb) / 1.0); --border-radius:
401720px; 
40173
40174    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
40175    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
40176    
40177  "
40178  
40179  data-testid="group-block"
40180><div class="group-block__media-wrapper">
40181    
40182
40183
40184
40185    
40186  </div>
40187
40188  <div
40189    class="
40190      group-block-content
40191      
40192      layout-panel-flex
40193      layout-panel-flex--column
40194       mobile-column
40195    "
40196    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
40197
40198--gap: 0px;
40199
40200--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
40201--vertical-alignment-mobile: flex-start;
40202"
40203  >
40204  
40205
40206
40207
40208
40209
40210
40211
40212</div>
40213</div>
40214
40215
40216
40217
40218
40219</div>
40220</div>
40221
40222
40223
40224
40225
40226
40227  </div>
40228</product-card></product-card-link>
40229
40230
40231
40232
40233          </li>
40234        
40235          <li
40236            id="template--28980150370464__main-15163003535520"
40237            class="product-grid__item product-grid__item--30"
40238            data-page="1"
40239            data-product-id="15163003535520"
40240            ref="cards[]"
40241          >
40242            
40243
40244
40245
40246<style data-shopify>
40247  
40248</style>
40249
40250
40251<product-card-link
40252    data-product-id="15163003535520"
40253    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/34410d3f-0d6.png?v=1757011037&width=500"
40254    data-product-transition="true"
40255    
40256  ><product-card
40257  class="product-card"
40258  data-product-id="15163003535520"
40259  id="product-card-ARkJhYk42RE5RUXhCT__product-card-30"
40260  data-product-transition="true"
40261  
40262  
40263>
40264  <a
40265    id="0ef3d7817c93c1f608b9577e07eae3ac"
40266    
40267      href="/products/cr39-single_vision-clear_bluelight_blocking-0?variant=52765054664864"
40268    
40269    class="product-card__link"
40270    ref="productCardLink"
40271  >
40272    <span class="visually-hidden">
40273      CR39 S2
40274    </span>
40275  </a>
40276  <div
40277    class="
40278      product-card__content
40279      layout-panel-flex
40280      layout-panel-flex--column
40281      product-grid__card
40282      spacing-style
40283      border-style
40284      gap-style
40285      
40286    "
40287    style="
40288      --border-width: 1px; --border-style: none; --border-color:
40289rgb(var(--color-border-rgb) / 1.0); --border-radius:
402900px; 
40291
40292      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
40293
40294
40295
40296--horizontal-alignment: ; --vertical-alignment: ;
40297--vertical-alignment-mobile: ;
40298
40299      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
40300      --product-card-gap: 8px;
40301      --quick-add-display: flex;
40302      --quick-add-mobile-display: flex;
40303      --quick-add-mobile-opacity: 1;
40304      
40305      
40306      
40307      
40308    "
40309  >
40310    
40311  
40312
40313
40314
40315
40316
40317<div
40318  ref="cardGallery"
40319  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-30 spacing-style border-style"
40320  style="
40321    --border-width: 1px; --border-style: none; --border-color:
40322rgb(var(--color-border-rgb) / 1.0); --border-radius:
403230px; 
40324
40325    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
40326    --gallery-aspect-ratio: 4 / 5;
40327  "
40328  data-product-id="15163003535520"
40329  
40330    on:pointerenter="/previewImage"
40331    on:pointerleave="/resetImage"
40332  
40333  
40334    data-view-transition-to-main-product
40335  
40336  data-image-ratio="portrait"
40337  
40338>
40339    <a
40340      class="contents"
40341      ref="cardGalleryLink"
40342      href="/products/cr39-single_vision-clear_bluelight_blocking-0?variant=52765054664864"
40343      aria-label="CR39 S2"
40344    >
40345      <slideshow-component
40346  
40347    ref="slideshow"
40348  
40349  
40350  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3;--slide-min-height: auto;--slide-min-height-desktop: auto;"
40351  
40352  initial-slide="0"
40353  
40354  
40355    infinite
40356  
40357
40358  data-generic-media-size="2"
40359>
40360  
40361  <slideshow-container ref="slideshowContainer">
40362    
40363      <slideshow-arrows
40364  position="center"
40365  
40366><button
40367  class="
40368    slideshow-control slideshow-control--previous
40369    
40370    
40371    slideshow-control--style-arrow
40372    button button-unstyled button-unstyled--transparent
40373     flip-x
40374  "
40375  
40376  aria-label="Previous slide"
40377  
40378  on:click="/previous"
40379  ref="previous"
40380>
40381  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
40382</span>
40383</button>
40384<button
40385  class="
40386    slideshow-control slideshow-control--next
40387    
40388    
40389    slideshow-control--style-arrow
40390    button button-unstyled button-unstyled--transparent
40391    
40392  "
40393  
40394  aria-label="Next slide"
40395  
40396  on:click="/next"
40397  ref="next"
40398>
40399  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
40400</span>
40401</button>
40402</slideshow-arrows>
40403
40404    
40405    
40406    <slideshow-slides
40407      tabindex="-1"
40408      ref="scroller"
40409      
40410    >
40411      <slideshow-slide
40412  ref="slides[]"
40413  aria-hidden="false"
40414  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
40415  
40416    class="product-media-container media-fit product-media-container--image"
40417  
40418  
40419  
40420  
40421    slide-id="38196786069664"
40422  
40423  
40424  
40425  
40426>
40427  
40428
40429<div
40430  class="product-media"
40431  style="--ratio: 1.0"
40432  data-media-id="38196786069664"
40433>
40434  
40435  <img src="//www.solkyst.ca/cdn/shop/files/lens-default-img_f27d6d41-0e95-4a82-a7fe-c540d7b15c8e.png?v=1756831152&amp;width=3840" alt="Featured image" srcset="//www.solkyst.ca/cdn/shop/files/lens-default-img_f27d6d41-0e95-4a82-a7fe-c540d7b15c8e.png?v=1756831152&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/lens-default-img_f27d6d41-0e95-4a82-a7fe-c540d7b15c8e.png?v=1756831152&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/lens-default-img_f27d6d41-0e95-4a82-a7fe-c540d7b15c8e.png?v=1756831152&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/lens-default-img_f27d6d41-0e95-4a82-a7fe-c540d7b15c8e.png?v=1756831152&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/lens-default-img_f27d6d41-0e95-4a82-a7fe-c540d7b15c8e.png?v=1756831152&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/lens-default-img_f27d6d41-0e95-4a82-a7fe-c540d7b15c8e.png?v=1756831152&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/lens-default-img_f27d6d41-0e95-4a82-a7fe-c540d7b15c8e.png?v=1756831152&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/lens-default-img_f27d6d41-0e95-4a82-a7fe-c540d7b15c8e.png?v=1756831152&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/lens-default-img_f27d6d41-0e95-4a82-a7fe-c540d7b15c8e.png?v=1756831152&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
40436
40437  
40438</div>
40439
40440
40441
40442</slideshow-slide>
40443<slideshow-slide
40444  ref="slides[]"
40445  aria-hidden="true"
40446  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
40447  
40448    class="product-media-container media-fit product-media-container--image"
40449  
40450  variant-image
40451  
40452  
40453    slide-id="38210969010336"
40454  
40455  
40456    hidden
40457  
40458  
40459  variant-image
40460>
40461  
40462
40463<div
40464  class="product-media"
40465  style="--ratio: 1.0"
40466  data-media-id="38210969010336"
40467>
40468  
40469  <img src="//www.solkyst.ca/cdn/shop/files/34410d3f-0d6.png?v=1757011037&amp;width=3840" alt="CR39 S2" srcset="//www.solkyst.ca/cdn/shop/files/34410d3f-0d6.png?v=1757011037&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/34410d3f-0d6.png?v=1757011037&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/34410d3f-0d6.png?v=1757011037&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/34410d3f-0d6.png?v=1757011037&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/34410d3f-0d6.png?v=1757011037&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/34410d3f-0d6.png?v=1757011037&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/34410d3f-0d6.png?v=1757011037&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/34410d3f-0d6.png?v=1757011037&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/34410d3f-0d6.png?v=1757011037&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
40470
40471  
40472</div>
40473
40474
40475
40476</slideshow-slide>
40477<slideshow-slide
40478  ref="slides[]"
40479  aria-hidden="true"
40480  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
40481  
40482    class="product-media-container media-fit product-media-container--image"
40483  
40484  
40485  
40486  
40487    slide-id="38210969600160"
40488  
40489  
40490  
40491  
40492>
40493  
40494
40495<div
40496  class="product-media"
40497  style="--ratio: 1.0"
40498  data-media-id="38210969600160"
40499>
40500  
40501  <img src="//www.solkyst.ca/cdn/shop/files/e3997369-9bd.png?v=1757011042&amp;width=3840" alt="CR39 S2" srcset="//www.solkyst.ca/cdn/shop/files/e3997369-9bd.png?v=1757011042&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/e3997369-9bd.png?v=1757011042&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/e3997369-9bd.png?v=1757011042&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/e3997369-9bd.png?v=1757011042&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/e3997369-9bd.png?v=1757011042&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/e3997369-9bd.png?v=1757011042&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/e3997369-9bd.png?v=1757011042&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/e3997369-9bd.png?v=1757011042&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/e3997369-9bd.png?v=1757011042&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
40502
40503  
40504</div>
40505
40506
40507
40508</slideshow-slide>
40509
40510    </slideshow-slides>
40511  </slideshow-container>
40512  
40513</slideshow-component>
40514
40515
40516
40517    </a>
40518  
40519  
40520    <div
40521      class="product-badges product-badges--top-left"
40522      style="
40523        --badge-border-radius: 0px;
40524        --badge-font-family: var(--font-body--family);
40524 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
40525      "
40526    ></div>
40527    
40528      
40529
40530<quick-add-component
40531  class="quick-add color-scheme-4 "
40532  ref="quickAdd"
40533  data-product-title="CR39 S2"
40534  data-quick-add-button="choose"
40535  data-product-options-count="2"
40536>
40537  <product-form-component
40538    data-section-id="template--28980150370464__main"
40539    data-product-id="15163003535520"
40540    on:submit="/handleSubmit"
40541    class="quick-add__product-form-component"
40542  >
40543    <div
40544      class="visually-hidden"
40545      aria-live="assertive"
40546      role="status"
40547      aria-atomic="true"
40548      ref="liveRegion"
40549    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15163003535520-AVkVHRmZuS1U2YVZuU__card-gallery-30" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
40550        type="hidden"
40551        name="id"
40552        ref="variantId"
40553        value="52765054664864"
40554        
40555      >
40556      <input
40557        type="hidden"
40558        name="quantity"
40559        value="1"
40560      >
40561      
40562      <add-to-cart-component
40563  ref="addToCartButtonContainer"
40564  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/34410d3f-0d6.png?v=1757011037&width=100"
40565  data-add-to-cart-animation="true"
40566>
40567  <button
40568    
40569    type="submit"
40570    name="add"
40571    ref="addToCartButton"
40572    on:click="/handleClick"
40573    class="button button quick-add__button quick-add__button--add add-to-cart-button"
40574    
40575    
40576  >
40577    <span
40578      class="add-to-cart-text"
40579    >
40580      
40581        <span
40582          aria-hidden="true"
40583          class="svg-wrapper add-to-cart-icon"
40584        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
40585</span>
40586      
40587      <span class="add-to-cart-text__content is-visually-hidden-mobile">
40588        <span>
40589          <span>Add</span>
40590        </span>
40591      </span>
40592    </span>
40593    
40594    <span class="add-to-cart__added">
40595      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
40596  <g class="check">
40597    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
40598    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
40599  </g>
40600  <g class="burst">
40601    <g style="--index: 0;">
40602      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
40603    </g>
40604    <g style="--index: 1;">
40605      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
40606    </g>
40607    <g style="--index: 2;">
40608      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
40609    </g>
40610    <g style="--index: 3;">
40611      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
40612    </g>
40613    <g style="--index: 4;">
40614      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
40615    </g>
40616    <g style="--index: 5;">
40617      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
40618    </g>
40619    <g style="--index: 6;">
40620      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
40621    </g>
40622    <g style="--index: 7;">
40623      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
40624    </g>
40625  </g>
40626</svg>
40627</span>
40628    </span>
40629  </button>
40630</add-to-cart-component>
40631
40632
40633
40634
40635      <button
40636        class="button quick-add__button quick-add__button--choose add-to-cart-button"
40637        
40638        type="button"
40639        name="add"
40640        on:click="quick-add-component/handleClick"
40641      >
40642        <span
40643          class="add-to-cart-text quick-add__button-content"
40644        >
40645          
40646          <span
40647            aria-hidden="true"
40648            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
40649          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
40650</span>
40651          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
40652            <span>
40653              
40654              <span>
40655                Choose
40656              </span>
40657            </span>
40658          </span>
40659        </span>
40660      </button><input type="hidden" name="product-id" value="15163003535520" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
40661</quick-add-component>
40662
40663
40664
40665    
40666  
40667
40668</div>
40669
40670
40671
40672
40673
40674<div class="product-grid-view-zoom-out--details">
40675  
40676    <h3 class="h4">CR39 S2</h3>
40677  
40678</div>
40679
40680
40681
40682
40683
40684
40685<div
40686  class="
40687    group-block
40688    
40689    group-block--height-fit
40690    group-block--width-fill
40691    border-style
40692    spacing-style
40693    size-style
40694    
40695    
40696  "
40697  style="
40698    --border-width: 1px; --border-style: none; --border-color:
40699rgb(var(--color-border-rgb) / 1.0); --border-radius:
407000px; 
40701
40702    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
40703    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
40704    
40705  "
40706  
40707  data-testid="group-block"
40708><div class="group-block__media-wrapper">
40709    
40710
40711
40712
40713    
40714  </div>
40715
40716  <div
40717    class="
40718      group-block-content
40719      
40720      layout-panel-flex
40721      layout-panel-flex--row
40722       mobile-column
40723    "
40724    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
40725
40726--gap: 12px;
40727
40728--horizontal-alignment: space-between; --vertical-alignment: flex-start;
40729--vertical-alignment-mobile: flex-start;
40730"
40731  >
40732  
40733
40734<div
40735  class="
40736    group-block
40737    
40738    group-block--height-fit
40739    group-block--width-fill
40740    border-style
40741    spacing-style
40742    size-style
40743    
40744    
40745  "
40746  style="
40747    --border-width: 1px; --border-style: none; --border-color:
40748rgb(var(--color-border-rgb) / 1.0); --border-radius:
407490px; 
40750
40751    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
40752    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
40753    
40754  "
40755  
40756  data-testid="group-block"
40757><div class="group-block__media-wrapper">
40758    
40759
40760
40761
40762    
40763  </div>
40764
40765  <div
40766    class="
40767      group-block-content
40768      
40769      layout-panel-flex
40770      layout-panel-flex--column
40771       mobile-column
40772    "
40773    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
40774
40775--gap: 0px;
40776
40777--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
40778--vertical-alignment-mobile: flex-start;
40779"
40780  >
40781  
40782  
40783  <a
40784    class="contents user-select-text"
40785    ref="productTitleLink"
40786    href="/products/cr39-single_vision-clear_bluelight_blocking-0?variant=52765054664864"
40787  >
40788    
40789
40790
40791
40792
40793
40794
40795  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-30 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
40796    <p>CR39 S2</p>
40797  </div>
40798
40799
40800
40801
40802  </a>
40803
40804
40805
40806
40807
40808<product-price
40809  class="text-block text-block--align-left text-left h5 spacing-style"
40810  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-30"
40811  data-product-id="15163003535520"
40812  style="
40813    
40814--color: var(--color-foreground);
40815    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
40816    --width: 100%;
40817  "
40818  
40819>
40820  <div ref="priceContainer">
40821  
40822    
40823    
40824
40825    
40826      <span class="price">$430.00</span>
40827    
40828
40829    
40830  
40831</div>
40832
40833  
40834</product-price>
40835
40836
40837
40838
40839
40840
40841
40842</div>
40843</div>
40844
40845
40846
40847
40848
40849
40850<div
40851  class="
40852    group-block
40853    
40854    group-block--height-fit
40855    group-block--width-fill
40856    border-style
40857    spacing-style
40858    size-style
40859    
40860    
40861  "
40862  style="
40863    --border-width: 1px; --border-style: none; --border-color:
40864rgb(var(--color-border-rgb) / 1.0); --border-radius:
408650px; 
40866
40867    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
40868    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
40869    
40870  "
40871  
40872  data-testid="group-block"
40873><div class="group-block__media-wrapper">
40874    
40875
40876
40877
40878    
40879  </div>
40880
40881  <div
40882    class="
40883      group-block-content
40884      
40885      layout-panel-flex
40886      layout-panel-flex--column
40887       mobile-column
40888    "
40889    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
40890
40891--gap: 0px;
40892
40893--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
40894--vertical-alignment-mobile: flex-start;
40895"
40896  >
40897  
40898
40899
40900
40901
40902
40903
40904
40905</div>
40906</div>
40907
40908
40909
40910
40911
40912</div>
40913</div>
40914
40915
40916
40917
40918
40919
40920  </div>
40921</product-card></product-card-link>
40922
40923
40924
40925
40926          </li>
40927        
40928          <li
40929            id="template--28980150370464__main-7008294600864"
40930            class="product-grid__item product-grid__item--31"
40931            data-page="1"
40932            data-product-id="7008294600864"
40933            ref="cards[]"
40934          >
40935            
40936
40937
40938
40939<style data-shopify>
40940  
40941</style>
40942
40943
40944<product-card-link
40945    data-product-id="7008294600864"
40946    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/IMG_0404.jpg?v=1767378032&width=500"
40947    data-product-transition="true"
40948    
40949  ><product-card
40950  class="product-card"
40951  data-product-id="7008294600864"
40952  id="product-card-ARkJhYk42RE5RUXhCT__product-card-31"
40953  data-product-transition="true"
40954  
40955  
40956>
40957  <a
40958    id="3ff7cad7ed4b7ed6aeaa3197ff2a3cb1"
40959    
40960      href="/products/dylan?variant=48119983734944"
40961    
40962    class="product-card__link"
40963    ref="productCardLink"
40964  >
40965    <span class="visually-hidden">
40966      DYLAN | Sunglasses for Wide Face | Wide Fit Frames
40967    </span>
40968  </a>
40969  <div
40970    class="
40971      product-card__content
40972      layout-panel-flex
40973      layout-panel-flex--column
40974      product-grid__card
40975      spacing-style
40976      border-style
40977      gap-style
40978      
40979    "
40980    style="
40981      --border-width: 1px; --border-style: none; --border-color:
40982rgb(var(--color-border-rgb) / 1.0); --border-radius:
409830px; 
40984
40985      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
40986
40987
40988
40989--horizontal-alignment: ; --vertical-alignment: ;
40990--vertical-alignment-mobile: ;
40991
40992      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
40993      --product-card-gap: 8px;
40994      --quick-add-display: flex;
40995      --quick-add-mobile-display: flex;
40996      --quick-add-mobile-opacity: 1;
40997      
40998      
40999      
41000      
41001    "
41002  >
41003    
41004  
41005
41006
41007
41008
41009
41010<div
41011  ref="cardGallery"
41012  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-31 spacing-style border-style"
41013  style="
41014    --border-width: 1px; --border-style: none; --border-color:
41015rgb(var(--color-border-rgb) / 1.0); --border-radius:
410160px; 
41017
41018    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
41019    --gallery-aspect-ratio: 4 / 5;
41020  "
41021  data-product-id="7008294600864"
41022  
41023    on:pointerenter="/previewImage"
41024    on:pointerleave="/resetImage"
41025  
41026  
41027    data-view-transition-to-main-product
41028  
41029  data-image-ratio="portrait"
41030  
41031>
41032    <a
41033      class="contents"
41034      ref="cardGalleryLink"
41035      href="/products/dylan?variant=48119983734944"
41036      aria-label="DYLAN | Sunglasses for Wide Face | Wide Fit Frames"
41037    >
41038      <slideshow-component
41039  
41040    ref="slideshow"
41041  
41042  
41043  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
41044  
41045  initial-slide="0"
41046  
41047  
41048    infinite
41049  
41050
41051  data-generic-media-size="5"
41052>
41053  
41054  <slideshow-container ref="slideshowContainer">
41055    
41056      <slideshow-arrows
41057  position="center"
41058  
41059><button
41060  class="
41061    slideshow-control slideshow-control--previous
41062    
41063    
41064    slideshow-control--style-arrow
41065    button button-unstyled button-unstyled--transparent
41066     flip-x
41067  "
41068  
41069  aria-label="Previous slide"
41070  
41071  on:click="/previous"
41072  ref="previous"
41073>
41074  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
41075</span>
41076</button>
41077<button
41078  class="
41079    slideshow-control slideshow-control--next
41080    
41081    
41082    slideshow-control--style-arrow
41083    button button-unstyled button-unstyled--transparent
41084    
41085  "
41086  
41087  aria-label="Next slide"
41088  
41089  on:click="/next"
41090  ref="next"
41091>
41092  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
41093</span>
41094</button>
41095</slideshow-arrows>
41096
41097    
41098    
41099    <slideshow-slides
41100      tabindex="-1"
41101      ref="scroller"
41102      
41103    >
41104      <slideshow-slide
41105  ref="slides[]"
41106  aria-hidden="false"
41107  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
41108  
41109    class="product-media-container media-fit product-media-container--image"
41110  
41111  
41112  
41113  
41114    slide-id="28963277308064"
41115  
41116  
41117  
41118  
41119>
41120  
41121
41122<div
41123  class="product-media"
41124  style="--ratio: 0.6666666666666666"
41125  data-media-id="28963277308064"
41126>
41127  
41128  <img src="//www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b.png?v=1766799008&amp;width=3840" alt="Sol Kyst women&#39;s aviators with black frames and dark blue tinted lenses - front view." srcset="//www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b.png?v=1766799008&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b.png?v=1766799008&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b.png?v=1766799008&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b.png?v=1766799008&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b.png?v=1766799008&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b.png?v=1766799008&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b.png?v=1766799008&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b.png?v=1766799008&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b.png?v=1766799008&amp;width=3840" fetchpriority="auto" style="--focal-point: 45.8735% 32.0495%;">
41129
41130  
41131</div>
41132
41133
41134
41135</slideshow-slide>
41136<slideshow-slide
41137  ref="slides[]"
41138  aria-hidden="true"
41139  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
41140  
41141    class="product-media-container media-fit product-media-container--image"
41142  
41143  
41144  
41145  
41146    slide-id="38875025113248"
41147  
41148  
41149  
41150  
41151>
41152  
41153
41154<div
41155  class="product-media"
41156  style="--ratio: 0.6666666666666666"
41157  data-media-id="38875025113248"
41158>
41159  
41160  <img src="//www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b_1.png?v=1767378032&amp;width=3840" alt="DYLAN | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b_1.png?v=1767378032&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b_1.png?v=1767378032&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b_1.png?v=1767378032&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b_1.png?v=1767378032&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b_1.png?v=1767378032&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b_1.png?v=1767378032&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b_1.png?v=1767378032&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b_1.png?v=1767378032&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/7_51b55bbc-6f22-4055-aedb-198f8339e27b_1.png?v=1767378032&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
41161
41162  
41163</div>
41164
41165
41166
41167</slideshow-slide>
41168<slideshow-slide
41169  ref="slides[]"
41170  aria-hidden="true"
41171  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
41172  
41173    class="product-media-container media-fit product-media-container--image"
41174  
41175  variant-image
41176  
41177  
41178    slide-id="38023732691104"
41179  
41180  
41181    hidden
41182  
41183  
41184  variant-image
41185>
41186  
41187
41188<div
41189  class="product-media"
41190  style="--ratio: 0.7999230473258946"
41191  data-media-id="38023732691104"
41192>
41193  
41194  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0404.jpg?v=1767378032&amp;width=3840" alt="DYLAN | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0404.jpg?v=1767378032&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0404.jpg?v=1767378032&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0404.jpg?v=1767378032&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0404.jpg?v=1767378032&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0404.jpg?v=1767378032&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0404.jpg?v=1767378032&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0404.jpg?v=1767378032&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0404.jpg?v=1767378032&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0404.jpg?v=1767378032&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
41195
41196  
41197</div>
41198
41199
41200
41201</slideshow-slide>
41202<slideshow-slide
41203  ref="slides[]"
41204  aria-hidden="true"
41205  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
41206  
41207    class="product-media-container media-fit product-media-container--image"
41208  
41209  
41210  
41211  
41212    slide-id="32383786352800"
41213  
41214  
41215  
41216  
41217>
41218  
41219
41220<div
41221  class="product-media"
41222  style="--ratio: 1.0"
41223  data-media-id="32383786352800"
41224>
41225  
41226  <img src="//www.solkyst.ca/cdn/shop/files/Dylan1.jpg?v=1767378032&amp;width=3840" alt="Sol Kyst women&#39;s aviators with black frames and dark tinted lenses in front of matching case with a white background." srcset="//www.solkyst.ca/cdn/shop/files/Dylan1.jpg?v=1767378032&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Dylan1.jpg?v=1767378032&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Dylan1.jpg?v=1767378032&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Dylan1.jpg?v=1767378032&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Dylan1.jpg?v=1767378032&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Dylan1.jpg?v=1767378032&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Dylan1.jpg?v=1767378032&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Dylan1.jpg?v=1767378032&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Dylan1.jpg?v=1767378032&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
41227
41228  
41229</div>
41230
41231
41232
41233</slideshow-slide>
41234<slideshow-slide
41235  ref="slides[]"
41236  aria-hidden="true"
41237  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
41238  
41239    class="product-media-container media-fit product-media-container--image"
41240  
41241  
41242  
41243  
41244    slide-id="32383779504288"
41245  
41246  
41247  
41248  
41249>
41250  
41251
41252<div
41253  class="product-media"
41254  style="--ratio: 1.0"
41255  data-media-id="32383779504288"
41256>
41257  
41258  <img src="//www.solkyst.ca/cdn/shop/files/Dylan.jpg?v=1767378032&amp;width=3840" alt="Four angles of Sol Kyst women&#39;s aviators with black frames and dark tinted lenses on a white background." srcset="//www.solkyst.ca/cdn/shop/files/Dylan.jpg?v=1767378032&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Dylan.jpg?v=1767378032&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Dylan.jpg?v=1767378032&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Dylan.jpg?v=1767378032&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Dylan.jpg?v=1767378032&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Dylan.jpg?v=1767378032&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Dylan.jpg?v=1767378032&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Dylan.jpg?v=1767378032&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Dylan.jpg?v=1767378032&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
41259
41260  
41261</div>
41262
41263
41264
41265</slideshow-slide>
41266<slideshow-slide
41267  ref="slides[]"
41268  aria-hidden="true"
41269  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
41270  
41271    class="product-media-container media-fit product-media-container--image"
41272  
41273  
41274  
41275  
41276    slide-id="69363639877792"
41277  
41278  
41279  
41280  
41281>
41282  
41283
41284<div
41285  class="product-media"
41286  style="--ratio: 0.8"
41287  data-media-id="69363639877792"
41288>
41289  
41290  <img src="//www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=3840" alt="DYLAN | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
41291
41292  
41293</div>
41294
41295
41296
41297</slideshow-slide>
41298
41299    </slideshow-slides>
41300  </slideshow-container>
41301  
41302</slideshow-component>
41303
41304
41305
41306    </a>
41307  
41308  
41309    <div
41310      class="product-badges product-badges--top-left"
41311      style="
41312        --badge-border-radius: 0px;
41313        --badge-font-family: var(--font-body--family);
41313 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
41314      "
41315    ></div>
41316    
41317      
41318
41319<quick-add-component
41320  class="quick-add color-scheme-4 "
41321  ref="quickAdd"
41322  data-product-title="DYLAN | Sunglasses for Wide Face | Wide Fit Frames"
41323  data-quick-add-button="add"
41324  data-product-options-count="1"
41325>
41326  <product-form-component
41327    data-section-id="template--28980150370464__main"
41328    data-product-id="7008294600864"
41329    on:submit="/handleSubmit"
41330    class="quick-add__product-form-component"
41331  >
41332    <div
41333      class="visually-hidden"
41334      aria-live="assertive"
41335      role="status"
41336      aria-atomic="true"
41337      ref="liveRegion"
41338    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-7008294600864-AVkVHRmZuS1U2YVZuU__card-gallery-31" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
41339        type="hidden"
41340        name="id"
41341        ref="variantId"
41342        value="48119983734944"
41343        
41344      >
41345      <input
41346        type="hidden"
41347        name="quantity"
41348        value="1"
41349      >
41350      
41351      <add-to-cart-component
41352  ref="addToCartButtonContainer"
41353  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/IMG_0404.jpg?v=1767378032&width=100"
41354  data-add-to-cart-animation="true"
41355>
41356  <button
41357    
41358    type="submit"
41359    name="add"
41360    ref="addToCartButton"
41361    on:click="/handleClick"
41362    class="button button quick-add__button quick-add__button--add add-to-cart-button"
41363    
41364    
41365  >
41366    <span
41367      class="add-to-cart-text"
41368    >
41369      
41370        <span
41371          aria-hidden="true"
41372          class="svg-wrapper add-to-cart-icon"
41373        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
41374</span>
41375      
41376      <span class="add-to-cart-text__content is-visually-hidden-mobile">
41377        <span>
41378          <span>Add</span>
41379        </span>
41380      </span>
41381    </span>
41382    
41383    <span class="add-to-cart__added">
41384      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
41385  <g class="check">
41386    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
41387    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
41388  </g>
41389  <g class="burst">
41390    <g style="--index: 0;">
41391      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
41392    </g>
41393    <g style="--index: 1;">
41394      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
41395    </g>
41396    <g style="--index: 2;">
41397      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
41398    </g>
41399    <g style="--index: 3;">
41400      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
41401    </g>
41402    <g style="--index: 4;">
41403      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
41404    </g>
41405    <g style="--index: 5;">
41406      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
41407    </g>
41408    <g style="--index: 6;">
41409      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
41410    </g>
41411    <g style="--index: 7;">
41412      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
41413    </g>
41414  </g>
41415</svg>
41416</span>
41417    </span>
41418  </button>
41419</add-to-cart-component>
41420
41421
41422
41423
41424      <button
41425        class="button quick-add__button quick-add__button--choose add-to-cart-button"
41426        
41427        type="button"
41428        name="add"
41429        on:click="quick-add-component/handleClick"
41430      >
41431        <span
41432          class="add-to-cart-text quick-add__button-content"
41433        >
41434          
41435          <span
41436            aria-hidden="true"
41437            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
41438          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
41439</span>
41440          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
41441            <span>
41442              
41443              <span>
41444                Choose
41445              </span>
41446            </span>
41447          </span>
41448        </span>
41449      </button><input type="hidden" name="product-id" value="7008294600864" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
41450</quick-add-component>
41451
41452
41453
41454    
41455  
41456
41457</div>
41458
41459
41460
41461
41462
41463<div class="product-grid-view-zoom-out--details">
41464  
41465    <h3 class="h4">DYLAN | Sunglasses for Wide Face | Wide Fit Frames</h3>
41466  
41467</div>
41468
41469
41470
41471
41472
41473
41474<div
41475  class="
41476    group-block
41477    
41478    group-block--height-fit
41479    group-block--width-fill
41480    border-style
41481    spacing-style
41482    size-style
41483    
41484    
41485  "
41486  style="
41487    --border-width: 1px; --border-style: none; --border-color:
41488rgb(var(--color-border-rgb) / 1.0); --border-radius:
414890px; 
41490
41491    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
41492    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
41493    
41494  "
41495  
41496  data-testid="group-block"
41497><div class="group-block__media-wrapper">
41498    
41499
41500
41501
41502    
41503  </div>
41504
41505  <div
41506    class="
41507      group-block-content
41508      
41509      layout-panel-flex
41510      layout-panel-flex--row
41511       mobile-column
41512    "
41513    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
41514
41515--gap: 12px;
41516
41517--horizontal-alignment: space-between; --vertical-alignment: flex-start;
41518--vertical-alignment-mobile: flex-start;
41519"
41520  >
41521  
41522
41523<div
41524  class="
41525    group-block
41526    
41527    group-block--height-fit
41528    group-block--width-fill
41529    border-style
41530    spacing-style
41531    size-style
41532    
41533    
41534  "
41535  style="
41536    --border-width: 1px; --border-style: none; --border-color:
41537rgb(var(--color-border-rgb) / 1.0); --border-radius:
415380px; 
41539
41540    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
41541    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
41542    
41543  "
41544  
41545  data-testid="group-block"
41546><div class="group-block__media-wrapper">
41547    
41548
41549
41550
41551    
41552  </div>
41553
41554  <div
41555    class="
41556      group-block-content
41557      
41558      layout-panel-flex
41559      layout-panel-flex--column
41560       mobile-column
41561    "
41562    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
41563
41564--gap: 0px;
41565
41566--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
41567--vertical-alignment-mobile: flex-start;
41568"
41569  >
41570  
41571  
41572  <a
41573    class="contents user-select-text"
41574    ref="productTitleLink"
41575    href="/products/dylan?variant=48119983734944"
41576  >
41577    
41578
41579
41580
41581
41582
41583
41584  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-31 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
41585    <p>DYLAN | Sunglasses for Wide Face | Wide Fit Frames</p>
41586  </div>
41587
41588
41589
41590
41591  </a>
41592
41593
41594
41595
41596
41597<product-price
41598  class="text-block text-block--align-left text-left h5 spacing-style"
41599  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-31"
41600  data-product-id="7008294600864"
41601  style="
41602    
41603--color: var(--color-foreground);
41604    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
41605    --width: 100%;
41606  "
41607  
41608>
41609  <div ref="priceContainer">
41610  
41611    
41612    
41613
41614    
41615      <span class="price">$180.00</span>
41616    
41617
41618    
41619  
41620</div>
41621
41622  
41623</product-price>
41624
41625
41626
41627
41628
41629
41630
41631</div>
41632</div>
41633
41634
41635
41636
41637
41638
41639<div
41640  class="
41641    group-block
41642    
41643    group-block--height-fit
41644    group-block--width-fill
41645    border-style
41646    spacing-style
41647    size-style
41648    
41649    
41650  "
41651  style="
41652    --border-width: 1px; --border-style: none; --border-color:
41653rgb(var(--color-border-rgb) / 1.0); --border-radius:
416540px; 
41655
41656    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
41657    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
41658    
41659  "
41660  
41661  data-testid="group-block"
41662><div class="group-block__media-wrapper">
41663    
41664
41665
41666
41667    
41668  </div>
41669
41670  <div
41671    class="
41672      group-block-content
41673      
41674      layout-panel-flex
41675      layout-panel-flex--column
41676       mobile-column
41677    "
41678    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
41679
41680--gap: 0px;
41681
41682--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
41683--vertical-alignment-mobile: flex-start;
41684"
41685  >
41686  
41687
41688
41689
41690
41691
41692
41693
41694</div>
41695</div>
41696
41697
41698
41699
41700
41701</div>
41702</div>
41703
41704
41705
41706
41707
41708
41709  </div>
41710</product-card></product-card-link>
41711
41712
41713
41714
41715          </li>
41716        
41717          <li
41718            id="template--28980150370464__main-15272266694816"
41719            class="product-grid__item product-grid__item--32"
41720            data-page="1"
41721            data-product-id="15272266694816"
41722            ref="cards[]"
41723          >
41724            
41725
41726
41727
41728<style data-shopify>
41729  
41730</style>
41731
41732
41733<product-card-link
41734    data-product-id="15272266694816"
41735    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/5_20f8540e-1c47-4cc0-9d8b-dce4aa53178e.png?v=1775500633&width=500"
41736    data-product-transition="true"
41737    
41738  ><product-card
41739  class="product-card"
41740  data-product-id="15272266694816"
41741  id="product-card-ARkJhYk42RE5RUXhCT__product-card-32"
41742  data-product-transition="true"
41743  
41744  
41745>
41746  <a
41747    id="4e64b282fb3f124da70a179cf8794c90"
41748    
41749      href="/products/echo-sunglasses-for-wide-face-wide-fit-frames?variant=53143968940192"
41750    
41751    class="product-card__link"
41752    ref="productCardLink"
41753  >
41754    <span class="visually-hidden">
41755      ECHO | Sunglasses for Wide Face | Wide Fit Frames
41756    </span>
41757  </a>
41758  <div
41759    class="
41760      product-card__content
41761      layout-panel-flex
41762      layout-panel-flex--column
41763      product-grid__card
41764      spacing-style
41765      border-style
41766      gap-style
41767      
41768    "
41769    style="
41770      --border-width: 1px; --border-style: none; --border-color:
41771rgb(var(--color-border-rgb) / 1.0); --border-radius:
417720px; 
41773
41774      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
41775
41776
41777
41778--horizontal-alignment: ; --vertical-alignment: ;
41779--vertical-alignment-mobile: ;
41780
41781      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
41782      --product-card-gap: 8px;
41783      --quick-add-display: flex;
41784      --quick-add-mobile-display: flex;
41785      --quick-add-mobile-opacity: 1;
41786      
41787      
41788      
41789      
41790    "
41791  >
41792    
41793  
41794
41795
41796
41797
41798
41799<div
41800  ref="cardGallery"
41801  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-32 spacing-style border-style"
41802  style="
41803    --border-width: 1px; --border-style: none; --border-color:
41804rgb(var(--color-border-rgb) / 1.0); --border-radius:
418050px; 
41806
41807    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
41808    --gallery-aspect-ratio: 4 / 5;
41809  "
41810  data-product-id="15272266694816"
41811  
41812    on:pointerenter="/previewImage"
41813    on:pointerleave="/resetImage"
41814  
41815  
41816    data-view-transition-to-main-product
41817  
41818  data-image-ratio="portrait"
41819  
41820>
41821    <a
41822      class="contents"
41823      ref="cardGalleryLink"
41824      href="/products/echo-sunglasses-for-wide-face-wide-fit-frames?variant=53143968940192"
41825      aria-label="ECHO | Sunglasses for Wide Face | Wide Fit Frames"
41826    >
41827      <slideshow-component
41828  
41829    ref="slideshow"
41830  
41831  
41832  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
41833  
41834  initial-slide="0"
41835  
41836  
41837    infinite
41838  
41839
41840  data-generic-media-size="6"
41841>
41842  
41843  <slideshow-container ref="slideshowContainer">
41844    
41845      <slideshow-arrows
41846  position="center"
41847  
41848><button
41849  class="
41850    slideshow-control slideshow-control--previous
41851    
41852    
41853    slideshow-control--style-arrow
41854    button button-unstyled button-unstyled--transparent
41855     flip-x
41856  "
41857  
41858  aria-label="Previous slide"
41859  
41860  on:click="/previous"
41861  ref="previous"
41862>
41863  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
41864</span>
41865</button>
41866<button
41867  class="
41868    slideshow-control slideshow-control--next
41869    
41870    
41871    slideshow-control--style-arrow
41872    button button-unstyled button-unstyled--transparent
41873    
41874  "
41875  
41876  aria-label="Next slide"
41877  
41878  on:click="/next"
41879  ref="next"
41880>
41881  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
41882</span>
41883</button>
41884</slideshow-arrows>
41885
41886    
41887    
41888    <slideshow-slides
41889      tabindex="-1"
41890      ref="scroller"
41891      
41892    >
41893      <slideshow-slide
41894  ref="slides[]"
41895  aria-hidden="false"
41896  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
41897  
41898    class="product-media-container media-fit product-media-container--image"
41899  
41900  
41901  
41902  
41903    slide-id="38878274060448"
41904  
41905  
41906  
41907  
41908>
41909  
41910
41911<div
41912  class="product-media"
41913  style="--ratio: 0.6666666666666666"
41914  data-media-id="38878274060448"
41915>
41916  
41917  <img src="//www.solkyst.ca/cdn/shop/files/5_20f8540e-1c47-4cc0-9d8b-dce4aa53178e.png?v=1775500633&amp;width=3840" alt="ECHO | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/5_20f8540e-1c47-4cc0-9d8b-dce4aa53178e.png?v=1775500633&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/5_20f8540e-1c47-4cc0-9d8b-dce4aa53178e.png?v=1775500633&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/5_20f8540e-1c47-4cc0-9d8b-dce4aa53178e.png?v=1775500633&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/5_20f8540e-1c47-4cc0-9d8b-dce4aa53178e.png?v=1775500633&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/5_20f8540e-1c47-4cc0-9d8b-dce4aa53178e.png?v=1775500633&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/5_20f8540e-1c47-4cc0-9d8b-dce4aa53178e.png?v=1775500633&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/5_20f8540e-1c47-4cc0-9d8b-dce4aa53178e.png?v=1775500633&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/5_20f8540e-1c47-4cc0-9d8b-dce4aa53178e.png?v=1775500633&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/5_20f8540e-1c47-4cc0-9d8b-dce4aa53178e.png?v=1775500633&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
41918
41919  
41920</div>
41921
41922
41923
41924</slideshow-slide>
41925<slideshow-slide
41926  ref="slides[]"
41927  aria-hidden="true"
41928  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
41929  
41930    class="product-media-container media-fit product-media-container--image"
41931  
41932  
41933  
41934  
41935    slide-id="68977934729376"
41936  
41937  
41938  
41939  
41940>
41941  
41942
41943<div
41944  class="product-media"
41945  style="--ratio: 0.7998475028593214"
41946  data-media-id="68977934729376"
41947>
41948  
41949  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0071.jpg?v=1775500633&amp;width=3840" alt="ECHO | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0071.jpg?v=1775500633&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0071.jpg?v=1775500633&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0071.jpg?v=1775500633&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0071.jpg?v=1775500633&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0071.jpg?v=1775500633&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0071.jpg?v=1775500633&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0071.jpg?v=1775500633&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0071.jpg?v=1775500633&amp;width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0071.jpg?v=1775500633&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
41950
41951  
41952</div>
41953
41954
41955
41956</slideshow-slide>
41957<slideshow-slide
41958  ref="slides[]"
41959  aria-hidden="true"
41960  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
41961  
41962    class="product-media-container media-fit product-media-container--image"
41963  
41964  
41965  
41966  
41967    slide-id="38462221942944"
41968  
41969  
41970  
41971  
41972>
41973  
41974
41975<div
41976  class="product-media"
41977  style="--ratio: 1.5"
41978  data-media-id="38462221942944"
41979>
41980  
41981  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=3840" alt="ECHO | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=3840 3840w" width="3840" height="2560" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
41982
41983  
41984</div>
41985
41986
41987
41988</slideshow-slide>
41989<slideshow-slide
41990  ref="slides[]"
41991  aria-hidden="true"
41992  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
41993  
41994    class="product-media-container media-fit product-media-container--image"
41995  
41996  
41997  
41998  
41999    slide-id="68926873043104"
42000  
42001  
42002  
42003  
42004>
42005  
42006
42007<div
42008  class="product-media"
42009  style="--ratio: 0.6666666666666666"
42010  data-media-id="68926873043104"
42011>
42012  
42013  <img src="//www.solkyst.ca/cdn/shop/files/C9A9FB16-1D80-4685-B105-10EB62D1349F.png?v=1772811313&amp;width=3840" alt="ECHO | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/C9A9FB16-1D80-4685-B105-10EB62D1349F.png?v=1772811313&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/C9A9FB16-1D80-4685-B105-10EB62D1349F.png?v=1772811313&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/C9A9FB16-1D80-4685-B105-10EB62D1349F.png?v=1772811313&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/C9A9FB16-1D80-4685-B105-10EB62D1349F.png?v=1772811313&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/C9A9FB16-1D80-4685-B105-10EB62D1349F.png?v=1772811313&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/C9A9FB16-1D80-4685-B105-10EB62D1349F.png?v=1772811313&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/C9A9FB16-1D80-4685-B105-10EB62D1349F.png?v=1772811313&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/C9A9FB16-1D80-4685-B105-10EB62D1349F.png?v=1772811313&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/C9A9FB16-1D80-4685-B105-10EB62D1349F.png?v=1772811313&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
42014
42015  
42016</div>
42017
42018
42019
42020</slideshow-slide>
42021<slideshow-slide
42022  ref="slides[]"
42023  aria-hidden="true"
42024  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
42025  
42026    class="product-media-container media-fit product-media-container--image"
42027  
42028  
42029  
42030  
42031    slide-id="68865038909600"
42032  
42033  
42034  
42035  
42036>
42037  
42038
42039<div
42040  class="product-media"
42041  style="--ratio: 0.8001341381623072"
42042  data-media-id="68865038909600"
42043>
42044  
42045  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0063_copy.jpg?v=1773267029&amp;width=3840" alt="ECHO | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0063_copy.jpg?v=1773267029&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0063_copy.jpg?v=1773267029&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0063_copy.jpg?v=1773267029&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0063_copy.jpg?v=1773267029&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0063_copy.jpg?v=1773267029&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0063_copy.jpg?v=1773267029&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0063_copy.jpg?v=1773267029&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0063_copy.jpg?v=1773267029&amp;width=3840 3840w" width="3840" height="4799" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0063_copy.jpg?v=1773267029&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
42046
42047  
42048</div>
42049
42050
42051
42052</slideshow-slide>
42053
42054    </slideshow-slides>
42055  </slideshow-container>
42056  
42057</slideshow-component>
42058
42059
42060
42061    </a>
42062  
42063  
42064    <div
42065      class="product-badges product-badges--top-left"
42066      style="
42067        --badge-border-radius: 0px;
42068        --badge-font-family: var(--font-body--family);
42068 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
42069      "
42070    ></div>
42071    
42072      
42073
42074<quick-add-component
42075  class="quick-add color-scheme-4 "
42076  ref="quickAdd"
42077  data-product-title="ECHO | Sunglasses for Wide Face | Wide Fit Frames"
42078  data-quick-add-button="choose"
42079  data-product-options-count="1"
42080>
42081  <product-form-component
42082    data-section-id="template--28980150370464__main"
42083    data-product-id="15272266694816"
42084    on:submit="/handleSubmit"
42085    class="quick-add__product-form-component"
42086  >
42087    <div
42088      class="visually-hidden"
42089      aria-live="assertive"
42090      role="status"
42091      aria-atomic="true"
42092      ref="liveRegion"
42093    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15272266694816-AVkVHRmZuS1U2YVZuU__card-gallery-32" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
42094        type="hidden"
42095        name="id"
42096        ref="variantId"
42097        value="53143968940192"
42098        
42099      >
42100      <input
42101        type="hidden"
42102        name="quantity"
42103        value="1"
42104      >
42105      
42106      <add-to-cart-component
42107  ref="addToCartButtonContainer"
42108  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/5_20f8540e-1c47-4cc0-9d8b-dce4aa53178e.png?v=1775500633&width=100"
42109  data-add-to-cart-animation="true"
42110>
42111  <button
42112    
42113    type="submit"
42114    name="add"
42115    ref="addToCartButton"
42116    on:click="/handleClick"
42117    class="button button quick-add__button quick-add__button--add add-to-cart-button"
42118    
42119    
42120  >
42121    <span
42122      class="add-to-cart-text"
42123    >
42124      
42125        <span
42126          aria-hidden="true"
42127          class="svg-wrapper add-to-cart-icon"
42128        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
42129</span>
42130      
42131      <span class="add-to-cart-text__content is-visually-hidden-mobile">
42132        <span>
42133          <span>Add</span>
42134        </span>
42135      </span>
42136    </span>
42137    
42138    <span class="add-to-cart__added">
42139      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
42140  <g class="check">
42141    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
42142    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
42143  </g>
42144  <g class="burst">
42145    <g style="--index: 0;">
42146      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
42147    </g>
42148    <g style="--index: 1;">
42149      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
42150    </g>
42151    <g style="--index: 2;">
42152      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
42153    </g>
42154    <g style="--index: 3;">
42155      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
42156    </g>
42157    <g style="--index: 4;">
42158      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
42159    </g>
42160    <g style="--index: 5;">
42161      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
42162    </g>
42163    <g style="--index: 6;">
42164      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
42165    </g>
42166    <g style="--index: 7;">
42167      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
42168    </g>
42169  </g>
42170</svg>
42171</span>
42172    </span>
42173  </button>
42174</add-to-cart-component>
42175
42176
42177
42178
42179      <button
42180        class="button quick-add__button quick-add__button--choose add-to-cart-button"
42181        
42182        type="button"
42183        name="add"
42184        on:click="quick-add-component/handleClick"
42185      >
42186        <span
42187          class="add-to-cart-text quick-add__button-content"
42188        >
42189          
42190          <span
42191            aria-hidden="true"
42192            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
42193          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
42194</span>
42195          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
42196            <span>
42197              
42198              <span>
42199                Choose
42200              </span>
42201            </span>
42202          </span>
42203        </span>
42204      </button><input type="hidden" name="product-id" value="15272266694816" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
42205</quick-add-component>
42206
42207
42208
42209    
42210  
42211
42212</div>
42213
42214
42215
42216
42217
42218<div class="product-grid-view-zoom-out--details">
42219  
42220    <h3 class="h4">ECHO | Sunglasses for Wide Face | Wide Fit Frames</h3>
42221  
42222</div>
42223
42224
42225
42226
42227
42228
42229<div
42230  class="
42231    group-block
42232    
42233    group-block--height-fit
42234    group-block--width-fill
42235    border-style
42236    spacing-style
42237    size-style
42238    
42239    
42240  "
42241  style="
42242    --border-width: 1px; --border-style: none; --border-color:
42243rgb(var(--color-border-rgb) / 1.0); --border-radius:
422440px; 
42245
42246    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
42247    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
42248    
42249  "
42250  
42251  data-testid="group-block"
42252><div class="group-block__media-wrapper">
42253    
42254
42255
42256
42257    
42258  </div>
42259
42260  <div
42261    class="
42262      group-block-content
42263      
42264      layout-panel-flex
42265      layout-panel-flex--row
42266       mobile-column
42267    "
42268    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
42269
42270--gap: 12px;
42271
42272--horizontal-alignment: space-between; --vertical-alignment: flex-start;
42273--vertical-alignment-mobile: flex-start;
42274"
42275  >
42276  
42277
42278<div
42279  class="
42280    group-block
42281    
42282    group-block--height-fit
42283    group-block--width-fill
42284    border-style
42285    spacing-style
42286    size-style
42287    
42288    
42289  "
42290  style="
42291    --border-width: 1px; --border-style: none; --border-color:
42292rgb(var(--color-border-rgb) / 1.0); --border-radius:
422930px; 
42294
42295    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
42296    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
42297    
42298  "
42299  
42300  data-testid="group-block"
42301><div class="group-block__media-wrapper">
42302    
42303
42304
42305
42306    
42307  </div>
42308
42309  <div
42310    class="
42311      group-block-content
42312      
42313      layout-panel-flex
42314      layout-panel-flex--column
42315       mobile-column
42316    "
42317    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
42318
42319--gap: 0px;
42320
42321--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
42322--vertical-alignment-mobile: flex-start;
42323"
42324  >
42325  
42326  
42327  <a
42328    class="contents user-select-text"
42329    ref="productTitleLink"
42330    href="/products/echo-sunglasses-for-wide-face-wide-fit-frames?variant=53143968940192"
42331  >
42332    
42333
42334
42335
42336
42337
42338
42339  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-32 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
42340    <p>ECHO | Sunglasses for Wide Face | Wide Fit Frames</p>
42341  </div>
42342
42343
42344
42345
42346  </a>
42347
42348
42349
42350
42351
42352<product-price
42353  class="text-block text-block--align-left text-left h5 spacing-style"
42354  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-32"
42355  data-product-id="15272266694816"
42356  style="
42357    
42358--color: var(--color-foreground);
42359    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
42360    --width: 100%;
42361  "
42362  
42363>
42364  <div ref="priceContainer">
42365  
42366    
42367    
42368
42369    
42370      <span class="price">$190.00</span>
42371    
42372
42373    
42374  
42375</div>
42376
42377  
42378</product-price>
42379
42380
42381
42382
42383
42384
42385
42386</div>
42387</div>
42388
42389
42390
42391
42392
42393
42394<div
42395  class="
42396    group-block
42397    
42398    group-block--height-fit
42399    group-block--width-fill
42400    border-style
42401    spacing-style
42402    size-style
42403    
42404    
42405  "
42406  style="
42407    --border-width: 1px; --border-style: none; --border-color:
42408rgb(var(--color-border-rgb) / 1.0); --border-radius:
424090px; 
42410
42411    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
42412    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
42413    
42414  "
42415  
42416  data-testid="group-block"
42417><div class="group-block__media-wrapper">
42418    
42419
42420
42421
42422    
42423  </div>
42424
42425  <div
42426    class="
42427      group-block-content
42428      
42429      layout-panel-flex
42430      layout-panel-flex--column
42431       mobile-column
42432    "
42433    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
42434
42435--gap: 0px;
42436
42437--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
42438--vertical-alignment-mobile: flex-start;
42439"
42440  >
42441  
42442
42443
42444
42445
42446
42447
42448
42449</div>
42450</div>
42451
42452
42453
42454
42455
42456</div>
42457</div>
42458
42459
42460
42461
42462
42463
42464  </div>
42465</product-card></product-card-link>
42466
42467
42468
42469
42470          </li>
42471        
42472          <li
42473            id="template--28980150370464__main-15272267481248"
42474            class="product-grid__item product-grid__item--33"
42475            data-page="1"
42476            data-product-id="15272267481248"
42477            ref="cards[]"
42478          >
42479            
42480
42481
42482
42483<style data-shopify>
42484  
42485</style>
42486
42487
42488<product-card-link
42489    data-product-id="15272267481248"
42490    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/6_5ced6a3f-2b9e-4189-8a42-fe41ff8290bc.png?v=1775500620&width=500"
42491    data-product-transition="true"
42492    
42493  ><product-card
42494  class="product-card"
42495  data-product-id="15272267481248"
42496  id="product-card-ARkJhYk42RE5RUXhCT__product-card-33"
42497  data-product-transition="true"
42498  
42499  
42500>
42501  <a
42502    id="bb02d6d02606637a235a0ac77ee0ca75"
42503    
42504      href="/products/ember-sunglasses-for-wide-face-wide-fit-frames?variant=53143972085920"
42505    
42506    class="product-card__link"
42507    ref="productCardLink"
42508  >
42509    <span class="visually-hidden">
42510      EMBER | Sunglasses for Wide Face | Wide Fit Frames
42511    </span>
42512  </a>
42513  <div
42514    class="
42515      product-card__content
42516      layout-panel-flex
42517      layout-panel-flex--column
42518      product-grid__card
42519      spacing-style
42520      border-style
42521      gap-style
42522      
42523    "
42524    style="
42525      --border-width: 1px; --border-style: none; --border-color:
42526rgb(var(--color-border-rgb) / 1.0); --border-radius:
425270px; 
42528
42529      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
42530
42531
42532
42533--horizontal-alignment: ; --vertical-alignment: ;
42534--vertical-alignment-mobile: ;
42535
42536      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
42537      --product-card-gap: 8px;
42538      --quick-add-display: flex;
42539      --quick-add-mobile-display: flex;
42540      --quick-add-mobile-opacity: 1;
42541      
42542      
42543      
42544      
42545    "
42546  >
42547    
42548  
42549
42550
42551
42552
42553
42554<div
42555  ref="cardGallery"
42556  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-33 spacing-style border-style"
42557  style="
42558    --border-width: 1px; --border-style: none; --border-color:
42559rgb(var(--color-border-rgb) / 1.0); --border-radius:
425600px; 
42561
42562    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
42563    --gallery-aspect-ratio: 4 / 5;
42564  "
42565  data-product-id="15272267481248"
42566  
42567    on:pointerenter="/previewImage"
42568    on:pointerleave="/resetImage"
42569  
42570  
42571    data-view-transition-to-main-product
42572  
42573  data-image-ratio="portrait"
42574  
42575>
42576    <a
42577      class="contents"
42578      ref="cardGalleryLink"
42579      href="/products/ember-sunglasses-for-wide-face-wide-fit-frames?variant=53143972085920"
42580      aria-label="EMBER | Sunglasses for Wide Face | Wide Fit Frames"
42581    >
42582      <slideshow-component
42583  
42584    ref="slideshow"
42585  
42586  
42587  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
42588  
42589  initial-slide="0"
42590  
42591  
42592    infinite
42593  
42594
42595  data-generic-media-size="6"
42596>
42597  
42598  <slideshow-container ref="slideshowContainer">
42599    
42600      <slideshow-arrows
42601  position="center"
42602  
42603><button
42604  class="
42605    slideshow-control slideshow-control--previous
42606    
42607    
42608    slideshow-control--style-arrow
42609    button button-unstyled button-unstyled--transparent
42610     flip-x
42611  "
42612  
42613  aria-label="Previous slide"
42614  
42615  on:click="/previous"
42616  ref="previous"
42617>
42618  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
42619</span>
42620</button>
42621<button
42622  class="
42623    slideshow-control slideshow-control--next
42624    
42625    
42626    slideshow-control--style-arrow
42627    button button-unstyled button-unstyled--transparent
42628    
42629  "
42630  
42631  aria-label="Next slide"
42632  
42633  on:click="/next"
42634  ref="next"
42635>
42636  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
42637</span>
42638</button>
42639</slideshow-arrows>
42640
42641    
42642    
42643    <slideshow-slides
42644      tabindex="-1"
42645      ref="scroller"
42646      
42647    >
42648      <slideshow-slide
42649  ref="slides[]"
42650  aria-hidden="false"
42651  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
42652  
42653    class="product-media-container media-fit product-media-container--image"
42654  
42655  
42656  
42657  
42658    slide-id="38878273896608"
42659  
42660  
42661  
42662  
42663>
42664  
42665
42666<div
42667  class="product-media"
42668  style="--ratio: 0.6666666666666666"
42669  data-media-id="38878273896608"
42670>
42671  
42672  <img src="//www.solkyst.ca/cdn/shop/files/6_5ced6a3f-2b9e-4189-8a42-fe41ff8290bc.png?v=1775500620&amp;width=3840" alt="EMBER | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/6_5ced6a3f-2b9e-4189-8a42-fe41ff8290bc.png?v=1775500620&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/6_5ced6a3f-2b9e-4189-8a42-fe41ff8290bc.png?v=1775500620&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/6_5ced6a3f-2b9e-4189-8a42-fe41ff8290bc.png?v=1775500620&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/6_5ced6a3f-2b9e-4189-8a42-fe41ff8290bc.png?v=1775500620&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/6_5ced6a3f-2b9e-4189-8a42-fe41ff8290bc.png?v=1775500620&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/6_5ced6a3f-2b9e-4189-8a42-fe41ff8290bc.png?v=1775500620&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/6_5ced6a3f-2b9e-4189-8a42-fe41ff8290bc.png?v=1775500620&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/6_5ced6a3f-2b9e-4189-8a42-fe41ff8290bc.png?v=1775500620&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/6_5ced6a3f-2b9e-4189-8a42-fe41ff8290bc.png?v=1775500620&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
42673
42674  
42675</div>
42676
42677
42678
42679</slideshow-slide>
42680<slideshow-slide
42681  ref="slides[]"
42682  aria-hidden="true"
42683  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
42684  
42685    class="product-media-container media-fit product-media-container--image"
42686  
42687  
42688  
42689  
42690    slide-id="69602124726432"
42691  
42692  
42693  
42694  
42695>
42696  
42697
42698<div
42699  class="product-media"
42700  style="--ratio: 0.7502265176683781"
42701  data-media-id="69602124726432"
42702>
42703  
42704  <img src="//www.solkyst.ca/cdn/shop/files/A8C37B9D-6B46-44BE-9894-29D4FDBF0423.jpg?v=1782261017&amp;width=3840" alt="EMBER | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/A8C37B9D-6B46-44BE-9894-29D4FDBF0423.jpg?v=1782261017&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/A8C37B9D-6B46-44BE-9894-29D4FDBF0423.jpg?v=1782261017&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/A8C37B9D-6B46-44BE-9894-29D4FDBF0423.jpg?v=1782261017&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/A8C37B9D-6B46-44BE-9894-29D4FDBF0423.jpg?v=1782261017&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/A8C37B9D-6B46-44BE-9894-29D4FDBF0423.jpg?v=1782261017&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/A8C37B9D-6B46-44BE-9894-29D4FDBF0423.jpg?v=1782261017&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/A8C37B9D-6B46-44BE-9894-29D4FDBF0423.jpg?v=1782261017&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/A8C37B9D-6B46-44BE-9894-29D4FDBF0423.jpg?v=1782261017&amp;width=3840 3840w" width="3840" height="5118" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/A8C37B9D-6B46-44BE-9894-29D4FDBF0423.jpg?v=1782261017&amp;width=3840" fetchpriority="auto" style="--focal-point: 36.1026% 22.8473%;">
42705
42706  
42707</div>
42708
42709
42710
42711</slideshow-slide>
42712<slideshow-slide
42713  ref="slides[]"
42714  aria-hidden="true"
42715  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
42716  
42717    class="product-media-container media-fit product-media-container--image"
42718  
42719  
42720  
42721  
42722    slide-id="68977934827680"
42723  
42724  
42725  
42726  
42727>
42728  
42729
42730<div
42731  class="product-media"
42732  style="--ratio: 0.7998483699772555"
42733  data-media-id="68977934827680"
42734>
42735  
42736  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0036.jpg?v=1775500620&amp;width=3840" alt="EMBER | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0036.jpg?v=1775500620&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0036.jpg?v=1775500620&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0036.jpg?v=1775500620&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0036.jpg?v=1775500620&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0036.jpg?v=1775500620&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0036.jpg?v=1775500620&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0036.jpg?v=1775500620&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0036.jpg?v=1775500620&amp;width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0036.jpg?v=1775500620&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
42737
42738  
42739</div>
42740
42741
42742
42743</slideshow-slide>
42744<slideshow-slide
42745  ref="slides[]"
42746  aria-hidden="true"
42747  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
42748  
42749    class="product-media-container media-fit product-media-container--image"
42750  
42751  
42752  
42753  
42754    slide-id="38462221942944"
42755  
42756  
42757  
42758  
42759>
42760  
42761
42762<div
42763  class="product-media"
42764  style="--ratio: 1.5"
42765  data-media-id="38462221942944"
42766>
42767  
42768  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=3840" alt="EMBER | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=3840 3840w" width="3840" height="2560" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
42769
42770  
42771</div>
42772
42773
42774
42775</slideshow-slide>
42776<slideshow-slide
42777  ref="slides[]"
42778  aria-hidden="true"
42779  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
42780  
42781    class="product-media-container media-fit product-media-container--image"
42782  
42783  
42784  
42785  
42786    slide-id="68926848303264"
42787  
42788  
42789  
42790  
42791>
42792  
42793
42794<div
42795  class="product-media"
42796  style="--ratio: 0.6666666666666666"
42797  data-media-id="68926848303264"
42798>
42799  
42800  <img src="//www.solkyst.ca/cdn/shop/files/1D854BEA-6D15-45C5-8D80-1CB804C162C7.png?v=1772811082&amp;width=3840" alt="EMBER | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/1D854BEA-6D15-45C5-8D80-1CB804C162C7.png?v=1772811082&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/1D854BEA-6D15-45C5-8D80-1CB804C162C7.png?v=1772811082&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/1D854BEA-6D15-45C5-8D80-1CB804C162C7.png?v=1772811082&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/1D854BEA-6D15-45C5-8D80-1CB804C162C7.png?v=1772811082&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/1D854BEA-6D15-45C5-8D80-1CB804C162C7.png?v=1772811082&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/1D854BEA-6D15-45C5-8D80-1CB804C162C7.png?v=1772811082&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/1D854BEA-6D15-45C5-8D80-1CB804C162C7.png?v=1772811082&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/1D854BEA-6D15-45C5-8D80-1CB804C162C7.png?v=1772811082&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/1D854BEA-6D15-45C5-8D80-1CB804C162C7.png?v=1772811082&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
42801
42802  
42803</div>
42804
42805
42806
42807</slideshow-slide>
42808
42809    </slideshow-slides>
42810  </slideshow-container>
42811  
42812</slideshow-component>
42813
42814
42815
42816    </a>
42817  
42818  
42819    <div
42820      class="product-badges product-badges--top-left"
42821      style="
42822        --badge-border-radius: 0px;
42823        --badge-font-family: var(--font-body--family);
42823 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
42824      "
42825    ></div>
42826    
42827      
42828
42829<quick-add-component
42830  class="quick-add color-scheme-4 "
42831  ref="quickAdd"
42832  data-product-title="EMBER | Sunglasses for Wide Face | Wide Fit Frames"
42833  data-quick-add-button="choose"
42834  data-product-options-count="1"
42835>
42836  <product-form-component
42837    data-section-id="template--28980150370464__main"
42838    data-product-id="15272267481248"
42839    on:submit="/handleSubmit"
42840    class="quick-add__product-form-component"
42841  >
42842    <div
42843      class="visually-hidden"
42844      aria-live="assertive"
42845      role="status"
42846      aria-atomic="true"
42847      ref="liveRegion"
42848    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15272267481248-AVkVHRmZuS1U2YVZuU__card-gallery-33" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
42849        type="hidden"
42850        name="id"
42851        ref="variantId"
42852        value="53143972085920"
42853        
42854      >
42855      <input
42856        type="hidden"
42857        name="quantity"
42858        value="1"
42859      >
42860      
42861      <add-to-cart-component
42862  ref="addToCartButtonContainer"
42863  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/6_5ced6a3f-2b9e-4189-8a42-fe41ff8290bc.png?v=1775500620&width=100"
42864  data-add-to-cart-animation="true"
42865>
42866  <button
42867    
42868    type="submit"
42869    name="add"
42870    ref="addToCartButton"
42871    on:click="/handleClick"
42872    class="button button quick-add__button quick-add__button--add add-to-cart-button"
42873    
42874    
42875  >
42876    <span
42877      class="add-to-cart-text"
42878    >
42879      
42880        <span
42881          aria-hidden="true"
42882          class="svg-wrapper add-to-cart-icon"
42883        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
42884</span>
42885      
42886      <span class="add-to-cart-text__content is-visually-hidden-mobile">
42887        <span>
42888          <span>Add</span>
42889        </span>
42890      </span>
42891    </span>
42892    
42893    <span class="add-to-cart__added">
42894      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
42895  <g class="check">
42896    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
42897    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
42898  </g>
42899  <g class="burst">
42900    <g style="--index: 0;">
42901      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
42902    </g>
42903    <g style="--index: 1;">
42904      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
42905    </g>
42906    <g style="--index: 2;">
42907      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
42908    </g>
42909    <g style="--index: 3;">
42910      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
42911    </g>
42912    <g style="--index: 4;">
42913      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
42914    </g>
42915    <g style="--index: 5;">
42916      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
42917    </g>
42918    <g style="--index: 6;">
42919      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
42920    </g>
42921    <g style="--index: 7;">
42922      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
42923    </g>
42924  </g>
42925</svg>
42926</span>
42927    </span>
42928  </button>
42929</add-to-cart-component>
42930
42931
42932
42933
42934      <button
42935        class="button quick-add__button quick-add__button--choose add-to-cart-button"
42936        
42937        type="button"
42938        name="add"
42939        on:click="quick-add-component/handleClick"
42940      >
42941        <span
42942          class="add-to-cart-text quick-add__button-content"
42943        >
42944          
42945          <span
42946            aria-hidden="true"
42947            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
42948          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
42949</span>
42950          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
42951            <span>
42952              
42953              <span>
42954                Choose
42955              </span>
42956            </span>
42957          </span>
42958        </span>
42959      </button><input type="hidden" name="product-id" value="15272267481248" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
42960</quick-add-component>
42961
42962
42963
42964    
42965  
42966
42967</div>
42968
42969
42970
42971
42972
42973<div class="product-grid-view-zoom-out--details">
42974  
42975    <h3 class="h4">EMBER | Sunglasses for Wide Face | Wide Fit Frames</h3>
42976  
42977</div>
42978
42979
42980
42981
42982
42983
42984<div
42985  class="
42986    group-block
42987    
42988    group-block--height-fit
42989    group-block--width-fill
42990    border-style
42991    spacing-style
42992    size-style
42993    
42994    
42995  "
42996  style="
42997    --border-width: 1px; --border-style: none; --border-color:
42998rgb(var(--color-border-rgb) / 1.0); --border-radius:
429990px; 
43000
43001    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
43002    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
43003    
43004  "
43005  
43006  data-testid="group-block"
43007><div class="group-block__media-wrapper">
43008    
43009
43010
43011
43012    
43013  </div>
43014
43015  <div
43016    class="
43017      group-block-content
43018      
43019      layout-panel-flex
43020      layout-panel-flex--row
43021       mobile-column
43022    "
43023    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
43024
43025--gap: 12px;
43026
43027--horizontal-alignment: space-between; --vertical-alignment: flex-start;
43028--vertical-alignment-mobile: flex-start;
43029"
43030  >
43031  
43032
43033<div
43034  class="
43035    group-block
43036    
43037    group-block--height-fit
43038    group-block--width-fill
43039    border-style
43040    spacing-style
43041    size-style
43042    
43043    
43044  "
43045  style="
43046    --border-width: 1px; --border-style: none; --border-color:
43047rgb(var(--color-border-rgb) / 1.0); --border-radius:
430480px; 
43049
43050    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
43051    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
43052    
43053  "
43054  
43055  data-testid="group-block"
43056><div class="group-block__media-wrapper">
43057    
43058
43059
43060
43061    
43062  </div>
43063
43064  <div
43065    class="
43066      group-block-content
43067      
43068      layout-panel-flex
43069      layout-panel-flex--column
43070       mobile-column
43071    "
43072    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
43073
43074--gap: 0px;
43075
43076--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
43077--vertical-alignment-mobile: flex-start;
43078"
43079  >
43080  
43081  
43082  <a
43083    class="contents user-select-text"
43084    ref="productTitleLink"
43085    href="/products/ember-sunglasses-for-wide-face-wide-fit-frames?variant=53143972085920"
43086  >
43087    
43088
43089
43090
43091
43092
43093
43094  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-33 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
43095    <p>EMBER | Sunglasses for Wide Face | Wide Fit Frames</p>
43096  </div>
43097
43098
43099
43100
43101  </a>
43102
43103
43104
43105
43106
43107<product-price
43108  class="text-block text-block--align-left text-left h5 spacing-style"
43109  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-33"
43110  data-product-id="15272267481248"
43111  style="
43112    
43113--color: var(--color-foreground);
43114    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
43115    --width: 100%;
43116  "
43117  
43118>
43119  <div ref="priceContainer">
43120  
43121    
43122    
43123
43124    
43125      <span class="price">$190.00</span>
43126    
43127
43128    
43129  
43130</div>
43131
43132  
43133</product-price>
43134
43135
43136
43137
43138
43139
43140
43141</div>
43142</div>
43143
43144
43145
43146
43147
43148
43149<div
43150  class="
43151    group-block
43152    
43153    group-block--height-fit
43154    group-block--width-fill
43155    border-style
43156    spacing-style
43157    size-style
43158    
43159    
43160  "
43161  style="
43162    --border-width: 1px; --border-style: none; --border-color:
43163rgb(var(--color-border-rgb) / 1.0); --border-radius:
431640px; 
43165
43166    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
43167    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
43168    
43169  "
43170  
43171  data-testid="group-block"
43172><div class="group-block__media-wrapper">
43173    
43174
43175
43176
43177    
43178  </div>
43179
43180  <div
43181    class="
43182      group-block-content
43183      
43184      layout-panel-flex
43185      layout-panel-flex--column
43186       mobile-column
43187    "
43188    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
43189
43190--gap: 0px;
43191
43192--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
43193--vertical-alignment-mobile: flex-start;
43194"
43195  >
43196  
43197
43198
43199
43200
43201
43202
43203
43204</div>
43205</div>
43206
43207
43208
43209
43210
43211</div>
43212</div>
43213
43214
43215
43216
43217
43218
43219  </div>
43220</product-card></product-card-link>
43221
43222
43223
43224
43225          </li>
43226        
43227          <li
43228            id="template--28980150370464__main-11861223014560"
43229            class="product-grid__item product-grid__item--34"
43230            data-page="1"
43231            data-product-id="11861223014560"
43232            ref="cards[]"
43233          >
43234            
43235
43236
43237
43238<style data-shopify>
43239  
43240</style>
43241
43242
43243<product-card-link
43244    data-product-id="11861223014560"
43245    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/IMG_0304.jpg?v=1767379162&width=500"
43246    data-product-transition="true"
43247    
43248  ><product-card
43249  class="product-card"
43250  data-product-id="11861223014560"
43251  id="product-card-ARkJhYk42RE5RUXhCT__product-card-34"
43252  data-product-transition="true"
43253  
43254  
43255>
43256  <a
43257    id="b8bb60e0d703edc142dfa6d082018e32"
43258    
43259      href="/products/froze?variant=48119662870688"
43260    
43261    class="product-card__link"
43262    ref="productCardLink"
43263  >
43264    <span class="visually-hidden">
43265      FROZÉ | Sunglasses for Wide Face | Wide Fit Frames
43266    </span>
43267  </a>
43268  <div
43269    class="
43270      product-card__content
43271      layout-panel-flex
43272      layout-panel-flex--column
43273      product-grid__card
43274      spacing-style
43275      border-style
43276      gap-style
43277      
43278    "
43279    style="
43280      --border-width: 1px; --border-style: none; --border-color:
43281rgb(var(--color-border-rgb) / 1.0); --border-radius:
432820px; 
43283
43284      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
43285
43286
43287
43288--horizontal-alignment: ; --vertical-alignment: ;
43289--vertical-alignment-mobile: ;
43290
43291      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
43292      --product-card-gap: 8px;
43293      --quick-add-display: flex;
43294      --quick-add-mobile-display: flex;
43295      --quick-add-mobile-opacity: 1;
43296      
43297      
43298      
43299      
43300    "
43301  >
43302    
43303  
43304
43305
43306
43307
43308
43309<div
43310  ref="cardGallery"
43311  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-34 spacing-style border-style"
43312  style="
43313    --border-width: 1px; --border-style: none; --border-color:
43314rgb(var(--color-border-rgb) / 1.0); --border-radius:
433150px; 
43316
43317    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
43318    --gallery-aspect-ratio: 4 / 5;
43319  "
43320  data-product-id="11861223014560"
43321  
43322    on:pointerenter="/previewImage"
43323    on:pointerleave="/resetImage"
43324  
43325  
43326    data-view-transition-to-main-product
43327  
43328  data-image-ratio="portrait"
43329  
43330>
43331    <a
43332      class="contents"
43333      ref="cardGalleryLink"
43334      href="/products/froze?variant=48119662870688"
43335      aria-label="FROZÉ | Sunglasses for Wide Face | Wide Fit Frames"
43336    >
43337      <slideshow-component
43338  
43339    ref="slideshow"
43340  
43341  
43342  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;--slide-min-height: auto;--slide-min-height-desktop: auto;"
43343  
43344  initial-slide="0"
43345  
43346  
43347    infinite
43348  
43349
43350  data-generic-media-size="6"
43351>
43352  
43353  <slideshow-container ref="slideshowContainer">
43354    
43355      <slideshow-arrows
43356  position="center"
43357  
43358><button
43359  class="
43360    slideshow-control slideshow-control--previous
43361    
43362    
43363    slideshow-control--style-arrow
43364    button button-unstyled button-unstyled--transparent
43365     flip-x
43366  "
43367  
43368  aria-label="Previous slide"
43369  
43370  on:click="/previous"
43371  ref="previous"
43372>
43373  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
43374</span>
43375</button>
43376<button
43377  class="
43378    slideshow-control slideshow-control--next
43379    
43380    
43381    slideshow-control--style-arrow
43382    button button-unstyled button-unstyled--transparent
43383    
43384  "
43385  
43386  aria-label="Next slide"
43387  
43388  on:click="/next"
43389  ref="next"
43390>
43391  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
43392</span>
43393</button>
43394</slideshow-arrows>
43395
43396    
43397    
43398    <slideshow-slides
43399      tabindex="-1"
43400      ref="scroller"
43401      
43402    >
43403      <slideshow-slide
43404  ref="slides[]"
43405  aria-hidden="false"
43406  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
43407  
43408    class="product-media-container media-fit product-media-container--image"
43409  
43410  
43411  
43412  
43413    slide-id="38851005677728"
43414  
43415  
43416  
43417  
43418>
43419  
43420
43421<div
43422  class="product-media"
43423  style="--ratio: 0.6666666666666666"
43424  data-media-id="38851005677728"
43425>
43426  
43427  <img src="//www.solkyst.ca/cdn/shop/files/1D534604-6A64-4E88-AD85-59EE476FC322.jpg?v=1767215872&amp;width=3840" alt="FROZÉ | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/1D534604-6A64-4E88-AD85-59EE476FC322.jpg?v=1767215872&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/1D534604-6A64-4E88-AD85-59EE476FC322.jpg?v=1767215872&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/1D534604-6A64-4E88-AD85-59EE476FC322.jpg?v=1767215872&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/1D534604-6A64-4E88-AD85-59EE476FC322.jpg?v=1767215872&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/1D534604-6A64-4E88-AD85-59EE476FC322.jpg?v=1767215872&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/1D534604-6A64-4E88-AD85-59EE476FC322.jpg?v=1767215872&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/1D534604-6A64-4E88-AD85-59EE476FC322.jpg?v=1767215872&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/1D534604-6A64-4E88-AD85-59EE476FC322.jpg?v=1767215872&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/1D534604-6A64-4E88-AD85-59EE476FC322.jpg?v=1767215872&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
43428
43429  
43430</div>
43431
43432
43433
43434</slideshow-slide>
43435<slideshow-slide
43436  ref="slides[]"
43437  aria-hidden="true"
43438  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
43439  
43440    class="product-media-container media-fit product-media-container--image"
43441  
43442  
43443  
43444  
43445    slide-id="38851005612192"
43446  
43447  
43448  
43449  
43450>
43451  
43452
43453<div
43454  class="product-media"
43455  style="--ratio: 0.6666666666666666"
43456  data-media-id="38851005612192"
43457>
43458  
43459  <img src="//www.solkyst.ca/cdn/shop/files/188B7A77-5883-4E97-A6DB-47BB28FBAAC6.jpg?v=1767379162&amp;width=3840" alt="FROZÉ | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/188B7A77-5883-4E97-A6DB-47BB28FBAAC6.jpg?v=1767379162&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/188B7A77-5883-4E97-A6DB-47BB28FBAAC6.jpg?v=1767379162&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/188B7A77-5883-4E97-A6DB-47BB28FBAAC6.jpg?v=1767379162&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/188B7A77-5883-4E97-A6DB-47BB28FBAAC6.jpg?v=1767379162&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/188B7A77-5883-4E97-A6DB-47BB28FBAAC6.jpg?v=1767379162&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/188B7A77-5883-4E97-A6DB-47BB28FBAAC6.jpg?v=1767379162&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/188B7A77-5883-4E97-A6DB-47BB28FBAAC6.jpg?v=1767379162&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/188B7A77-5883-4E97-A6DB-47BB28FBAAC6.jpg?v=1767379162&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/188B7A77-5883-4E97-A6DB-47BB28FBAAC6.jpg?v=1767379162&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
43460
43461  
43462</div>
43463
43464
43465
43466</slideshow-slide>
43467<slideshow-slide
43468  ref="slides[]"
43469  aria-hidden="true"
43470  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
43471  
43472    class="product-media-container media-fit product-media-container--image"
43473  
43474  variant-image
43475  
43476  
43477    slide-id="38023732953248"
43478  
43479  
43480    hidden
43481  
43482  
43483  variant-image
43484>
43485  
43486
43487<div
43488  class="product-media"
43489  style="--ratio: 0.7999092558983666"
43490  data-media-id="38023732953248"
43491>
43492  
43493  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0304.jpg?v=1767379162&amp;width=3840" alt="Woman wearing sunglasses with a neutral background" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0304.jpg?v=1767379162&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0304.jpg?v=1767379162&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0304.jpg?v=1767379162&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0304.jpg?v=1767379162&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0304.jpg?v=1767379162&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0304.jpg?v=1767379162&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0304.jpg?v=1767379162&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0304.jpg?v=1767379162&amp;width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0304.jpg?v=1767379162&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
43494
43495  
43496</div>
43497
43498
43499
43500</slideshow-slide>
43501<slideshow-slide
43502  ref="slides[]"
43503  aria-hidden="true"
43504  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
43505  
43506    class="product-media-container media-fit product-media-container--image"
43507  
43508  
43509  
43510  
43511    slide-id="38851005644960"
43512  
43513  
43514  
43515  
43516>
43517  
43518
43519<div
43520  class="product-media"
43521  style="--ratio: 0.6666666666666666"
43522  data-media-id="38851005644960"
43523>
43524  
43525  <img src="//www.solkyst.ca/cdn/shop/files/F4B8389E-DD1F-4265-8564-54FBC481050C.jpg?v=1766802921&amp;width=3840" alt="FROZÉ | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/F4B8389E-DD1F-4265-8564-54FBC481050C.jpg?v=1766802921&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/F4B8389E-DD1F-4265-8564-54FBC481050C.jpg?v=1766802921&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/F4B8389E-DD1F-4265-8564-54FBC481050C.jpg?v=1766802921&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/F4B8389E-DD1F-4265-8564-54FBC481050C.jpg?v=1766802921&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/F4B8389E-DD1F-4265-8564-54FBC481050C.jpg?v=1766802921&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/F4B8389E-DD1F-4265-8564-54FBC481050C.jpg?v=1766802921&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/F4B8389E-DD1F-4265-8564-54FBC481050C.jpg?v=1766802921&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/F4B8389E-DD1F-4265-8564-54FBC481050C.jpg?v=1766802921&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/F4B8389E-DD1F-4265-8564-54FBC481050C.jpg?v=1766802921&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
43526
43527  
43528</div>
43529
43530
43531
43532</slideshow-slide>
43533<slideshow-slide
43534  ref="slides[]"
43535  aria-hidden="true"
43536  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
43537  
43538    class="product-media-container media-fit product-media-container--image"
43539  
43540  
43541  
43542  
43543    slide-id="38637360611488"
43544  
43545  
43546  
43547  
43548>
43549  
43550
43551<div
43552  class="product-media"
43553  style="--ratio: 0.6666666666666666"
43554  data-media-id="38637360611488"
43555>
43556  
43557  <img src="//www.solkyst.ca/cdn/shop/files/3D947404-465B-4AD2-80D4-0E36D00B7E13_1_105_c.jpg?v=1763139220&amp;width=3840" alt="FROZÉ | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/3D947404-465B-4AD2-80D4-0E36D00B7E13_1_105_c.jpg?v=1763139220&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/3D947404-465B-4AD2-80D4-0E36D00B7E13_1_105_c.jpg?v=1763139220&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/3D947404-465B-4AD2-80D4-0E36D00B7E13_1_105_c.jpg?v=1763139220&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/3D947404-465B-4AD2-80D4-0E36D00B7E13_1_105_c.jpg?v=1763139220&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/3D947404-465B-4AD2-80D4-0E36D00B7E13_1_105_c.jpg?v=1763139220&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/3D947404-465B-4AD2-80D4-0E36D00B7E13_1_105_c.jpg?v=1763139220&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/3D947404-465B-4AD2-80D4-0E36D00B7E13_1_105_c.jpg?v=1763139220&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/3D947404-465B-4AD2-80D4-0E36D00B7E13_1_105_c.jpg?v=1763139220&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/3D947404-465B-4AD2-80D4-0E36D00B7E13_1_105_c.jpg?v=1763139220&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
43558
43559  
43560</div>
43561
43562
43563
43564</slideshow-slide>
43565<slideshow-slide
43566  ref="slides[]"
43567  aria-hidden="true"
43568  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
43569  
43570    class="product-media-container media-fit product-media-container--image"
43571  
43572  
43573  
43574  
43575    slide-id="38637360152736"
43576  
43577  
43578  
43579  
43580>
43581  
43582
43583<div
43584  class="product-media"
43585  style="--ratio: 0.6666666666666666"
43586  data-media-id="38637360152736"
43587>
43588  
43589  <img src="//www.solkyst.ca/cdn/shop/files/E89814C7-5AC2-4994-B961-BE4EBA2DF307_1_105_c.jpg?v=1763139215&amp;width=3840" alt="FROZÉ | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/E89814C7-5AC2-4994-B961-BE4EBA2DF307_1_105_c.jpg?v=1763139215&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/E89814C7-5AC2-4994-B961-BE4EBA2DF307_1_105_c.jpg?v=1763139215&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/E89814C7-5AC2-4994-B961-BE4EBA2DF307_1_105_c.jpg?v=1763139215&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/E89814C7-5AC2-4994-B961-BE4EBA2DF307_1_105_c.jpg?v=1763139215&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/E89814C7-5AC2-4994-B961-BE4EBA2DF307_1_105_c.jpg?v=1763139215&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/E89814C7-5AC2-4994-B961-BE4EBA2DF307_1_105_c.jpg?v=1763139215&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/E89814C7-5AC2-4994-B961-BE4EBA2DF307_1_105_c.jpg?v=1763139215&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/E89814C7-5AC2-4994-B961-BE4EBA2DF307_1_105_c.jpg?v=1763139215&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/E89814C7-5AC2-4994-B961-BE4EBA2DF307_1_105_c.jpg?v=1763139215&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
43590
43591  
43592</div>
43593
43594
43595
43596</slideshow-slide>
43597
43598    </slideshow-slides>
43599  </slideshow-container>
43600  
43601</slideshow-component>
43602
43603
43604
43605    </a>
43606  
43607  
43608    <div
43609      class="product-badges product-badges--top-left"
43610      style="
43611        --badge-border-radius: 0px;
43612        --badge-font-family: var(--font-body--family);
43612 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
43613      "
43614    ></div>
43615    
43616      
43617
43618<quick-add-component
43619  class="quick-add color-scheme-4 "
43620  ref="quickAdd"
43621  data-product-title="FROZÉ | Sunglasses for Wide Face | Wide Fit Frames"
43622  data-quick-add-button="choose"
43623  data-product-options-count="1"
43624>
43625  <product-form-component
43626    data-section-id="template--28980150370464__main"
43627    data-product-id="11861223014560"
43628    on:submit="/handleSubmit"
43629    class="quick-add__product-form-component"
43630  >
43631    <div
43632      class="visually-hidden"
43633      aria-live="assertive"
43634      role="status"
43635      aria-atomic="true"
43636      ref="liveRegion"
43637    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11861223014560-AVkVHRmZuS1U2YVZuU__card-gallery-34" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
43638        type="hidden"
43639        name="id"
43640        ref="variantId"
43641        value="48119662870688"
43642        
43643      >
43644      <input
43645        type="hidden"
43646        name="quantity"
43647        value="1"
43648      >
43649      
43650      <add-to-cart-component
43651  ref="addToCartButtonContainer"
43652  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/IMG_0304.jpg?v=1767379162&width=100"
43653  data-add-to-cart-animation="true"
43654>
43655  <button
43656    
43657    type="submit"
43658    name="add"
43659    ref="addToCartButton"
43660    on:click="/handleClick"
43661    class="button button quick-add__button quick-add__button--add add-to-cart-button"
43662    
43663    
43664  >
43665    <span
43666      class="add-to-cart-text"
43667    >
43668      
43669        <span
43670          aria-hidden="true"
43671          class="svg-wrapper add-to-cart-icon"
43672        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
43673</span>
43674      
43675      <span class="add-to-cart-text__content is-visually-hidden-mobile">
43676        <span>
43677          <span>Add</span>
43678        </span>
43679      </span>
43680    </span>
43681    
43682    <span class="add-to-cart__added">
43683      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
43684  <g class="check">
43685    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
43686    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
43687  </g>
43688  <g class="burst">
43689    <g style="--index: 0;">
43690      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
43691    </g>
43692    <g style="--index: 1;">
43693      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
43694    </g>
43695    <g style="--index: 2;">
43696      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
43697    </g>
43698    <g style="--index: 3;">
43699      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
43700    </g>
43701    <g style="--index: 4;">
43702      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
43703    </g>
43704    <g style="--index: 5;">
43705      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
43706    </g>
43707    <g style="--index: 6;">
43708      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
43709    </g>
43710    <g style="--index: 7;">
43711      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
43712    </g>
43713  </g>
43714</svg>
43715</span>
43716    </span>
43717  </button>
43718</add-to-cart-component>
43719
43720
43721
43722
43723      <button
43724        class="button quick-add__button quick-add__button--choose add-to-cart-button"
43725        
43726        type="button"
43727        name="add"
43728        on:click="quick-add-component/handleClick"
43729      >
43730        <span
43731          class="add-to-cart-text quick-add__button-content"
43732        >
43733          
43734          <span
43735            aria-hidden="true"
43736            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
43737          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
43738</span>
43739          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
43740            <span>
43741              
43742              <span>
43743                Choose
43744              </span>
43745            </span>
43746          </span>
43747        </span>
43748      </button><input type="hidden" name="product-id" value="11861223014560" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
43749</quick-add-component>
43750
43751
43752
43753    
43754  
43755
43756</div>
43757
43758
43759
43760
43761
43762<div class="product-grid-view-zoom-out--details">
43763  
43764    <h3 class="h4">FROZÉ | Sunglasses for Wide Face | Wide Fit Frames</h3>
43765  
43766</div>
43767
43768
43769
43770
43771
43772
43773<div
43774  class="
43775    group-block
43776    
43777    group-block--height-fit
43778    group-block--width-fill
43779    border-style
43780    spacing-style
43781    size-style
43782    
43783    
43784  "
43785  style="
43786    --border-width: 1px; --border-style: none; --border-color:
43787rgb(var(--color-border-rgb) / 1.0); --border-radius:
437880px; 
43789
43790    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
43791    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
43792    
43793  "
43794  
43795  data-testid="group-block"
43796><div class="group-block__media-wrapper">
43797    
43798
43799
43800
43801    
43802  </div>
43803
43804  <div
43805    class="
43806      group-block-content
43807      
43808      layout-panel-flex
43809      layout-panel-flex--row
43810       mobile-column
43811    "
43812    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
43813
43814--gap: 12px;
43815
43816--horizontal-alignment: space-between; --vertical-alignment: flex-start;
43817--vertical-alignment-mobile: flex-start;
43818"
43819  >
43820  
43821
43822<div
43823  class="
43824    group-block
43825    
43826    group-block--height-fit
43827    group-block--width-fill
43828    border-style
43829    spacing-style
43830    size-style
43831    
43832    
43833  "
43834  style="
43835    --border-width: 1px; --border-style: none; --border-color:
43836rgb(var(--color-border-rgb) / 1.0); --border-radius:
438370px; 
43838
43839    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
43840    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
43841    
43842  "
43843  
43844  data-testid="group-block"
43845><div class="group-block__media-wrapper">
43846    
43847
43848
43849
43850    
43851  </div>
43852
43853  <div
43854    class="
43855      group-block-content
43856      
43857      layout-panel-flex
43858      layout-panel-flex--column
43859       mobile-column
43860    "
43861    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
43862
43863--gap: 0px;
43864
43865--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
43866--vertical-alignment-mobile: flex-start;
43867"
43868  >
43869  
43870  
43871  <a
43872    class="contents user-select-text"
43873    ref="productTitleLink"
43874    href="/products/froze?variant=48119662870688"
43875  >
43876    
43877
43878
43879
43880
43881
43882
43883  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-34 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
43884    <p>FROZÉ | Sunglasses for Wide Face | Wide Fit Frames</p>
43885  </div>
43886
43887
43888
43889
43890  </a>
43891
43892
43893
43894
43895
43896<product-price
43897  class="text-block text-block--align-left text-left h5 spacing-style"
43898  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-34"
43899  data-product-id="11861223014560"
43900  style="
43901    
43902--color: var(--color-foreground);
43903    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
43904    --width: 100%;
43905  "
43906  
43907>
43908  <div ref="priceContainer">
43909  
43910    
43911    
43912
43913    
43914      <span class="price">$180.00</span>
43915    
43916
43917    
43918  
43919</div>
43920
43921  
43922</product-price>
43923
43924
43925
43926
43927
43928
43929
43930</div>
43931</div>
43932
43933
43934
43935
43936
43937
43938<div
43939  class="
43940    group-block
43941    
43942    group-block--height-fit
43943    group-block--width-fill
43944    border-style
43945    spacing-style
43946    size-style
43947    
43948    
43949  "
43950  style="
43951    --border-width: 1px; --border-style: none; --border-color:
43952rgb(var(--color-border-rgb) / 1.0); --border-radius:
439530px; 
43954
43955    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
43956    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
43957    
43958  "
43959  
43960  data-testid="group-block"
43961><div class="group-block__media-wrapper">
43962    
43963
43964
43965
43966    
43967  </div>
43968
43969  <div
43970    class="
43971      group-block-content
43972      
43973      layout-panel-flex
43974      layout-panel-flex--column
43975       mobile-column
43976    "
43977    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
43978
43979--gap: 0px;
43980
43981--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
43982--vertical-alignment-mobile: flex-start;
43983"
43984  >
43985  
43986
43987
43988
43989
43990
43991
43992
43993</div>
43994</div>
43995
43996
43997
43998
43999
44000</div>
44001</div>
44002
44003
44004
44005
44006
44007
44008  </div>
44009</product-card></product-card-link>
44010
44011
44012
44013
44014          </li>
44015        
44016          <li
44017            id="template--28980150370464__main-15867436662944"
44018            class="product-grid__item product-grid__item--35"
44019            data-page="1"
44020            data-product-id="15867436662944"
44021            ref="cards[]"
44022          >
44023            
44024
44025
44026
44027<style data-shopify>
44028  
44029</style>
44030
44031
44032<product-card-link
44033    data-product-id="15867436662944"
44034    data-featured-media-url=""
44035    data-product-transition="true"
44036    
44037  ><product-card
44038  class="product-card"
44039  data-product-id="15867436662944"
44040  id="product-card-ARkJhYk42RE5RUXhCT__product-card-35"
44041  data-product-transition="true"
44042  
44043  
44044>
44045  <a
44046    id="f41918f70821558c4115558bcf4ad91a"
44047    
44048      href="/products/glasses-chain?variant=58901353758880"
44049    
44050    class="product-card__link"
44051    ref="productCardLink"
44052  >
44053    <span class="visually-hidden">
44054      Glasses Chain
44055    </span>
44056  </a>
44057  <div
44058    class="
44059      product-card__content
44060      layout-panel-flex
44061      layout-panel-flex--column
44062      product-grid__card
44063      spacing-style
44064      border-style
44065      gap-style
44066      
44067    "
44068    style="
44069      --border-width: 1px; --border-style: none; --border-color:
44070rgb(var(--color-border-rgb) / 1.0); --border-radius:
440710px; 
44072
44073      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
44074
44075
44076
44077--horizontal-alignment: ; --vertical-alignment: ;
44078--vertical-alignment-mobile: ;
44079
44080      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
44081      --product-card-gap: 8px;
44082      --quick-add-display: none;
44083      --quick-add-mobile-display: none;
44084      --quick-add-mobile-opacity: 0;
44085      
44086      
44087      
44088      
44089    "
44090  >
44091    
44092  
44093
44094
44095
44096
44097
44098<div
44099  ref="cardGallery"
44100  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-35 spacing-style border-style card-gallery--badge-top-left"
44101  style="
44102    --border-width: 1px; --border-style: none; --border-color:
44103rgb(var(--color-border-rgb) / 1.0); --border-radius:
441040px; 
44105
44106    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
44107    --gallery-aspect-ratio: 4 / 5;
44108  "
44109  data-product-id="15867436662944"
44110  
44111    on:pointerenter="/previewImage"
44112    on:pointerleave="/resetImage"
44113  
44114  
44115    data-view-transition-to-main-product
44116  
44117  data-image-ratio="portrait"
44118  
44119>
44120    <product-title class="product-card-gallery__title-placeholder">
44121      <a
44122        class="contents"
44123        ref="productTitleLink"
44124        href="/products/glasses-chain?variant=58901353758880"
44125        aria-hidden="true"
44126      >
44127        <span class="title-text">Glasses Chain</span>
44128      </a>
44129    </product-title>
44130  
44131  
44132    <div
44133      class="product-badges product-badges--top-left"
44134      style="
44135        --badge-border-radius: 0px;
44136        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
44137      "
44138    ><div
44139          class="
44140            product-badges__badge product-badges__badge--rectangle
44141             color-scheme-5
44142          "
44143        >Sold out
44144</div></div>
44145    
44146      
44147
44148<quick-add-component
44149  class="quick-add color-scheme-4 "
44150  ref="quickAdd"
44151  data-product-title="Glasses Chain"
44152  data-quick-add-button="add"
44153  data-product-options-count="1"
44154>
44155  <product-form-component
44156    data-section-id="template--28980150370464__main"
44157    data-product-id="15867436662944"
44158    on:submit="/handleSubmit"
44159    class="quick-add__product-form-component"
44160  >
44161    <div
44162      class="visually-hidden"
44163      aria-live="assertive"
44164      role="status"
44165      aria-atomic="true"
44166      ref="liveRegion"
44167    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15867436662944-AVkVHRmZuS1U2YVZuU__card-gallery-35" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
44168        type="hidden"
44169        name="id"
44170        ref="variantId"
44171        value="58901353758880"
44172        
44173          disabled
44174        
44175      >
44176      <input
44177        type="hidden"
44178        name="quantity"
44179        value="1"
44180      >
44181      
44182      <add-to-cart-component
44183  ref="addToCartButtonContainer"
44184  data-product-variant-media=""
44185  data-add-to-cart-animation="true"
44186>
44187  <button
44188    
44189    type="submit"
44190    name="add"
44191    ref="addToCartButton"
44192    on:click="/handleClick"
44193    class="button button quick-add__button quick-add__button--add add-to-cart-button"
44194    
44195    
44196      disabled
44197    
44198  >
44199    <span
44200      class="add-to-cart-text"
44201    >
44202      
44203      <span class="add-to-cart-text__content is-visually-hidden-mobile">
44204        <span>
44205          <span>Add</span>
44206        </span>
44207      </span>
44208    </span>
44209    
44210    <span class="add-to-cart__added">
44211      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
44212  <g class="check">
44213    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
44214    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
44215  </g>
44216  <g class="burst">
44217    <g style="--index: 0;">
44218      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
44219    </g>
44220    <g style="--index: 1;">
44221      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
44222    </g>
44223    <g style="--index: 2;">
44224      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
44225    </g>
44226    <g style="--index: 3;">
44227      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
44228    </g>
44229    <g style="--index: 4;">
44230      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
44231    </g>
44232    <g style="--index: 5;">
44233      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
44234    </g>
44235    <g style="--index: 6;">
44236      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
44237    </g>
44238    <g style="--index: 7;">
44239      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
44240    </g>
44241  </g>
44242</svg>
44243</span>
44244    </span>
44245  </button>
44246</add-to-cart-component>
44247
44248
44249
44250
44251      <button
44252        class="button quick-add__button quick-add__button--choose add-to-cart-button"
44253        
44254        type="button"
44255        name="add"
44256        on:click="quick-add-component/handleClick"
44257      >
44258        <span
44259          class="add-to-cart-text quick-add__button-content"
44260        >
44261          
44262          <span
44263            aria-hidden="true"
44264            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
44265          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
44266</span>
44267          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
44268            <span>
44269              
44270              <span>
44271                Choose
44272              </span>
44273            </span>
44274          </span>
44275        </span>
44276      </button><input type="hidden" name="product-id" value="15867436662944" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
44277</quick-add-component>
44278
44279
44280
44281    
44282  
44283
44284</div>
44285
44286
44287
44288
44289
44290<div class="product-grid-view-zoom-out--details">
44291  
44292    <h3 class="h4">Glasses Chain</h3>
44293  
44294</div>
44295
44296
44297
44298
44299
44300
44301<div
44302  class="
44303    group-block
44304    
44305    group-block--height-fit
44306    group-block--width-fill
44307    border-style
44308    spacing-style
44309    size-style
44310    
44311    
44312  "
44313  style="
44314    --border-width: 1px; --border-style: none; --border-color:
44315rgb(var(--color-border-rgb) / 1.0); --border-radius:
443160px; 
44317
44318    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
44319    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
44320    
44321  "
44322  
44323  data-testid="group-block"
44324><div class="group-block__media-wrapper">
44325    
44326
44327
44328
44329    
44330  </div>
44331
44332  <div
44333    class="
44334      group-block-content
44335      
44336      layout-panel-flex
44337      layout-panel-flex--row
44338       mobile-column
44339    "
44340    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
44341
44342--gap: 12px;
44343
44344--horizontal-alignment: space-between; --vertical-alignment: flex-start;
44345--vertical-alignment-mobile: flex-start;
44346"
44347  >
44348  
44349
44350<div
44351  class="
44352    group-block
44353    
44354    group-block--height-fit
44355    group-block--width-fill
44356    border-style
44357    spacing-style
44358    size-style
44359    
44360    
44361  "
44362  style="
44363    --border-width: 1px; --border-style: none; --border-color:
44364rgb(var(--color-border-rgb) / 1.0); --border-radius:
443650px; 
44366
44367    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
44368    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
44369    
44370  "
44371  
44372  data-testid="group-block"
44373><div class="group-block__media-wrapper">
44374    
44375
44376
44377
44378    
44379  </div>
44380
44381  <div
44382    class="
44383      group-block-content
44384      
44385      layout-panel-flex
44386      layout-panel-flex--column
44387       mobile-column
44388    "
44389    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
44390
44391--gap: 0px;
44392
44393--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
44394--vertical-alignment-mobile: flex-start;
44395"
44396  >
44397  
44398  
44399  <a
44400    class="contents user-select-text"
44401    ref="productTitleLink"
44402    href="/products/glasses-chain?variant=58901353758880"
44403  >
44404    
44405
44406
44407
44408
44409
44410
44411  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-35 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
44412    <p>Glasses Chain</p>
44413  </div>
44414
44415
44416
44417
44418  </a>
44419
44420
44421
44422
44423
44424<product-price
44425  class="text-block text-block--align-left text-left h5 spacing-style"
44426  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-35"
44427  data-product-id="15867436662944"
44428  style="
44429    
44430--color: var(--color-foreground);
44431    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
44432    --width: 100%;
44433  "
44434  
44435>
44436  <div ref="priceContainer">
44437  
44438    
44439    
44440
44441    
44442      <span class="price">$0.00</span>
44443    
44444
44445    
44446  
44447</div>
44448
44449  
44450</product-price>
44451
44452
44453
44454
44455
44456
44457
44458</div>
44459</div>
44460
44461
44462
44463
44464
44465
44466<div
44467  class="
44468    group-block
44469    
44470    group-block--height-fit
44471    group-block--width-fill
44472    border-style
44473    spacing-style
44474    size-style
44475    
44476    
44477  "
44478  style="
44479    --border-width: 1px; --border-style: none; --border-color:
44480rgb(var(--color-border-rgb) / 1.0); --border-radius:
444810px; 
44482
44483    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
44484    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
44485    
44486  "
44487  
44488  data-testid="group-block"
44489><div class="group-block__media-wrapper">
44490    
44491
44492
44493
44494    
44495  </div>
44496
44497  <div
44498    class="
44499      group-block-content
44500      
44501      layout-panel-flex
44502      layout-panel-flex--column
44503       mobile-column
44504    "
44505    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
44506
44507--gap: 0px;
44508
44509--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
44510--vertical-alignment-mobile: flex-start;
44511"
44512  >
44513  
44514
44515
44516
44517
44518
44519
44520
44521</div>
44522</div>
44523
44524
44525
44526
44527
44528</div>
44529</div>
44530
44531
44532
44533
44534
44535
44536  </div>
44537</product-card></product-card-link>
44538
44539
44540
44541
44542          </li>
44543        
44544          <li
44545            id="template--28980150370464__main-14018361032864"
44546            class="product-grid__item product-grid__item--36"
44547            data-page="1"
44548            data-product-id="14018361032864"
44549            ref="cards[]"
44550          >
44551            
44552
44553
44554
44555<style data-shopify>
44556  
44557</style>
44558
44559
44560<product-card-link
44561    data-product-id="14018361032864"
44562    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/IMG_1788.jpg?v=1767834399&width=500"
44563    data-product-transition="true"
44564    
44565  ><product-card
44566  class="product-card"
44567  data-product-id="14018361032864"
44568  id="product-card-ARkJhYk42RE5RUXhCT__product-card-36"
44569  data-product-transition="true"
44570  
44571  
44572>
44573  <a
44574    id="22f374f9a24495e392859411db750c92"
44575    
44576      href="/products/hangover?variant=50798548844704"
44577    
44578    class="product-card__link"
44579    ref="productCardLink"
44580  >
44581    <span class="visually-hidden">
44582      HANGOVER | Sunglasses for Wide Face | Wide Fit Frames
44583    </span>
44584  </a>
44585  <div
44586    class="
44587      product-card__content
44588      layout-panel-flex
44589      layout-panel-flex--column
44590      product-grid__card
44591      spacing-style
44592      border-style
44593      gap-style
44594      
44595    "
44596    style="
44597      --border-width: 1px; --border-style: none; --border-color:
44598rgb(var(--color-border-rgb) / 1.0); --border-radius:
445990px; 
44600
44601      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
44602
44603
44604
44605--horizontal-alignment: ; --vertical-alignment: ;
44606--vertical-alignment-mobile: ;
44607
44608      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
44609      --product-card-gap: 8px;
44610      --quick-add-display: flex;
44611      --quick-add-mobile-display: flex;
44612      --quick-add-mobile-opacity: 1;
44613      
44614      
44615      
44616      
44617    "
44618  >
44619    
44620  
44621
44622
44623
44624
44625
44626<div
44627  ref="cardGallery"
44628  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-36 spacing-style border-style"
44629  style="
44630    --border-width: 1px; --border-style: none; --border-color:
44631rgb(var(--color-border-rgb) / 1.0); --border-radius:
446320px; 
44633
44634    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
44635    --gallery-aspect-ratio: 4 / 5;
44636  "
44637  data-product-id="14018361032864"
44638  
44639    on:pointerenter="/previewImage"
44640    on:pointerleave="/resetImage"
44641  
44642  
44643    data-view-transition-to-main-product
44644  
44645  data-image-ratio="portrait"
44646  
44647>
44648    <a
44649      class="contents"
44650      ref="cardGalleryLink"
44651      href="/products/hangover?variant=50798548844704"
44652      aria-label="HANGOVER | Sunglasses for Wide Face | Wide Fit Frames"
44653    >
44654      <slideshow-component
44655  
44656    ref="slideshow"
44657  
44658  
44659  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11;--slide-min-height: auto;--slide-min-height-desktop: auto;"
44660  
44661  initial-slide="0"
44662  
44663  
44664    infinite
44665  
44666
44667  data-generic-media-size="10"
44668>
44669  
44670  <slideshow-container ref="slideshowContainer">
44671    
44672      <slideshow-arrows
44673  position="center"
44674  
44675><button
44676  class="
44677    slideshow-control slideshow-control--previous
44678    
44679    
44680    slideshow-control--style-arrow
44681    button button-unstyled button-unstyled--transparent
44682     flip-x
44683  "
44684  
44685  aria-label="Previous slide"
44686  
44687  on:click="/previous"
44688  ref="previous"
44689>
44690  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
44691</span>
44692</button>
44693<button
44694  class="
44695    slideshow-control slideshow-control--next
44696    
44697    
44698    slideshow-control--style-arrow
44699    button button-unstyled button-unstyled--transparent
44700    
44701  "
44702  
44703  aria-label="Next slide"
44704  
44705  on:click="/next"
44706  ref="next"
44707>
44708  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
44709</span>
44710</button>
44711</slideshow-arrows>
44712
44713    
44714    
44715    <slideshow-slides
44716      tabindex="-1"
44717      ref="scroller"
44718      
44719    >
44720      <slideshow-slide
44721  ref="slides[]"
44722  aria-hidden="false"
44723  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
44724  
44725    class="product-media-container media-fit product-media-container--image"
44726  
44727  
44728  
44729  
44730    slide-id="28963293593760"
44731  
44732  
44733  
44734  
44735>
44736  
44737
44738<div
44739  class="product-media"
44740  style="--ratio: 0.6666666666666666"
44741  data-media-id="28963293593760"
44742>
44743  
44744  <img src="//www.solkyst.ca/cdn/shop/files/3_14b8037b-4300-4470-aa92-8b5633941ac2.png?v=1766799117&amp;width=3840" alt="Sol Kyst women&#39;s square sunglasses with black frames and dark tinted lenses - front view." srcset="//www.solkyst.ca/cdn/shop/files/3_14b8037b-4300-4470-aa92-8b5633941ac2.png?v=1766799117&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/3_14b8037b-4300-4470-aa92-8b5633941ac2.png?v=1766799117&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/3_14b8037b-4300-4470-aa92-8b5633941ac2.png?v=1766799117&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/3_14b8037b-4300-4470-aa92-8b5633941ac2.png?v=1766799117&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/3_14b8037b-4300-4470-aa92-8b5633941ac2.png?v=1766799117&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/3_14b8037b-4300-4470-aa92-8b5633941ac2.png?v=1766799117&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/3_14b8037b-4300-4470-aa92-8b5633941ac2.png?v=1766799117&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/3_14b8037b-4300-4470-aa92-8b5633941ac2.png?v=1766799117&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/3_14b8037b-4300-4470-aa92-8b5633941ac2.png?v=1766799117&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
44745
44746  
44747</div>
44748
44749
44750
44751</slideshow-slide>
44752<slideshow-slide
44753  ref="slides[]"
44754  aria-hidden="true"
44755  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
44756  
44757    class="product-media-container media-fit product-media-container--image"
44758  
44759  
44760  
44761  
44762    slide-id="35564899434656"
44763  
44764  
44765  
44766  
44767>
44768  
44769
44770<div
44771  class="product-media"
44772  style="--ratio: 0.6666666666666666"
44773  data-media-id="35564899434656"
44774>
44775  
44776  <img src="//www.solkyst.ca/cdn/shop/files/IMG_4559.jpg?v=1767376354&amp;width=3840" alt="Side view of Sol Kyst women&#39;s square sunglasses with black frames and dark tinted lenses." srcset="//www.solkyst.ca/cdn/shop/files/IMG_4559.jpg?v=1767376354&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_4559.jpg?v=1767376354&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_4559.jpg?v=1767376354&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_4559.jpg?v=1767376354&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_4559.jpg?v=1767376354&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_4559.jpg?v=1767376354&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_4559.jpg?v=1767376354&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_4559.jpg?v=1767376354&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_4559.jpg?v=1767376354&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
44777
44778  
44779</div>
44780
44781
44782
44783</slideshow-slide>
44784<slideshow-slide
44785  ref="slides[]"
44786  aria-hidden="true"
44787  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
44788  
44789    class="product-media-container media-fit product-media-container--image"
44790  
44791  
44792  
44793  
44794    slide-id="38023733018784"
44795  
44796  
44797  
44798  
44799>
44800  
44801
44802<div
44803  class="product-media"
44804  style="--ratio: 0.8"
44805  data-media-id="38023733018784"
44806>
44807  
44808  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0391.jpg?v=1767376354&amp;width=3840" alt="HANGOVER | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0391.jpg?v=1767376354&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0391.jpg?v=1767376354&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0391.jpg?v=1767376354&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0391.jpg?v=1767376354&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0391.jpg?v=1767376354&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0391.jpg?v=1767376354&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0391.jpg?v=1767376354&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0391.jpg?v=1767376354&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0391.jpg?v=1767376354&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
44809
44810  
44811</div>
44812
44813
44814
44815</slideshow-slide>
44816<slideshow-slide
44817  ref="slides[]"
44818  aria-hidden="true"
44819  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
44820  
44821    class="product-media-container media-fit product-media-container--image"
44822  
44823  
44824  
44825  
44826    slide-id="38902754476192"
44827  
44828  
44829  
44830  
44831>
44832  
44833
44834<div
44835  class="product-media"
44836  style="--ratio: 0.8001247271593389"
44837  data-media-id="38902754476192"
44838>
44839  
44840  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0386.jpg?v=1767834399&amp;width=3840" alt="HANGOVER | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0386.jpg?v=1767834399&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0386.jpg?v=1767834399&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0386.jpg?v=1767834399&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0386.jpg?v=1767834399&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0386.jpg?v=1767834399&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0386.jpg?v=1767834399&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0386.jpg?v=1767834399&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0386.jpg?v=1767834399&amp;width=3840 3840w" width="3840" height="4799" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0386.jpg?v=1767834399&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
44841
44842  
44843</div>
44844
44845
44846
44847</slideshow-slide>
44848<slideshow-slide
44849  ref="slides[]"
44850  aria-hidden="true"
44851  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
44852  
44853    class="product-media-container media-fit product-media-container--image"
44854  
44855  variant-image
44856  
44857  
44858    slide-id="38108841312416"
44859  
44860  
44861    hidden
44862  
44863  
44864  variant-image
44865>
44866  
44867
44868<div
44869  class="product-media"
44870  style="--ratio: 0.7999257609502598"
44871  data-media-id="38108841312416"
44872>
44873  
44874  <img src="//www.solkyst.ca/cdn/shop/files/IMG_1788.jpg?v=1767834399&amp;width=3840" alt="Woman wearing sunglasses and a brown top against a beige background" srcset="//www.solkyst.ca/cdn/shop/files/IMG_1788.jpg?v=1767834399&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_1788.jpg?v=1767834399&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_1788.jpg?v=1767834399&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_1788.jpg?v=1767834399&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_1788.jpg?v=1767834399&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_1788.jpg?v=1767834399&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_1788.jpg?v=1767834399&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_1788.jpg?v=1767834399&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_1788.jpg?v=1767834399&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.6824% 30.7631%;">
44875
44876  
44877</div>
44878
44879
44880
44881</slideshow-slide>
44882<slideshow-slide
44883  ref="slides[]"
44884  aria-hidden="true"
44885  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
44886  
44887    class="product-media-container media-fit product-media-container--image"
44888  
44889  
44890  
44891  
44892    slide-id="38108817555616"
44893  
44894  
44895  
44896  
44897>
44898  
44899
44900<div
44901  class="product-media"
44902  style="--ratio: 0.8000673174015484"
44903  data-media-id="38108817555616"
44904>
44905  
44906  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0953.jpg?v=1767834399&amp;width=3840" alt="HANGOVER | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0953.jpg?v=1767834399&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0953.jpg?v=1767834399&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0953.jpg?v=1767834399&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0953.jpg?v=1767834399&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0953.jpg?v=1767834399&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0953.jpg?v=1767834399&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0953.jpg?v=1767834399&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0953.jpg?v=1767834399&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0953.jpg?v=1767834399&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
44907
44908  
44909</div>
44910
44911
44912
44913</slideshow-slide>
44914
44915    </slideshow-slides>
44916  </slideshow-container>
44917  
44918</slideshow-component>
44919
44920
44921
44922    </a>
44923  
44924  
44925    <div
44926      class="product-badges product-badges--top-left"
44927      style="
44928        --badge-border-radius: 0px;
44929        --badge-font-family: var(--font-body--family);
44929 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
44930      "
44931    ></div>
44932    
44933      
44934
44935<quick-add-component
44936  class="quick-add color-scheme-4 "
44937  ref="quickAdd"
44938  data-product-title="HANGOVER | Sunglasses for Wide Face | Wide Fit Frames"
44939  data-quick-add-button="choose"
44940  data-product-options-count="1"
44941>
44942  <product-form-component
44943    data-section-id="template--28980150370464__main"
44944    data-product-id="14018361032864"
44945    on:submit="/handleSubmit"
44946    class="quick-add__product-form-component"
44947  >
44948    <div
44949      class="visually-hidden"
44950      aria-live="assertive"
44951      role="status"
44952      aria-atomic="true"
44953      ref="liveRegion"
44954    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-14018361032864-AVkVHRmZuS1U2YVZuU__card-gallery-36" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
44955        type="hidden"
44956        name="id"
44957        ref="variantId"
44958        value="50798548844704"
44959        
44960      >
44961      <input
44962        type="hidden"
44963        name="quantity"
44964        value="1"
44965      >
44966      
44967      <add-to-cart-component
44968  ref="addToCartButtonContainer"
44969  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/IMG_1788.jpg?v=1767834399&width=100"
44970  data-add-to-cart-animation="true"
44971>
44972  <button
44973    
44974    type="submit"
44975    name="add"
44976    ref="addToCartButton"
44977    on:click="/handleClick"
44978    class="button button quick-add__button quick-add__button--add add-to-cart-button"
44979    
44980    
44981  >
44982    <span
44983      class="add-to-cart-text"
44984    >
44985      
44986        <span
44987          aria-hidden="true"
44988          class="svg-wrapper add-to-cart-icon"
44989        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
44990</span>
44991      
44992      <span class="add-to-cart-text__content is-visually-hidden-mobile">
44993        <span>
44994          <span>Add</span>
44995        </span>
44996      </span>
44997    </span>
44998    
44999    <span class="add-to-cart__added">
45000      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
45001  <g class="check">
45002    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
45003    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
45004  </g>
45005  <g class="burst">
45006    <g style="--index: 0;">
45007      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
45008    </g>
45009    <g style="--index: 1;">
45010      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
45011    </g>
45012    <g style="--index: 2;">
45013      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
45014    </g>
45015    <g style="--index: 3;">
45016      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
45017    </g>
45018    <g style="--index: 4;">
45019      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
45020    </g>
45021    <g style="--index: 5;">
45022      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
45023    </g>
45024    <g style="--index: 6;">
45025      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
45026    </g>
45027    <g style="--index: 7;">
45028      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
45029    </g>
45030  </g>
45031</svg>
45032</span>
45033    </span>
45034  </button>
45035</add-to-cart-component>
45036
45037
45038
45039
45040      <button
45041        class="button quick-add__button quick-add__button--choose add-to-cart-button"
45042        
45043        type="button"
45044        name="add"
45045        on:click="quick-add-component/handleClick"
45046      >
45047        <span
45048          class="add-to-cart-text quick-add__button-content"
45049        >
45050          
45051          <span
45052            aria-hidden="true"
45053            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
45054          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
45055</span>
45056          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
45057            <span>
45058              
45059              <span>
45060                Choose
45061              </span>
45062            </span>
45063          </span>
45064        </span>
45065      </button><input type="hidden" name="product-id" value="14018361032864" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
45066</quick-add-component>
45067
45068
45069
45070    
45071  
45072
45073</div>
45074
45075
45076
45077
45078
45079<div class="product-grid-view-zoom-out--details">
45080  
45081    <h3 class="h4">HANGOVER | Sunglasses for Wide Face | Wide Fit Frames</h3>
45082  
45083</div>
45084
45085
45086
45087
45088
45089
45090<div
45091  class="
45092    group-block
45093    
45094    group-block--height-fit
45095    group-block--width-fill
45096    border-style
45097    spacing-style
45098    size-style
45099    
45100    
45101  "
45102  style="
45103    --border-width: 1px; --border-style: none; --border-color:
45104rgb(var(--color-border-rgb) / 1.0); --border-radius:
451050px; 
45106
45107    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
45108    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
45109    
45110  "
45111  
45112  data-testid="group-block"
45113><div class="group-block__media-wrapper">
45114    
45115
45116
45117
45118    
45119  </div>
45120
45121  <div
45122    class="
45123      group-block-content
45124      
45125      layout-panel-flex
45126      layout-panel-flex--row
45127       mobile-column
45128    "
45129    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
45130
45131--gap: 12px;
45132
45133--horizontal-alignment: space-between; --vertical-alignment: flex-start;
45134--vertical-alignment-mobile: flex-start;
45135"
45136  >
45137  
45138
45139<div
45140  class="
45141    group-block
45142    
45143    group-block--height-fit
45144    group-block--width-fill
45145    border-style
45146    spacing-style
45147    size-style
45148    
45149    
45150  "
45151  style="
45152    --border-width: 1px; --border-style: none; --border-color:
45153rgb(var(--color-border-rgb) / 1.0); --border-radius:
451540px; 
45155
45156    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
45157    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
45158    
45159  "
45160  
45161  data-testid="group-block"
45162><div class="group-block__media-wrapper">
45163    
45164
45165
45166
45167    
45168  </div>
45169
45170  <div
45171    class="
45172      group-block-content
45173      
45174      layout-panel-flex
45175      layout-panel-flex--column
45176       mobile-column
45177    "
45178    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
45179
45180--gap: 0px;
45181
45182--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
45183--vertical-alignment-mobile: flex-start;
45184"
45185  >
45186  
45187  
45188  <a
45189    class="contents user-select-text"
45190    ref="productTitleLink"
45191    href="/products/hangover?variant=50798548844704"
45192  >
45193    
45194
45195
45196
45197
45198
45199
45200  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-36 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
45201    <p>HANGOVER | Sunglasses for Wide Face | Wide Fit Frames</p>
45202  </div>
45203
45204
45205
45206
45207  </a>
45208
45209
45210
45211
45212
45213<product-price
45214  class="text-block text-block--align-left text-left h5 spacing-style"
45215  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-36"
45216  data-product-id="14018361032864"
45217  style="
45218    
45219--color: var(--color-foreground);
45220    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
45221    --width: 100%;
45222  "
45223  
45224>
45225  <div ref="priceContainer">
45226  
45227    
45228    
45229
45230    
45231      <span class="price">$180.00</span>
45232    
45233
45234    
45235  
45236</div>
45237
45238  
45239</product-price>
45240
45241
45242
45243
45244
45245
45246
45247</div>
45248</div>
45249
45250
45251
45252
45253
45254
45255<div
45256  class="
45257    group-block
45258    
45259    group-block--height-fit
45260    group-block--width-fill
45261    border-style
45262    spacing-style
45263    size-style
45264    
45265    
45266  "
45267  style="
45268    --border-width: 1px; --border-style: none; --border-color:
45269rgb(var(--color-border-rgb) / 1.0); --border-radius:
452700px; 
45271
45272    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
45273    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
45274    
45275  "
45276  
45277  data-testid="group-block"
45278><div class="group-block__media-wrapper">
45279    
45280
45281
45282
45283    
45284  </div>
45285
45286  <div
45287    class="
45288      group-block-content
45289      
45290      layout-panel-flex
45291      layout-panel-flex--column
45292       mobile-column
45293    "
45294    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
45295
45296--gap: 0px;
45297
45298--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
45299--vertical-alignment-mobile: flex-start;
45300"
45301  >
45302  
45303
45304
45305
45306
45307
45308
45309
45310</div>
45311</div>
45312
45313
45314
45315
45316
45317</div>
45318</div>
45319
45320
45321
45322
45323
45324
45325  </div>
45326</product-card></product-card-link>
45327
45328
45329
45330
45331          </li>
45332        
45333          <li
45334            id="template--28980150370464__main-15163012415648"
45335            class="product-grid__item product-grid__item--37"
45336            data-page="1"
45337            data-product-id="15163012415648"
45338            ref="cards[]"
45339          >
45340            
45341
45342
45343
45344<style data-shopify>
45345  
45346</style>
45347
45348
45349<product-card-link
45350    data-product-id="15163012415648"
45351    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/lens-default-img_24ed57be-7912-42b4-ae36-dfce1c594011.png?v=1756832334&width=500"
45352    data-product-transition="true"
45353    
45354  ><product-card
45355  class="product-card"
45356  data-product-id="15163012415648"
45357  id="product-card-ARkJhYk42RE5RUXhCT__product-card-37"
45358  data-product-transition="true"
45359  
45360  
45361>
45362  <a
45363    id="b3d3bab6d1386cad0936ad5ffc7692af"
45364    
45365      href="/products/high-index-progressive-clear_standard-3?variant=52764805496992"
45366    
45367    class="product-card__link"
45368    ref="productCardLink"
45369  >
45370    <span class="visually-hidden">
45371      High Index P1
45372    </span>
45373  </a>
45374  <div
45375    class="
45376      product-card__content
45377      layout-panel-flex
45378      layout-panel-flex--column
45379      product-grid__card
45380      spacing-style
45381      border-style
45382      gap-style
45383      
45384    "
45385    style="
45386      --border-width: 1px; --border-style: none; --border-color:
45387rgb(var(--color-border-rgb) / 1.0); --border-radius:
453880px; 
45389
45390      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
45391
45392
45393
45394--horizontal-alignment: ; --vertical-alignment: ;
45395--vertical-alignment-mobile: ;
45396
45397      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
45398      --product-card-gap: 8px;
45399      --quick-add-display: flex;
45400      --quick-add-mobile-display: flex;
45401      --quick-add-mobile-opacity: 1;
45402      
45403      
45404      
45405      
45406    "
45407  >
45408    
45409  
45410
45411
45412
45413
45414
45415<div
45416  ref="cardGallery"
45417  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-37 spacing-style border-style"
45418  style="
45419    --border-width: 1px; --border-style: none; --border-color:
45420rgb(var(--color-border-rgb) / 1.0); --border-radius:
454210px; 
45422
45423    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
45424    --gallery-aspect-ratio: 4 / 5;
45425  "
45426  data-product-id="15163012415648"
45427  
45428    on:pointerenter="/previewImage"
45429    on:pointerleave="/resetImage"
45430  
45431  
45432    data-view-transition-to-main-product
45433  
45434  data-image-ratio="portrait"
45435  
45436>
45437    <a
45438      class="contents"
45439      ref="cardGalleryLink"
45440      href="/products/high-index-progressive-clear_standard-3?variant=52764805496992"
45441      aria-label="High Index P1"
45442    >
45443      <slideshow-component
45444  
45445    ref="slideshow"
45446  
45447  
45448  style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
45449  
45450  initial-slide="0"
45451  
45452  
45453    infinite
45454  
45455
45456  data-generic-media-size="1"
45457>
45458  
45459  <slideshow-container ref="slideshowContainer">
45460    
45461    
45462    <slideshow-slides
45463      tabindex="-1"
45464      ref="scroller"
45465      
45466    >
45467      <slideshow-slide
45468  ref="slides[]"
45469  aria-hidden="false"
45470  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
45471  
45472    class="product-media-container media-fit product-media-container--image"
45473  
45474  
45475  
45476  
45477    slide-id="38196828766368"
45478  
45479  
45480  
45481  
45482>
45483  
45484
45485<div
45486  class="product-media"
45487  style="--ratio: 1.0"
45488  data-media-id="38196828766368"
45489>
45490  
45491  <img src="//www.solkyst.ca/cdn/shop/files/lens-default-img_24ed57be-7912-42b4-ae36-dfce1c594011.png?v=1756832334&amp;width=3840" alt="Featured image" srcset="//www.solkyst.ca/cdn/shop/files/lens-default-img_24ed57be-7912-42b4-ae36-dfce1c594011.png?v=1756832334&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/lens-default-img_24ed57be-7912-42b4-ae36-dfce1c594011.png?v=1756832334&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/lens-default-img_24ed57be-7912-42b4-ae36-dfce1c594011.png?v=1756832334&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/lens-default-img_24ed57be-7912-42b4-ae36-dfce1c594011.png?v=1756832334&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/lens-default-img_24ed57be-7912-42b4-ae36-dfce1c594011.png?v=1756832334&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/lens-default-img_24ed57be-7912-42b4-ae36-dfce1c594011.png?v=1756832334&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/lens-default-img_24ed57be-7912-42b4-ae36-dfce1c594011.png?v=1756832334&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/lens-default-img_24ed57be-7912-42b4-ae36-dfce1c594011.png?v=1756832334&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/lens-default-img_24ed57be-7912-42b4-ae36-dfce1c594011.png?v=1756832334&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
45492
45493  
45494</div>
45495
45496
45497
45498</slideshow-slide>
45499
45500    </slideshow-slides>
45501  </slideshow-container>
45502  
45503</slideshow-component>
45504
45505
45506
45507    </a>
45508  
45509  
45510    <div
45511      class="product-badges product-badges--top-left"
45512      style="
45513        --badge-border-radius: 0px;
45514        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
45515      "
45516    ></div>
45517    
45518      
45519
45520<quick-add-component
45521  class="quick-add color-scheme-4 "
45522  ref="quickAdd"
45523  data-product-title="High Index P1"
45524  data-quick-add-button="choose"
45525  data-product-options-count="2"
45526>
45527  <product-form-component
45528    data-section-id="template--28980150370464__main"
45529    data-product-id="15163012415648"
45530    on:submit="/handleSubmit"
45531    class="quick-add__product-form-component"
45532  >
45533    <div
45534      class="visually-hidden"
45535      aria-live="assertive"
45536      role="status"
45537      aria-atomic="true"
45538      ref="liveRegion"
45539    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15163012415648-AVkVHRmZuS1U2YVZuU__card-gallery-37" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
45540        type="hidden"
45541        name="id"
45542        ref="variantId"
45543        value="52764805496992"
45544        
45545      >
45546      <input
45547        type="hidden"
45548        name="quantity"
45549        value="1"
45550      >
45551      
45552      <add-to-cart-component
45553  ref="addToCartButtonContainer"
45554  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/lens-default-img_24ed57be-7912-42b4-ae36-dfce1c594011.png?v=1756832334&width=100"
45555  data-add-to-cart-animation="true"
45556>
45557  <button
45558    
45559    type="submit"
45560    name="add"
45561    ref="addToCartButton"
45562    on:click="/handleClick"
45563    class="button button quick-add__button quick-add__button--add add-to-cart-button"
45564    
45565    
45566  >
45567    <span
45568      class="add-to-cart-text"
45569    >
45570      
45571        <span
45572          aria-hidden="true"
45573          class="svg-wrapper add-to-cart-icon"
45574        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
45575</span>
45576      
45577      <span class="add-to-cart-text__content is-visually-hidden-mobile">
45578        <span>
45579          <span>Add</span>
45580        </span>
45581      </span>
45582    </span>
45583    
45584    <span class="add-to-cart__added">
45585      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
45586  <g class="check">
45587    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
45588    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
45589  </g>
45590  <g class="burst">
45591    <g style="--index: 0;">
45592      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
45593    </g>
45594    <g style="--index: 1;">
45595      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
45596    </g>
45597    <g style="--index: 2;">
45598      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
45599    </g>
45600    <g style="--index: 3;">
45601      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
45602    </g>
45603    <g style="--index: 4;">
45604      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
45605    </g>
45606    <g style="--index: 5;">
45607      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
45608    </g>
45609    <g style="--index: 6;">
45610      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
45611    </g>
45612    <g style="--index: 7;">
45613      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
45614    </g>
45615  </g>
45616</svg>
45617</span>
45618    </span>
45619  </button>
45620</add-to-cart-component>
45621
45622
45623
45624
45625      <button
45626        class="button quick-add__button quick-add__button--choose add-to-cart-button"
45627        
45628        type="button"
45629        name="add"
45630        on:click="quick-add-component/handleClick"
45631      >
45632        <span
45633          class="add-to-cart-text quick-add__button-content"
45634        >
45635          
45636          <span
45637            aria-hidden="true"
45638            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
45639          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
45640</span>
45641          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
45642            <span>
45643              
45644              <span>
45645                Choose
45646              </span>
45647            </span>
45648          </span>
45649        </span>
45650      </button><input type="hidden" name="product-id" value="15163012415648" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
45651</quick-add-component>
45652
45653
45654
45655    
45656  
45657
45658</div>
45659
45660
45661
45662
45663
45664<div class="product-grid-view-zoom-out--details">
45665  
45666    <h3 class="h4">High Index P1</h3>
45667  
45668</div>
45669
45670
45671
45672
45673
45674
45675<div
45676  class="
45677    group-block
45678    
45679    group-block--height-fit
45680    group-block--width-fill
45681    border-style
45682    spacing-style
45683    size-style
45684    
45685    
45686  "
45687  style="
45688    --border-width: 1px; --border-style: none; --border-color:
45689rgb(var(--color-border-rgb) / 1.0); --border-radius:
456900px; 
45691
45692    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
45693    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
45694    
45695  "
45696  
45697  data-testid="group-block"
45698><div class="group-block__media-wrapper">
45699    
45700
45701
45702
45703    
45704  </div>
45705
45706  <div
45707    class="
45708      group-block-content
45709      
45710      layout-panel-flex
45711      layout-panel-flex--row
45712       mobile-column
45713    "
45714    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
45715
45716--gap: 12px;
45717
45718--horizontal-alignment: space-between;
45718 --vertical-alignment: flex-start;
45719--vertical-alignment-mobile: flex-start;
45720"
45721  >
45722  
45723
45724<div
45725  class="
45726    group-block
45727    
45728    group-block--height-fit
45729    group-block--width-fill
45730    border-style
45731    spacing-style
45732    size-style
45733    
45734    
45735  "
45736  style="
45737    --border-width: 1px; --border-style: none; --border-color:
45738rgb(var(--color-border-rgb) / 1.0); --border-radius:
457390px; 
45740
45741    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
45742    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
45743    
45744  "
45745  
45746  data-testid="group-block"
45747><div class="group-block__media-wrapper">
45748    
45749
45750
45751
45752    
45753  </div>
45754
45755  <div
45756    class="
45757      group-block-content
45758      
45759      layout-panel-flex
45760      layout-panel-flex--column
45761       mobile-column
45762    "
45763    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
45764
45765--gap: 0px;
45766
45767--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
45768--vertical-alignment-mobile: flex-start;
45769"
45770  >
45771  
45772  
45773  <a
45774    class="contents user-select-text"
45775    ref="productTitleLink"
45776    href="/products/high-index-progressive-clear_standard-3?variant=52764805496992"
45777  >
45778    
45779
45780
45781
45782
45783
45784
45785  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-37 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
45786    <p>High Index P1</p>
45787  </div>
45788
45789
45790
45791
45792  </a>
45793
45794
45795
45796
45797
45798<product-price
45799  class="text-block text-block--align-left text-left h5 spacing-style"
45800  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-37"
45801  data-product-id="15163012415648"
45802  style="
45803    
45804--color: var(--color-foreground);
45805    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
45806    --width: 100%;
45807  "
45808  
45809>
45810  <div ref="priceContainer">
45811  
45812    
45813    
45814
45815    
45816      <span class="price">$380.00</span>
45817    
45818
45819    
45820  
45821</div>
45822
45823  
45824</product-price>
45825
45826
45827
45828
45829
45830
45831
45832</div>
45833</div>
45834
45835
45836
45837
45838
45839
45840<div
45841  class="
45842    group-block
45843    
45844    group-block--height-fit
45845    group-block--width-fill
45846    border-style
45847    spacing-style
45848    size-style
45849    
45850    
45851  "
45852  style="
45853    --border-width: 1px; --border-style: none; --border-color:
45854rgb(var(--color-border-rgb) / 1.0); --border-radius:
458550px; 
45856
45857    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
45858    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
45859    
45860  "
45861  
45862  data-testid="group-block"
45863><div class="group-block__media-wrapper">
45864    
45865
45866
45867
45868    
45869  </div>
45870
45871  <div
45872    class="
45873      group-block-content
45874      
45875      layout-panel-flex
45876      layout-panel-flex--column
45877       mobile-column
45878    "
45879    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
45880
45881--gap: 0px;
45882
45883--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
45884--vertical-alignment-mobile: flex-start;
45885"
45886  >
45887  
45888
45889
45890
45891
45892
45893
45894
45895</div>
45896</div>
45897
45898
45899
45900
45901
45902</div>
45903</div>
45904
45905
45906
45907
45908
45909
45910  </div>
45911</product-card></product-card-link>
45912
45913
45914
45915
45916          </li>
45917        
45918          <li
45919            id="template--28980150370464__main-15163013038240"
45920            class="product-grid__item product-grid__item--38"
45921            data-page="1"
45922            data-product-id="15163013038240"
45923            ref="cards[]"
45924          >
45925            
45926
45927
45928
45929<style data-shopify>
45930  
45931</style>
45932
45933
45934<product-card-link
45935    data-product-id="15163013038240"
45936    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/lens-default-img_399671be-4668-4403-a303-6a5e0abced18.png?v=1756832440&width=500"
45937    data-product-transition="true"
45938    
45939  ><product-card
45940  class="product-card"
45941  data-product-id="15163013038240"
45942  id="product-card-ARkJhYk42RE5RUXhCT__product-card-38"
45943  data-product-transition="true"
45944  
45945  
45946>
45947  <a
45948    id="9f3ff44017fffc3a52f3620554eb2efc"
45949    
45950      href="/products/high-index-progressive-clear_bluelight_blocking-3?variant=52764843638944"
45951    
45952    class="product-card__link"
45953    ref="productCardLink"
45954  >
45955    <span class="visually-hidden">
45956      High Index P3
45957    </span>
45958  </a>
45959  <div
45960    class="
45961      product-card__content
45962      layout-panel-flex
45963      layout-panel-flex--column
45964      product-grid__card
45965      spacing-style
45966      border-style
45967      gap-style
45968      
45969    "
45970    style="
45971      --border-width: 1px; --border-style: none; --border-color:
45972rgb(var(--color-border-rgb) / 1.0); --border-radius:
459730px; 
45974
45975      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
45976
45977
45978
45979--horizontal-alignment: ; --vertical-alignment: ;
45980--vertical-alignment-mobile: ;
45981
45982      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
45983      --product-card-gap: 8px;
45984      --quick-add-display: flex;
45985      --quick-add-mobile-display: flex;
45986      --quick-add-mobile-opacity: 1;
45987      
45988      
45989      
45990      
45991    "
45992  >
45993    
45994  
45995
45996
45997
45998
45999
46000<div
46001  ref="cardGallery"
46002  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-38 spacing-style border-style"
46003  style="
46004    --border-width: 1px; --border-style: none; --border-color:
46005rgb(var(--color-border-rgb) / 1.0); --border-radius:
460060px; 
46007
46008    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
46009    --gallery-aspect-ratio: 4 / 5;
46010  "
46011  data-product-id="15163013038240"
46012  
46013    on:pointerenter="/previewImage"
46014    on:pointerleave="/resetImage"
46015  
46016  
46017    data-view-transition-to-main-product
46018  
46019  data-image-ratio="portrait"
46020  
46021>
46022    <a
46023      class="contents"
46024      ref="cardGalleryLink"
46025      href="/products/high-index-progressive-clear_bluelight_blocking-3?variant=52764843638944"
46026      aria-label="High Index P3"
46027    >
46028      <slideshow-component
46029  
46030    ref="slideshow"
46031  
46032  
46033  style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
46034  
46035  initial-slide="0"
46036  
46037  
46038    infinite
46039  
46040
46041  data-generic-media-size="1"
46042>
46043  
46044  <slideshow-container ref="slideshowContainer">
46045    
46046    
46047    <slideshow-slides
46048      tabindex="-1"
46049      ref="scroller"
46050      
46051    >
46052      <slideshow-slide
46053  ref="slides[]"
46054  aria-hidden="false"
46055  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
46056  
46057    class="product-media-container media-fit product-media-container--image"
46058  
46059  
46060  
46061  
46062    slide-id="38196829454496"
46063  
46064  
46065  
46066  
46067>
46068  
46069
46070<div
46071  class="product-media"
46072  style="--ratio: 1.0"
46073  data-media-id="38196829454496"
46074>
46075  
46076  <img src="//www.solkyst.ca/cdn/shop/files/lens-default-img_399671be-4668-4403-a303-6a5e0abced18.png?v=1756832440&amp;width=3840" alt="Featured image" srcset="//www.solkyst.ca/cdn/shop/files/lens-default-img_399671be-4668-4403-a303-6a5e0abced18.png?v=1756832440&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/lens-default-img_399671be-4668-4403-a303-6a5e0abced18.png?v=1756832440&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/lens-default-img_399671be-4668-4403-a303-6a5e0abced18.png?v=1756832440&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/lens-default-img_399671be-4668-4403-a303-6a5e0abced18.png?v=1756832440&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/lens-default-img_399671be-4668-4403-a303-6a5e0abced18.png?v=1756832440&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/lens-default-img_399671be-4668-4403-a303-6a5e0abced18.png?v=1756832440&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/lens-default-img_399671be-4668-4403-a303-6a5e0abced18.png?v=1756832440&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/lens-default-img_399671be-4668-4403-a303-6a5e0abced18.png?v=1756832440&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/lens-default-img_399671be-4668-4403-a303-6a5e0abced18.png?v=1756832440&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
46077
46078  
46079</div>
46080
46081
46082
46083</slideshow-slide>
46084
46085    </slideshow-slides>
46086  </slideshow-container>
46087  
46088</slideshow-component>
46089
46090
46091
46092    </a>
46093  
46094  
46095    <div
46096      class="product-badges product-badges--top-left"
46097      style="
46098        --badge-border-radius: 0px;
46099        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
46100      "
46101    ></div>
46102    
46103      
46104
46105<quick-add-component
46106  class="quick-add color-scheme-4 "
46107  ref="quickAdd"
46108  data-product-title="High Index P3"
46109  data-quick-add-button="choose"
46110  data-product-options-count="3"
46111>
46112  <product-form-component
46113    data-section-id="template--28980150370464__main"
46114    data-product-id="15163013038240"
46115    on:submit="/handleSubmit"
46116    class="quick-add__product-form-component"
46117  >
46118    <div
46119      class="visually-hidden"
46120      aria-live="assertive"
46121      role="status"
46122      aria-atomic="true"
46123      ref="liveRegion"
46124    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15163013038240-AVkVHRmZuS1U2YVZuU__card-gallery-38" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
46125        type="hidden"
46126        name="id"
46127        ref="variantId"
46128        value="52764843638944"
46129        
46130      >
46131      <input
46132        type="hidden"
46133        name="quantity"
46134        value="1"
46135      >
46136      
46137      <add-to-cart-component
46138  ref="addToCartButtonContainer"
46139  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/lens-default-img_399671be-4668-4403-a303-6a5e0abced18.png?v=1756832440&width=100"
46140  data-add-to-cart-animation="true"
46141>
46142  <button
46143    
46144    type="submit"
46145    name="add"
46146    ref="addToCartButton"
46147    on:click="/handleClick"
46148    class="button button quick-add__button quick-add__button--add add-to-cart-button"
46149    
46150    
46151  >
46152    <span
46153      class="add-to-cart-text"
46154    >
46155      
46156        <span
46157          aria-hidden="true"
46158          class="svg-wrapper add-to-cart-icon"
46159        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
46160</span>
46161      
46162      <span class="add-to-cart-text__content is-visually-hidden-mobile">
46163        <span>
46164          <span>Add</span>
46165        </span>
46166      </span>
46167    </span>
46168    
46169    <span class="add-to-cart__added">
46170      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
46171  <g class="check">
46172    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
46173    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
46174  </g>
46175  <g class="burst">
46176    <g style="--index: 0;">
46177      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
46178    </g>
46179    <g style="--index: 1;">
46180      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
46181    </g>
46182    <g style="--index: 2;">
46183      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
46184    </g>
46185    <g style="--index: 3;">
46186      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
46187    </g>
46188    <g style="--index: 4;">
46189      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
46190    </g>
46191    <g style="--index: 5;">
46192      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
46193    </g>
46194    <g style="--index: 6;">
46195      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
46196    </g>
46197    <g style="--index: 7;">
46198      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
46199    </g>
46200  </g>
46201</svg>
46202</span>
46203    </span>
46204  </button>
46205</add-to-cart-component>
46206
46207
46208
46209
46210      <button
46211        class="button quick-add__button quick-add__button--choose add-to-cart-button"
46212        
46213        type="button"
46214        name="add"
46215        on:click="quick-add-component/handleClick"
46216      >
46217        <span
46218          class="add-to-cart-text quick-add__button-content"
46219        >
46220          
46221          <span
46222            aria-hidden="true"
46223            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
46224          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
46225</span>
46226          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
46227            <span>
46228              
46229              <span>
46230                Choose
46231              </span>
46232            </span>
46233          </span>
46234        </span>
46235      </button><input type="hidden" name="product-id" value="15163013038240" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
46236</quick-add-component>
46237
46238
46239
46240    
46241  
46242
46243</div>
46244
46245
46246
46247
46248
46249<div class="product-grid-view-zoom-out--details">
46250  
46251    <h3 class="h4">High Index P3</h3>
46252  
46253</div>
46254
46255
46256
46257
46258
46259
46260<div
46261  class="
46262    group-block
46263    
46264    group-block--height-fit
46265    group-block--width-fill
46266    border-style
46267    spacing-style
46268    size-style
46269    
46270    
46271  "
46272  style="
46273    --border-width: 1px; --border-style: none; --border-color:
46274rgb(var(--color-border-rgb) / 1.0); --border-radius:
462750px; 
46276
46277    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
46278    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
46279    
46280  "
46281  
46282  data-testid="group-block"
46283><div class="group-block__media-wrapper">
46284    
46285
46286
46287
46288    
46289  </div>
46290
46291  <div
46292    class="
46293      group-block-content
46294      
46295      layout-panel-flex
46296      layout-panel-flex--row
46297       mobile-column
46298    "
46299    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
46300
46301--gap: 12px;
46302
46303--horizontal-alignment: space-between;
46303 --vertical-alignment: flex-start;
46304--vertical-alignment-mobile: flex-start;
46305"
46306  >
46307  
46308
46309<div
46310  class="
46311    group-block
46312    
46313    group-block--height-fit
46314    group-block--width-fill
46315    border-style
46316    spacing-style
46317    size-style
46318    
46319    
46320  "
46321  style="
46322    --border-width: 1px; --border-style: none; --border-color:
46323rgb(var(--color-border-rgb) / 1.0); --border-radius:
463240px; 
46325
46326    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
46327    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
46328    
46329  "
46330  
46331  data-testid="group-block"
46332><div class="group-block__media-wrapper">
46333    
46334
46335
46336
46337    
46338  </div>
46339
46340  <div
46341    class="
46342      group-block-content
46343      
46344      layout-panel-flex
46345      layout-panel-flex--column
46346       mobile-column
46347    "
46348    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
46349
46350--gap: 0px;
46351
46352--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
46353--vertical-alignment-mobile: flex-start;
46354"
46355  >
46356  
46357  
46358  <a
46359    class="contents user-select-text"
46360    ref="productTitleLink"
46361    href="/products/high-index-progressive-clear_bluelight_blocking-3?variant=52764843638944"
46362  >
46363    
46364
46365
46366
46367
46368
46369
46370  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-38 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
46371    <p>High Index P3</p>
46372  </div>
46373
46374
46375
46376
46377  </a>
46378
46379
46380
46381
46382
46383<product-price
46384  class="text-block text-block--align-left text-left h5 spacing-style"
46385  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-38"
46386  data-product-id="15163013038240"
46387  style="
46388    
46389--color: var(--color-foreground);
46390    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
46391    --width: 100%;
46392  "
46393  
46394>
46395  <div ref="priceContainer">
46396  
46397    
46398    
46399
46400    
46401      <span class="price">$430.00</span>
46402    
46403
46404    
46405  
46406</div>
46407
46408  
46409</product-price>
46410
46411
46412
46413
46414
46415
46416
46417</div>
46418</div>
46419
46420
46421
46422
46423
46424
46425<div
46426  class="
46427    group-block
46428    
46429    group-block--height-fit
46430    group-block--width-fill
46431    border-style
46432    spacing-style
46433    size-style
46434    
46435    
46436  "
46437  style="
46438    --border-width: 1px; --border-style: none; --border-color:
46439rgb(var(--color-border-rgb) / 1.0); --border-radius:
464400px; 
46441
46442    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
46443    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
46444    
46445  "
46446  
46447  data-testid="group-block"
46448><div class="group-block__media-wrapper">
46449    
46450
46451
46452
46453    
46454  </div>
46455
46456  <div
46457    class="
46458      group-block-content
46459      
46460      layout-panel-flex
46461      layout-panel-flex--column
46462       mobile-column
46463    "
46464    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
46465
46466--gap: 0px;
46467
46468--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
46469--vertical-alignment-mobile: flex-start;
46470"
46471  >
46472  
46473
46474
46475
46476
46477
46478
46479
46480</div>
46481</div>
46482
46483
46484
46485
46486
46487</div>
46488</div>
46489
46490
46491
46492
46493
46494
46495  </div>
46496</product-card></product-card-link>
46497
46498
46499
46500
46501          </li>
46502        
46503          <li
46504            id="template--28980150370464__main-15163001733280"
46505            class="product-grid__item product-grid__item--39"
46506            data-page="1"
46507            data-product-id="15163001733280"
46508            ref="cards[]"
46509          >
46510            
46511
46512
46513
46514<style data-shopify>
46515  
46516</style>
46517
46518
46519<product-card-link
46520    data-product-id="15163001733280"
46521    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/lens-default-img_414f2717-3b08-4164-a4ea-b2a69b9be7da.png?v=1756831011&width=500"
46522    data-product-transition="true"
46523    
46524  ><product-card
46525  class="product-card"
46526  data-product-id="15163001733280"
46527  id="product-card-ARkJhYk42RE5RUXhCT__product-card-39"
46528  data-product-transition="true"
46529  
46530  
46531>
46532  <a
46533    id="22e7f374dd51b7792dcc6ec3930f824e"
46534    
46535      href="/products/high-index-single_vision-clear_standard-3?variant=52765068787872"
46536    
46537    class="product-card__link"
46538    ref="productCardLink"
46539  >
46540    <span class="visually-hidden">
46541      High Index S1
46542    </span>
46543  </a>
46544  <div
46545    class="
46546      product-card__content
46547      layout-panel-flex
46548      layout-panel-flex--column
46549      product-grid__card
46550      spacing-style
46551      border-style
46552      gap-style
46553      
46554    "
46555    style="
46556      --border-width: 1px; --border-style: none; --border-color:
46557rgb(var(--color-border-rgb) / 1.0); --border-radius:
465580px; 
46559
46560      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
46561
46562
46563
46564--horizontal-alignment: ; --vertical-alignment: ;
46565--vertical-alignment-mobile: ;
46566
46567      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
46568      --product-card-gap: 8px;
46569      --quick-add-display: flex;
46570      --quick-add-mobile-display: flex;
46571      --quick-add-mobile-opacity: 1;
46572      
46573      
46574      
46575      
46576    "
46577  >
46578    
46579  
46580
46581
46582
46583
46584
46585<div
46586  ref="cardGallery"
46587  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-39 spacing-style border-style"
46588  style="
46589    --border-width: 1px; --border-style: none; --border-color:
46590rgb(var(--color-border-rgb) / 1.0); --border-radius:
465910px; 
46592
46593    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
46594    --gallery-aspect-ratio: 4 / 5;
46595  "
46596  data-product-id="15163001733280"
46597  
46598    on:pointerenter="/previewImage"
46599    on:pointerleave="/resetImage"
46600  
46601  
46602    data-view-transition-to-main-product
46603  
46604  data-image-ratio="portrait"
46605  
46606>
46607    <a
46608      class="contents"
46609      ref="cardGalleryLink"
46610      href="/products/high-index-single_vision-clear_standard-3?variant=52765068787872"
46611      aria-label="High Index S1"
46612    >
46613      <slideshow-component
46614  
46615    ref="slideshow"
46616  
46617  
46618  style="--slideshow-timeline: --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
46619  
46620  initial-slide="0"
46621  
46622  
46623    infinite
46624  
46625
46626  data-generic-media-size="1"
46627>
46628  
46629  <slideshow-container ref="slideshowContainer">
46630    
46631    
46632    <slideshow-slides
46633      tabindex="-1"
46634      ref="scroller"
46635      
46636    >
46637      <slideshow-slide
46638  ref="slides[]"
46639  aria-hidden="false"
46640  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
46641  
46642    class="product-media-container media-fit product-media-container--image"
46643  
46644  
46645  
46646  
46647    slide-id="38196776206496"
46648  
46649  
46650  
46651  
46652>
46653  
46654
46655<div
46656  class="product-media"
46657  style="--ratio: 1.0"
46658  data-media-id="38196776206496"
46659>
46660  
46661  <img src="//www.solkyst.ca/cdn/shop/files/lens-default-img_414f2717-3b08-4164-a4ea-b2a69b9be7da.png?v=1756831011&amp;width=3840" alt="Featured image" srcset="//www.solkyst.ca/cdn/shop/files/lens-default-img_414f2717-3b08-4164-a4ea-b2a69b9be7da.png?v=1756831011&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/lens-default-img_414f2717-3b08-4164-a4ea-b2a69b9be7da.png?v=1756831011&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/lens-default-img_414f2717-3b08-4164-a4ea-b2a69b9be7da.png?v=1756831011&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/lens-default-img_414f2717-3b08-4164-a4ea-b2a69b9be7da.png?v=1756831011&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/lens-default-img_414f2717-3b08-4164-a4ea-b2a69b9be7da.png?v=1756831011&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/lens-default-img_414f2717-3b08-4164-a4ea-b2a69b9be7da.png?v=1756831011&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/lens-default-img_414f2717-3b08-4164-a4ea-b2a69b9be7da.png?v=1756831011&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/lens-default-img_414f2717-3b08-4164-a4ea-b2a69b9be7da.png?v=1756831011&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/lens-default-img_414f2717-3b08-4164-a4ea-b2a69b9be7da.png?v=1756831011&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
46662
46663  
46664</div>
46665
46666
46667
46668</slideshow-slide>
46669
46670    </slideshow-slides>
46671  </slideshow-container>
46672  
46673</slideshow-component>
46674
46675
46676
46677    </a>
46678  
46679  
46680    <div
46681      class="product-badges product-badges--top-left"
46682      style="
46683        --badge-border-radius: 0px;
46684        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
46685      "
46686    ></div>
46687    
46688      
46689
46690<quick-add-component
46691  class="quick-add color-scheme-4 "
46692  ref="quickAdd"
46693  data-product-title="High Index S1"
46694  data-quick-add-button="choose"
46695  data-product-options-count="2"
46696>
46697  <product-form-component
46698    data-section-id="template--28980150370464__main"
46699    data-product-id="15163001733280"
46700    on:submit="/handleSubmit"
46701    class="quick-add__product-form-component"
46702  >
46703    <div
46704      class="visually-hidden"
46705      aria-live="assertive"
46706      role="status"
46707      aria-atomic="true"
46708      ref="liveRegion"
46709    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15163001733280-AVkVHRmZuS1U2YVZuU__card-gallery-39" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
46710        type="hidden"
46711        name="id"
46712        ref="variantId"
46713        value="52765068787872"
46714        
46715      >
46716      <input
46717        type="hidden"
46718        name="quantity"
46719        value="1"
46720      >
46721      
46722      <add-to-cart-component
46723  ref="addToCartButtonContainer"
46724  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/lens-default-img_414f2717-3b08-4164-a4ea-b2a69b9be7da.png?v=1756831011&width=100"
46725  data-add-to-cart-animation="true"
46726>
46727  <button
46728    
46729    type="submit"
46730    name="add"
46731    ref="addToCartButton"
46732    on:click="/handleClick"
46733    class="button button quick-add__button quick-add__button--add add-to-cart-button"
46734    
46735    
46736  >
46737    <span
46738      class="add-to-cart-text"
46739    >
46740      
46741        <span
46742          aria-hidden="true"
46743          class="svg-wrapper add-to-cart-icon"
46744        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
46745</span>
46746      
46747      <span class="add-to-cart-text__content is-visually-hidden-mobile">
46748        <span>
46749          <span>Add</span>
46750        </span>
46751      </span>
46752    </span>
46753    
46754    <span class="add-to-cart__added">
46755      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
46756  <g class="check">
46757    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
46758    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
46759  </g>
46760  <g class="burst">
46761    <g style="--index: 0;">
46762      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
46763    </g>
46764    <g style="--index: 1;">
46765      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
46766    </g>
46767    <g style="--index: 2;">
46768      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
46769    </g>
46770    <g style="--index: 3;">
46771      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
46772    </g>
46773    <g style="--index: 4;">
46774      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
46775    </g>
46776    <g style="--index: 5;">
46777      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
46778    </g>
46779    <g style="--index: 6;">
46780      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
46781    </g>
46782    <g style="--index: 7;">
46783      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
46784    </g>
46785  </g>
46786</svg>
46787</span>
46788    </span>
46789  </button>
46790</add-to-cart-component>
46791
46792
46793
46794
46795      <button
46796        class="button quick-add__button quick-add__button--choose add-to-cart-button"
46797        
46798        type="button"
46799        name="add"
46800        on:click="quick-add-component/handleClick"
46801      >
46802        <span
46803          class="add-to-cart-text quick-add__button-content"
46804        >
46805          
46806          <span
46807            aria-hidden="true"
46808            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
46809          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
46810</span>
46811          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
46812            <span>
46813              
46814              <span>
46815                Choose
46816              </span>
46817            </span>
46818          </span>
46819        </span>
46820      </button><input type="hidden" name="product-id" value="15163001733280" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
46821</quick-add-component>
46822
46823
46824
46825    
46826  
46827
46828</div>
46829
46830
46831
46832
46833
46834<div class="product-grid-view-zoom-out--details">
46835  
46836    <h3 class="h4">High Index S1</h3>
46837  
46838</div>
46839
46840
46841
46842
46843
46844
46845<div
46846  class="
46847    group-block
46848    
46849    group-block--height-fit
46850    group-block--width-fill
46851    border-style
46852    spacing-style
46853    size-style
46854    
46855    
46856  "
46857  style="
46858    --border-width: 1px; --border-style: none; --border-color:
46859rgb(var(--color-border-rgb) / 1.0); --border-radius:
468600px; 
46861
46862    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
46863    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
46864    
46865  "
46866  
46867  data-testid="group-block"
46868><div class="group-block__media-wrapper">
46869    
46870
46871
46872
46873    
46874  </div>
46875
46876  <div
46877    class="
46878      group-block-content
46879      
46880      layout-panel-flex
46881      layout-panel-flex--row
46882       mobile-column
46883    "
46884    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
46885
46886--gap: 12px;
46887
46888--horizontal-alignment: space-between;
46888 --vertical-alignment: flex-start;
46889--vertical-alignment-mobile: flex-start;
46890"
46891  >
46892  
46893
46894<div
46895  class="
46896    group-block
46897    
46898    group-block--height-fit
46899    group-block--width-fill
46900    border-style
46901    spacing-style
46902    size-style
46903    
46904    
46905  "
46906  style="
46907    --border-width: 1px; --border-style: none; --border-color:
46908rgb(var(--color-border-rgb) / 1.0); --border-radius:
469090px; 
46910
46911    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
46912    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
46913    
46914  "
46915  
46916  data-testid="group-block"
46917><div class="group-block__media-wrapper">
46918    
46919
46920
46921
46922    
46923  </div>
46924
46925  <div
46926    class="
46927      group-block-content
46928      
46929      layout-panel-flex
46930      layout-panel-flex--column
46931       mobile-column
46932    "
46933    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
46934
46935--gap: 0px;
46936
46937--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
46938--vertical-alignment-mobile: flex-start;
46939"
46940  >
46941  
46942  
46943  <a
46944    class="contents user-select-text"
46945    ref="productTitleLink"
46946    href="/products/high-index-single_vision-clear_standard-3?variant=52765068787872"
46947  >
46948    
46949
46950
46951
46952
46953
46954
46955  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-39 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
46956    <p>High Index S1</p>
46957  </div>
46958
46959
46960
46961
46962  </a>
46963
46964
46965
46966
46967
46968<product-price
46969  class="text-block text-block--align-left text-left h5 spacing-style"
46970  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-39"
46971  data-product-id="15163001733280"
46972  style="
46973    
46974--color: var(--color-foreground);
46975    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
46976    --width: 100%;
46977  "
46978  
46979>
46980  <div ref="priceContainer">
46981  
46982    
46983    
46984
46985    
46986      <span class="price">$300.00</span>
46987    
46988
46989    
46990  
46991</div>
46992
46993  
46994</product-price>
46995
46996
46997
46998
46999
47000
47001
47002</div>
47003</div>
47004
47005
47006
47007
47008
47009
47010<div
47011  class="
47012    group-block
47013    
47014    group-block--height-fit
47015    group-block--width-fill
47016    border-style
47017    spacing-style
47018    size-style
47019    
47020    
47021  "
47022  style="
47023    --border-width: 1px; --border-style: none; --border-color:
47024rgb(var(--color-border-rgb) / 1.0); --border-radius:
470250px; 
47026
47027    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
47028    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
47029    
47030  "
47031  
47032  data-testid="group-block"
47033><div class="group-block__media-wrapper">
47034    
47035
47036
47037
47038    
47039  </div>
47040
47041  <div
47042    class="
47043      group-block-content
47044      
47045      layout-panel-flex
47046      layout-panel-flex--column
47047       mobile-column
47048    "
47049    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
47050
47051--gap: 0px;
47052
47053--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
47054--vertical-alignment-mobile: flex-start;
47055"
47056  >
47057  
47058
47059
47060
47061
47062
47063
47064
47065</div>
47066</div>
47067
47068
47069
47070
47071
47072</div>
47073</div>
47074
47075
47076
47077
47078
47079
47080  </div>
47081</product-card></product-card-link>
47082
47083
47084
47085
47086          </li>
47087        
47088          <li
47089            id="template--28980150370464__main-15163004485792"
47090            class="product-grid__item product-grid__item--40"
47091            data-page="1"
47092            data-product-id="15163004485792"
47093            ref="cards[]"
47094          >
47095            
47096
47097
47098
47099<style data-shopify>
47100  
47101</style>
47102
47103
47104<product-card-link
47105    data-product-id="15163004485792"
47106    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/lens-default-img_6295748e-7d0a-442a-ab5f-01df987fa184.png?v=1756831211&width=500"
47107    data-product-transition="true"
47108    
47109  ><product-card
47110  class="product-card"
47111  data-product-id="15163004485792"
47112  id="product-card-ARkJhYk42RE5RUXhCT__product-card-40"
47113  data-product-transition="true"
47114  
47115  
47116>
47117  <a
47118    id="d939c0ef32da5140dc6566fa6c84f085"
47119    
47120      href="/products/high-index-single_vision-clear_photochromic-3?variant=52919313399968"
47121    
47122    class="product-card__link"
47123    ref="productCardLink"
47124  >
47125    <span class="visually-hidden">
47126      High Index S3
47127    </span>
47128  </a>
47129  <div
47130    class="
47131      product-card__content
47132      layout-panel-flex
47133      layout-panel-flex--column
47134      product-grid__card
47135      spacing-style
47136      border-style
47137      gap-style
47138      
47139    "
47140    style="
47141      --border-width: 1px; --border-style: none; --border-color:
47142rgb(var(--color-border-rgb) / 1.0); --border-radius:
471430px; 
47144
47145      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
47146
47147
47148
47149--horizontal-alignment: ; --vertical-alignment: ;
47150--vertical-alignment-mobile: ;
47151
47152      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
47153      --product-card-gap: 8px;
47154      --quick-add-display: flex;
47155      --quick-add-mobile-display: flex;
47156      --quick-add-mobile-opacity: 1;
47157      
47158      
47159      
47160      
47161    "
47162  >
47163    
47164  
47165
47166
47167
47168
47169
47170<div
47171  ref="cardGallery"
47172  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-40 spacing-style border-style"
47173  style="
47174    --border-width: 1px; --border-style: none; --border-color:
47175rgb(var(--color-border-rgb) / 1.0); --border-radius:
471760px; 
47177
47178    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
47179    --gallery-aspect-ratio: 4 / 5;
47180  "
47181  data-product-id="15163004485792"
47182  
47183    on:pointerenter="/previewImage"
47184    on:pointerleave="/resetImage"
47185  
47186  
47187    data-view-transition-to-main-product
47188  
47189  data-image-ratio="portrait"
47190  
47191>
47192    <a
47193      class="contents"
47194      ref="cardGalleryLink"
47195      href="/products/high-index-single_vision-clear_photochromic-3?variant=52919313399968"
47196      aria-label="High Index S3"
47197    >
47198      <slideshow-component
47199  
47200    ref="slideshow"
47201  
47202  
47203  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;--slide-min-height: auto;--slide-min-height-desktop: auto;"
47204  
47205  initial-slide="0"
47206  
47207  
47208    infinite
47209  
47210
47211  data-generic-media-size="1"
47212>
47213  
47214  <slideshow-container ref="slideshowContainer">
47215    
47216      <slideshow-arrows
47217  position="center"
47218  
47219><button
47220  class="
47221    slideshow-control slideshow-control--previous
47222    
47223    
47224    slideshow-control--style-arrow
47225    button button-unstyled button-unstyled--transparent
47226     flip-x
47227  "
47228  
47229  aria-label="Previous slide"
47230  
47231  on:click="/previous"
47232  ref="previous"
47233>
47234  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
47235</span>
47236</button>
47237<button
47238  class="
47239    slideshow-control slideshow-control--next
47240    
47241    
47242    slideshow-control--style-arrow
47243    button button-unstyled button-unstyled--transparent
47244    
47245  "
47246  
47247  aria-label="Next slide"
47248  
47249  on:click="/next"
47250  ref="next"
47251>
47252  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
47253</span>
47254</button>
47255</slideshow-arrows>
47256
47257    
47258    
47259    <slideshow-slides
47260      tabindex="-1"
47261      ref="scroller"
47262      
47263    >
47264      <slideshow-slide
47265  ref="slides[]"
47266  aria-hidden="false"
47267  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
47268  
47269    class="product-media-container media-fit product-media-container--image"
47270  
47271  
47272  
47273  
47274    slide-id="38196790558880"
47275  
47276  
47277  
47278  
47279>
47280  
47281
47282<div
47283  class="product-media"
47284  style="--ratio: 1.0"
47285  data-media-id="38196790558880"
47286>
47287  
47288  <img src="//www.solkyst.ca/cdn/shop/files/lens-default-img_6295748e-7d0a-442a-ab5f-01df987fa184.png?v=1756831211&amp;width=3840" alt="Featured image" srcset="//www.solkyst.ca/cdn/shop/files/lens-default-img_6295748e-7d0a-442a-ab5f-01df987fa184.png?v=1756831211&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/lens-default-img_6295748e-7d0a-442a-ab5f-01df987fa184.png?v=1756831211&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/lens-default-img_6295748e-7d0a-442a-ab5f-01df987fa184.png?v=1756831211&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/lens-default-img_6295748e-7d0a-442a-ab5f-01df987fa184.png?v=1756831211&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/lens-default-img_6295748e-7d0a-442a-ab5f-01df987fa184.png?v=1756831211&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/lens-default-img_6295748e-7d0a-442a-ab5f-01df987fa184.png?v=1756831211&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/lens-default-img_6295748e-7d0a-442a-ab5f-01df987fa184.png?v=1756831211&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/lens-default-img_6295748e-7d0a-442a-ab5f-01df987fa184.png?v=1756831211&amp;width=3840 3840w" width="3840" height="3840" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/lens-default-img_6295748e-7d0a-442a-ab5f-01df987fa184.png?v=1756831211&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
47289
47290  
47291</div>
47292
47293
47294
47295</slideshow-slide>
47296<slideshow-slide
47297  ref="slides[]"
47298  aria-hidden="true"
47299  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
47300  
47301    class="product-media-container media-fit product-media-container--image"
47302  
47303  variant-image
47304  
47305  
47306    slide-id="38450618990752"
47307  
47308  
47309    hidden
47310  
47311  
47312  variant-image
47313>
47314  
47315
47316<div
47317  class="product-media"
47318  style="--ratio: 1.0"
47319  data-media-id="38450618990752"
47320>
47321  
47322  <img src="//www.solkyst.ca/cdn/shop/files/29.png?v=1760467842&amp;width=3840" alt="High Index S3" srcset="//www.solkyst.ca/cdn/shop/files/29.png?v=1760467842&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/29.png?v=1760467842&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/29.png?v=1760467842&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/29.png?v=1760467842&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/29.png?v=1760467842&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/29.png?v=1760467842&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/29.png?v=1760467842&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/29.png?v=1760467842&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/29.png?v=1760467842&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
47323
47324  
47325</div>
47326
47327
47328
47329</slideshow-slide>
47330<slideshow-slide
47331  ref="slides[]"
47332  aria-hidden="true"
47333  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
47334  
47335    class="product-media-container media-fit product-media-container--image"
47336  
47337  variant-image
47338  
47339  
47340    slide-id="38450630131872"
47341  
47342  
47343    hidden
47344  
47345  
47346  variant-image
47347>
47348  
47349
47350<div
47351  class="product-media"
47352  style="--ratio: 1.0"
47353  data-media-id="38450630131872"
47354>
47355  
47356  <img src="//www.solkyst.ca/cdn/shop/files/30.png?v=1760467984&amp;width=3840" alt="High Index S3" srcset="//www.solkyst.ca/cdn/shop/files/30.png?v=1760467984&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/30.png?v=1760467984&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/30.png?v=1760467984&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/30.png?v=1760467984&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/30.png?v=1760467984&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/30.png?v=1760467984&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/30.png?v=1760467984&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/30.png?v=1760467984&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/30.png?v=1760467984&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
47357
47358  
47359</div>
47360
47361
47362
47363</slideshow-slide>
47364<slideshow-slide
47365  ref="slides[]"
47366  aria-hidden="true"
47367  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
47368  
47369    class="product-media-container media-fit product-media-container--image"
47370  
47371  variant-image
47372  
47373  
47374    slide-id="38450632196256"
47375  
47376  
47377    hidden
47378  
47379  
47380  variant-image
47381>
47382  
47383
47384<div
47385  class="product-media"
47386  style="--ratio: 1.0"
47387  data-media-id="38450632196256"
47388>
47389  
47390  <img src="//www.solkyst.ca/cdn/shop/files/31.png?v=1760468023&amp;width=3840" alt="High Index S3" srcset="//www.solkyst.ca/cdn/shop/files/31.png?v=1760468023&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/31.png?v=1760468023&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/31.png?v=1760468023&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/31.png?v=1760468023&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/31.png?v=1760468023&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/31.png?v=1760468023&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/31.png?v=1760468023&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/31.png?v=1760468023&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/31.png?v=1760468023&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
47391
47392  
47393</div>
47394
47395
47396
47397</slideshow-slide>
47398<slideshow-slide
47399  ref="slides[]"
47400  aria-hidden="true"
47401  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
47402  
47403    class="product-media-container media-fit product-media-container--image"
47404  
47405  variant-image
47406  
47407  
47408    slide-id="38450635669664"
47409  
47410  
47411    hidden
47412  
47413  
47414  variant-image
47415>
47416  
47417
47418<div
47419  class="product-media"
47420  style="--ratio: 1.0"
47421  data-media-id="38450635669664"
47422>
47423  
47424  <img src="//www.solkyst.ca/cdn/shop/files/32.png?v=1760468067&amp;width=3840" alt="High Index S3" srcset="//www.solkyst.ca/cdn/shop/files/32.png?v=1760468067&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/32.png?v=1760468067&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/32.png?v=1760468067&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/32.png?v=1760468067&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/32.png?v=1760468067&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/32.png?v=1760468067&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/32.png?v=1760468067&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/32.png?v=1760468067&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/32.png?v=1760468067&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
47425
47426  
47427</div>
47428
47429
47430
47431</slideshow-slide>
47432
47433    </slideshow-slides>
47434  </slideshow-container>
47435  
47436</slideshow-component>
47437
47438
47439
47440    </a>
47441  
47442  
47443    <div
47444      class="product-badges product-badges--top-left"
47445      style="
47446        --badge-border-radius: 0px;
47447        --badge-font-family: var(--font-body--family);
47447 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
47448      "
47449    ></div>
47450    
47451      
47452
47453<quick-add-component
47454  class="quick-add color-scheme-4 "
47455  ref="quickAdd"
47456  data-product-title="High Index S3"
47457  data-quick-add-button="choose"
47458  data-product-options-count="2"
47459>
47460  <product-form-component
47461    data-section-id="template--28980150370464__main"
47462    data-product-id="15163004485792"
47463    on:submit="/handleSubmit"
47464    class="quick-add__product-form-component"
47465  >
47466    <div
47467      class="visually-hidden"
47468      aria-live="assertive"
47469      role="status"
47470      aria-atomic="true"
47471      ref="liveRegion"
47472    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15163004485792-AVkVHRmZuS1U2YVZuU__card-gallery-40" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
47473        type="hidden"
47474        name="id"
47475        ref="variantId"
47476        value="52919313399968"
47477        
47478      >
47479      <input
47480        type="hidden"
47481        name="quantity"
47482        value="1"
47483      >
47484      
47485      <add-to-cart-component
47486  ref="addToCartButtonContainer"
47487  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/lens-default-img_6295748e-7d0a-442a-ab5f-01df987fa184.png?v=1756831211&width=100"
47488  data-add-to-cart-animation="true"
47489>
47490  <button
47491    
47492    type="submit"
47493    name="add"
47494    ref="addToCartButton"
47495    on:click="/handleClick"
47496    class="button button quick-add__button quick-add__button--add add-to-cart-button"
47497    
47498    
47499  >
47500    <span
47501      class="add-to-cart-text"
47502    >
47503      
47504        <span
47505          aria-hidden="true"
47506          class="svg-wrapper add-to-cart-icon"
47507        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
47508</span>
47509      
47510      <span class="add-to-cart-text__content is-visually-hidden-mobile">
47511        <span>
47512          <span>Add</span>
47513        </span>
47514      </span>
47515    </span>
47516    
47517    <span class="add-to-cart__added">
47518      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
47519  <g class="check">
47520    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
47521    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
47522  </g>
47523  <g class="burst">
47524    <g style="--index: 0;">
47525      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
47526    </g>
47527    <g style="--index: 1;">
47528      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
47529    </g>
47530    <g style="--index: 2;">
47531      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
47532    </g>
47533    <g style="--index: 3;">
47534      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
47535    </g>
47536    <g style="--index: 4;">
47537      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
47538    </g>
47539    <g style="--index: 5;">
47540      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
47541    </g>
47542    <g style="--index: 6;">
47543      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
47544    </g>
47545    <g style="--index: 7;">
47546      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
47547    </g>
47548  </g>
47549</svg>
47550</span>
47551    </span>
47552  </button>
47553</add-to-cart-component>
47554
47555
47556
47557
47558      <button
47559        class="button quick-add__button quick-add__button--choose add-to-cart-button"
47560        
47561        type="button"
47562        name="add"
47563        on:click="quick-add-component/handleClick"
47564      >
47565        <span
47566          class="add-to-cart-text quick-add__button-content"
47567        >
47568          
47569          <span
47570            aria-hidden="true"
47571            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
47572          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
47573</span>
47574          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
47575            <span>
47576              
47577              <span>
47578                Choose
47579              </span>
47580            </span>
47581          </span>
47582        </span>
47583      </button><input type="hidden" name="product-id" value="15163004485792" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
47584</quick-add-component>
47585
47586
47587
47588    
47589  
47590
47591</div>
47592
47593
47594
47595
47596
47597<div class="product-grid-view-zoom-out--details">
47598  
47599    <h3 class="h4">High Index S3</h3>
47600  
47601</div>
47602
47603
47604
47605
47606
47607
47608<div
47609  class="
47610    group-block
47611    
47612    group-block--height-fit
47613    group-block--width-fill
47614    border-style
47615    spacing-style
47616    size-style
47617    
47618    
47619  "
47620  style="
47621    --border-width: 1px; --border-style: none; --border-color:
47622rgb(var(--color-border-rgb) / 1.0); --border-radius:
476230px; 
47624
47625    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
47626    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
47627    
47628  "
47629  
47630  data-testid="group-block"
47631><div class="group-block__media-wrapper">
47632    
47633
47634
47635
47636    
47637  </div>
47638
47639  <div
47640    class="
47641      group-block-content
47642      
47643      layout-panel-flex
47644      layout-panel-flex--row
47645       mobile-column
47646    "
47647    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
47648
47649--gap: 12px;
47650
47651--horizontal-alignment: space-between; --vertical-alignment: flex-start;
47652--vertical-alignment-mobile: flex-start;
47653"
47654  >
47655  
47656
47657<div
47658  class="
47659    group-block
47660    
47661    group-block--height-fit
47662    group-block--width-fill
47663    border-style
47664    spacing-style
47665    size-style
47666    
47667    
47668  "
47669  style="
47670    --border-width: 1px; --border-style: none; --border-color:
47671rgb(var(--color-border-rgb) / 1.0); --border-radius:
476720px; 
47673
47674    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
47675    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
47676    
47677  "
47678  
47679  data-testid="group-block"
47680><div class="group-block__media-wrapper">
47681    
47682
47683
47684
47685    
47686  </div>
47687
47688  <div
47689    class="
47690      group-block-content
47691      
47692      layout-panel-flex
47693      layout-panel-flex--column
47694       mobile-column
47695    "
47696    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
47697
47698--gap: 0px;
47699
47700--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
47701--vertical-alignment-mobile: flex-start;
47702"
47703  >
47704  
47705  
47706  <a
47707    class="contents user-select-text"
47708    ref="productTitleLink"
47709    href="/products/high-index-single_vision-clear_photochromic-3?variant=52919313399968"
47710  >
47711    
47712
47713
47714
47715
47716
47717
47718  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-40 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
47719    <p>High Index S3</p>
47720  </div>
47721
47722
47723
47724
47725  </a>
47726
47727
47728
47729
47730
47731<product-price
47732  class="text-block text-block--align-left text-left h5 spacing-style"
47733  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-40"
47734  data-product-id="15163004485792"
47735  style="
47736    
47737--color: var(--color-foreground);
47738    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
47739    --width: 100%;
47740  "
47741  
47742>
47743  <div ref="priceContainer">
47744  
47745    
47746    
47747
47748    
47749      <span class="price">$350.00</span>
47750    
47751
47752    
47753  
47754</div>
47755
47756  
47757</product-price>
47758
47759
47760
47761
47762
47763
47764
47765</div>
47766</div>
47767
47768
47769
47770
47771
47772
47773<div
47774  class="
47775    group-block
47776    
47777    group-block--height-fit
47778    group-block--width-fill
47779    border-style
47780    spacing-style
47781    size-style
47782    
47783    
47784  "
47785  style="
47786    --border-width: 1px; --border-style: none; --border-color:
47787rgb(var(--color-border-rgb) / 1.0); --border-radius:
477880px; 
47789
47790    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
47791    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
47792    
47793  "
47794  
47795  data-testid="group-block"
47796><div class="group-block__media-wrapper">
47797    
47798
47799
47800
47801    
47802  </div>
47803
47804  <div
47805    class="
47806      group-block-content
47807      
47808      layout-panel-flex
47809      layout-panel-flex--column
47810       mobile-column
47811    "
47812    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
47813
47814--gap: 0px;
47815
47816--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
47817--vertical-alignment-mobile: flex-start;
47818"
47819  >
47820  
47821
47822
47823
47824
47825
47826
47827
47828</div>
47829</div>
47830
47831
47832
47833
47834
47835</div>
47836</div>
47837
47838
47839
47840
47841
47842
47843  </div>
47844</product-card></product-card-link>
47845
47846
47847
47848
47849          </li>
47850        
47851          <li
47852            id="template--28980150370464__main-8721244618912"
47853            class="product-grid__item product-grid__item--41"
47854            data-page="1"
47855            data-product-id="8721244618912"
47856            ref="cards[]"
47857          >
47858            
47859
47860
47861
47862<style data-shopify>
47863  
47864</style>
47865
47866
47867<product-card-link
47868    data-product-id="8721244618912"
47869    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/547973D9-7C97-4ACD-BD1B-C47CF3CCE67F.jpg?v=1767378147&width=500"
47870    data-product-transition="true"
47871    
47872  ><product-card
47873  class="product-card"
47874  data-product-id="8721244618912"
47875  id="product-card-ARkJhYk42RE5RUXhCT__product-card-41"
47876  data-product-transition="true"
47877  
47878  
47879>
47880  <a
47881    id="1d17312e0573bc6ed359ddd6017520b3"
47882    
47883      href="/products/integrity?variant=47186858016928"
47884    
47885    class="product-card__link"
47886    ref="productCardLink"
47887  >
47888    <span class="visually-hidden">
47889      INTEGRITY | Sunglasses for Wide Face | Wide Fit Frames
47890    </span>
47891  </a>
47892  <div
47893    class="
47894      product-card__content
47895      layout-panel-flex
47896      layout-panel-flex--column
47897      product-grid__card
47898      spacing-style
47899      border-style
47900      gap-style
47901      
47902    "
47903    style="
47904      --border-width: 1px; --border-style: none; --border-color:
47905rgb(var(--color-border-rgb) / 1.0); --border-radius:
479060px; 
47907
47908      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
47909
47910
47911
47912--horizontal-alignment: ; --vertical-alignment: ;
47913--vertical-alignment-mobile: ;
47914
47915      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
47916      --product-card-gap: 8px;
47917      --quick-add-display: flex;
47918      --quick-add-mobile-display: flex;
47919      --quick-add-mobile-opacity: 1;
47920      
47921      
47922      
47923      
47924    "
47925  >
47926    
47927  
47928
47929
47930
47931
47932
47933<div
47934  ref="cardGallery"
47935  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-41 spacing-style border-style"
47936  style="
47937    --border-width: 1px; --border-style: none; --border-color:
47938rgb(var(--color-border-rgb) / 1.0); --border-radius:
479390px; 
47940
47941    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
47942    --gallery-aspect-ratio: 4 / 5;
47943  "
47944  data-product-id="8721244618912"
47945  
47946    on:pointerenter="/previewImage"
47947    on:pointerleave="/resetImage"
47948  
47949  
47950    data-view-transition-to-main-product
47951  
47952  data-image-ratio="portrait"
47953  
47954>
47955    <a
47956      class="contents"
47957      ref="cardGalleryLink"
47958      href="/products/integrity?variant=47186858016928"
47959      aria-label="INTEGRITY | Sunglasses for Wide Face | Wide Fit Frames"
47960    >
47961      <slideshow-component
47962  
47963    ref="slideshow"
47964  
47965  
47966  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;--slide-min-height: auto;--slide-min-height-desktop: auto;"
47967  
47968  initial-slide="0"
47969  
47970  
47971    infinite
47972  
47973
47974  data-generic-media-size="6"
47975>
47976  
47977  <slideshow-container ref="slideshowContainer">
47978    
47979      <slideshow-arrows
47980  position="center"
47981  
47982><button
47983  class="
47984    slideshow-control slideshow-control--previous
47985    
47986    
47987    slideshow-control--style-arrow
47988    button button-unstyled button-unstyled--transparent
47989     flip-x
47990  "
47991  
47992  aria-label="Previous slide"
47993  
47994  on:click="/previous"
47995  ref="previous"
47996>
47997  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
47998</span>
47999</button>
48000<button
48001  class="
48002    slideshow-control slideshow-control--next
48003    
48004    
48005    slideshow-control--style-arrow
48006    button button-unstyled button-unstyled--transparent
48007    
48008  "
48009  
48010  aria-label="Next slide"
48011  
48012  on:click="/next"
48013  ref="next"
48014>
48015  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
48016</span>
48017</button>
48018</slideshow-arrows>
48019
48020    
48021    
48022    <slideshow-slides
48023      tabindex="-1"
48024      ref="scroller"
48025      
48026    >
48027      <slideshow-slide
48028  ref="slides[]"
48029  aria-hidden="false"
48030  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
48031  
48032    class="product-media-container media-fit product-media-container--image"
48033  
48034  
48035  
48036  
48037    slide-id="38868625850528"
48038  
48039  
48040  
48041  
48042>
48043  
48044
48045<div
48046  class="product-media"
48047  style="--ratio: 0.6666666666666666"
48048  data-media-id="38868625850528"
48049>
48050  
48051  <img src="//www.solkyst.ca/cdn/shop/files/547973D9-7C97-4ACD-BD1B-C47CF3CCE67F.jpg?v=1767378147&amp;width=3840" alt="Black sunglasses with dark lenses on a white background" srcset="//www.solkyst.ca/cdn/shop/files/547973D9-7C97-4ACD-BD1B-C47CF3CCE67F.jpg?v=1767378147&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/547973D9-7C97-4ACD-BD1B-C47CF3CCE67F.jpg?v=1767378147&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/547973D9-7C97-4ACD-BD1B-C47CF3CCE67F.jpg?v=1767378147&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/547973D9-7C97-4ACD-BD1B-C47CF3CCE67F.jpg?v=1767378147&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/547973D9-7C97-4ACD-BD1B-C47CF3CCE67F.jpg?v=1767378147&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/547973D9-7C97-4ACD-BD1B-C47CF3CCE67F.jpg?v=1767378147&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/547973D9-7C97-4ACD-BD1B-C47CF3CCE67F.jpg?v=1767378147&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/547973D9-7C97-4ACD-BD1B-C47CF3CCE67F.jpg?v=1767378147&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/547973D9-7C97-4ACD-BD1B-C47CF3CCE67F.jpg?v=1767378147&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
48052
48053  
48054</div>
48055
48056
48057
48058</slideshow-slide>
48059<slideshow-slide
48060  ref="slides[]"
48061  aria-hidden="true"
48062  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
48063  
48064    class="product-media-container media-fit product-media-container--image"
48065  
48066  
48067  
48068  
48069    slide-id="38868625916064"
48070  
48071  
48072  
48073  
48074>
48075  
48076
48077<div
48078  class="product-media"
48079  style="--ratio: 0.6666666666666666"
48080  data-media-id="38868625916064"
48081>
48082  
48083  <img src="//www.solkyst.ca/cdn/shop/files/27A3B086-0E3B-4B71-9756-F5DD7DAF70C3.jpg?v=1767378147&amp;width=3840" alt="INTEGRITY | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/27A3B086-0E3B-4B71-9756-F5DD7DAF70C3.jpg?v=1767378147&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/27A3B086-0E3B-4B71-9756-F5DD7DAF70C3.jpg?v=1767378147&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/27A3B086-0E3B-4B71-9756-F5DD7DAF70C3.jpg?v=1767378147&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/27A3B086-0E3B-4B71-9756-F5DD7DAF70C3.jpg?v=1767378147&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/27A3B086-0E3B-4B71-9756-F5DD7DAF70C3.jpg?v=1767378147&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/27A3B086-0E3B-4B71-9756-F5DD7DAF70C3.jpg?v=1767378147&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/27A3B086-0E3B-4B71-9756-F5DD7DAF70C3.jpg?v=1767378147&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/27A3B086-0E3B-4B71-9756-F5DD7DAF70C3.jpg?v=1767378147&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/27A3B086-0E3B-4B71-9756-F5DD7DAF70C3.jpg?v=1767378147&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
48084
48085  
48086</div>
48087
48088
48089
48090</slideshow-slide>
48091<slideshow-slide
48092  ref="slides[]"
48093  aria-hidden="true"
48094  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
48095  
48096    class="product-media-container media-fit product-media-container--image"
48097  
48098  variant-image
48099  
48100  
48101    slide-id="38875167752352"
48102  
48103  
48104    hidden
48105  
48106  
48107  variant-image
48108>
48109  
48110
48111<div
48112  class="product-media"
48113  style="--ratio: 0.8"
48114  data-media-id="38875167752352"
48115>
48116  
48117  <img src="//www.solkyst.ca/cdn/shop/files/6C2C73EB-EB85-4296-BCA6-2A10D8E64AFC_1_201_a.jpg?v=1767382534&amp;width=3840" alt="INTEGRITY | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/6C2C73EB-EB85-4296-BCA6-2A10D8E64AFC_1_201_a.jpg?v=1767382534&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/6C2C73EB-EB85-4296-BCA6-2A10D8E64AFC_1_201_a.jpg?v=1767382534&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/6C2C73EB-EB85-4296-BCA6-2A10D8E64AFC_1_201_a.jpg?v=1767382534&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/6C2C73EB-EB85-4296-BCA6-2A10D8E64AFC_1_201_a.jpg?v=1767382534&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/6C2C73EB-EB85-4296-BCA6-2A10D8E64AFC_1_201_a.jpg?v=1767382534&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/6C2C73EB-EB85-4296-BCA6-2A10D8E64AFC_1_201_a.jpg?v=1767382534&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/6C2C73EB-EB85-4296-BCA6-2A10D8E64AFC_1_201_a.jpg?v=1767382534&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/6C2C73EB-EB85-4296-BCA6-2A10D8E64AFC_1_201_a.jpg?v=1767382534&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/6C2C73EB-EB85-4296-BCA6-2A10D8E64AFC_1_201_a.jpg?v=1767382534&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
48118
48119  
48120</div>
48121
48122
48123
48124</slideshow-slide>
48125<slideshow-slide
48126  ref="slides[]"
48127  aria-hidden="true"
48128  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
48129  
48130    class="product-media-container media-fit product-media-container--image"
48131  
48132  
48133  
48134  
48135    slide-id="38902754312352"
48136  
48137  
48138  
48139  
48140>
48141  
48142
48143<div
48144  class="product-media"
48145  style="--ratio: 0.7999261720191952"
48146  data-media-id="38902754312352"
48147>
48148  
48149  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0363.jpg?v=1767835268&amp;width=3840" alt="INTEGRITY | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0363.jpg?v=1767835268&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0363.jpg?v=1767835268&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0363.jpg?v=1767835268&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0363.jpg?v=1767835268&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0363.jpg?v=1767835268&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0363.jpg?v=1767835268&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0363.jpg?v=1767835268&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0363.jpg?v=1767835268&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0363.jpg?v=1767835268&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
48150
48151  
48152</div>
48153
48154
48155
48156</slideshow-slide>
48157<slideshow-slide
48158  ref="slides[]"
48159  aria-hidden="true"
48160  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
48161  
48162    class="product-media-container media-fit product-media-container--image"
48163  
48164  
48165  
48166  
48167    slide-id="38023732920480"
48168  
48169  
48170  
48171  
48172>
48173  
48174
48175<div
48176  class="product-media"
48177  style="--ratio: 0.8000794912559619"
48178  data-media-id="38023732920480"
48179>
48180  
48181  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0362.jpg?v=1767835268&amp;width=3840" alt="INTEGRITY | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0362.jpg?v=1767835268&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0362.jpg?v=1767835268&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0362.jpg?v=1767835268&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0362.jpg?v=1767835268&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0362.jpg?v=1767835268&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0362.jpg?v=1767835268&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0362.jpg?v=1767835268&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0362.jpg?v=1767835268&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0362.jpg?v=1767835268&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
48182
48183  
48184</div>
48185
48186
48187
48188</slideshow-slide>
48189<slideshow-slide
48190  ref="slides[]"
48191  aria-hidden="true"
48192  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
48193  
48194    class="product-media-container media-fit product-media-container--image"
48195  
48196  
48197  
48198  
48199    slide-id="38902755197088"
48200  
48201  
48202  
48203  
48204>
48205  
48206
48207<div
48208  class="product-media"
48209  style="--ratio: 0.6666666666666666"
48210  data-media-id="38902755197088"
48211>
48212  
48213  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0345.jpg?v=1767835268&amp;width=3840" alt="INTEGRITY | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0345.jpg?v=1767835268&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0345.jpg?v=1767835268&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0345.jpg?v=1767835268&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0345.jpg?v=1767835268&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0345.jpg?v=1767835268&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0345.jpg?v=1767835268&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0345.jpg?v=1767835268&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0345.jpg?v=1767835268&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0345.jpg?v=1767835268&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
48214
48215  
48216</div>
48217
48218
48219
48220</slideshow-slide>
48221
48222    </slideshow-slides>
48223  </slideshow-container>
48224  
48225</slideshow-component>
48226
48227
48228
48229    </a>
48230  
48231  
48232    <div
48233      class="product-badges product-badges--top-left"
48234      style="
48235        --badge-border-radius: 0px;
48236        --badge-font-family: var(--font-body--family);
48236 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
48237      "
48238    ></div>
48239    
48240      
48241
48242<quick-add-component
48243  class="quick-add color-scheme-4 "
48244  ref="quickAdd"
48245  data-product-title="INTEGRITY | Sunglasses for Wide Face | Wide Fit Frames"
48246  data-quick-add-button="choose"
48247  data-product-options-count="1"
48248>
48249  <product-form-component
48250    data-section-id="template--28980150370464__main"
48251    data-product-id="8721244618912"
48252    on:submit="/handleSubmit"
48253    class="quick-add__product-form-component"
48254  >
48255    <div
48256      class="visually-hidden"
48257      aria-live="assertive"
48258      role="status"
48259      aria-atomic="true"
48260      ref="liveRegion"
48261    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8721244618912-AVkVHRmZuS1U2YVZuU__card-gallery-41" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
48262        type="hidden"
48263        name="id"
48264        ref="variantId"
48265        value="47186858016928"
48266        
48267      >
48268      <input
48269        type="hidden"
48270        name="quantity"
48271        value="1"
48272      >
48273      
48274      <add-to-cart-component
48275  ref="addToCartButtonContainer"
48276  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/547973D9-7C97-4ACD-BD1B-C47CF3CCE67F.jpg?v=1767378147&width=100"
48277  data-add-to-cart-animation="true"
48278>
48279  <button
48280    
48281    type="submit"
48282    name="add"
48283    ref="addToCartButton"
48284    on:click="/handleClick"
48285    class="button button quick-add__button quick-add__button--add add-to-cart-button"
48286    
48287    
48288  >
48289    <span
48290      class="add-to-cart-text"
48291    >
48292      
48293        <span
48294          aria-hidden="true"
48295          class="svg-wrapper add-to-cart-icon"
48296        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
48297</span>
48298      
48299      <span class="add-to-cart-text__content is-visually-hidden-mobile">
48300        <span>
48301          <span>Add</span>
48302        </span>
48303      </span>
48304    </span>
48305    
48306    <span class="add-to-cart__added">
48307      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
48308  <g class="check">
48309    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
48310    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
48311  </g>
48312  <g class="burst">
48313    <g style="--index: 0;">
48314      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
48315    </g>
48316    <g style="--index: 1;">
48317      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
48318    </g>
48319    <g style="--index: 2;">
48320      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
48321    </g>
48322    <g style="--index: 3;">
48323      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
48324    </g>
48325    <g style="--index: 4;">
48326      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
48327    </g>
48328    <g style="--index: 5;">
48329      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
48330    </g>
48331    <g style="--index: 6;">
48332      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
48333    </g>
48334    <g style="--index: 7;">
48335      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
48336    </g>
48337  </g>
48338</svg>
48339</span>
48340    </span>
48341  </button>
48342</add-to-cart-component>
48343
48344
48345
48346
48347      <button
48348        class="button quick-add__button quick-add__button--choose add-to-cart-button"
48349        
48350        type="button"
48351        name="add"
48352        on:click="quick-add-component/handleClick"
48353      >
48354        <span
48355          class="add-to-cart-text quick-add__button-content"
48356        >
48357          
48358          <span
48359            aria-hidden="true"
48360            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
48361          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
48362</span>
48363          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
48364            <span>
48365              
48366              <span>
48367                Choose
48368              </span>
48369            </span>
48370          </span>
48371        </span>
48372      </button><input type="hidden" name="product-id" value="8721244618912" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
48373</quick-add-component>
48374
48375
48376
48377    
48378  
48379
48380</div>
48381
48382
48383
48384
48385
48386<div class="product-grid-view-zoom-out--details">
48387  
48388    <h3 class="h4">INTEGRITY | Sunglasses for Wide Face | Wide Fit Frames</h3>
48389  
48390</div>
48391
48392
48393
48394
48395
48396
48397<div
48398  class="
48399    group-block
48400    
48401    group-block--height-fit
48402    group-block--width-fill
48403    border-style
48404    spacing-style
48405    size-style
48406    
48407    
48408  "
48409  style="
48410    --border-width: 1px; --border-style: none; --border-color:
48411rgb(var(--color-border-rgb) / 1.0); --border-radius:
484120px; 
48413
48414    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
48415    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
48416    
48417  "
48418  
48419  data-testid="group-block"
48420><div class="group-block__media-wrapper">
48421    
48422
48423
48424
48425    
48426  </div>
48427
48428  <div
48429    class="
48430      group-block-content
48431      
48432      layout-panel-flex
48433      layout-panel-flex--row
48434       mobile-column
48435    "
48436    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
48437
48438--gap: 12px;
48439
48440--horizontal-alignment: space-between; --vertical-alignment: flex-start;
48441--vertical-alignment-mobile: flex-start;
48442"
48443  >
48444  
48445
48446<div
48447  class="
48448    group-block
48449    
48450    group-block--height-fit
48451    group-block--width-fill
48452    border-style
48453    spacing-style
48454    size-style
48455    
48456    
48457  "
48458  style="
48459    --border-width: 1px; --border-style: none; --border-color:
48460rgb(var(--color-border-rgb) / 1.0); --border-radius:
484610px; 
48462
48463    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
48464    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
48465    
48466  "
48467  
48468  data-testid="group-block"
48469><div class="group-block__media-wrapper">
48470    
48471
48472
48473
48474    
48475  </div>
48476
48477  <div
48478    class="
48479      group-block-content
48480      
48481      layout-panel-flex
48482      layout-panel-flex--column
48483       mobile-column
48484    "
48485    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
48486
48487--gap: 0px;
48488
48489--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
48490--vertical-alignment-mobile: flex-start;
48491"
48492  >
48493  
48494  
48495  <a
48496    class="contents user-select-text"
48497    ref="productTitleLink"
48498    href="/products/integrity?variant=47186858016928"
48499  >
48500    
48501
48502
48503
48504
48505
48506
48507  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-41 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
48508    <p>INTEGRITY | Sunglasses for Wide Face | Wide Fit Frames</p>
48509  </div>
48510
48511
48512
48513
48514  </a>
48515
48516
48517
48518
48519
48520<product-price
48521  class="text-block text-block--align-left text-left h5 spacing-style"
48522  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-41"
48523  data-product-id="8721244618912"
48524  style="
48525    
48526--color: var(--color-foreground);
48527    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
48528    --width: 100%;
48529  "
48530  
48531>
48532  <div ref="priceContainer">
48533  
48534    
48535    
48536
48537    
48538      <span class="price">$180.00</span>
48539    
48540
48541    
48542  
48543</div>
48544
48545  
48546</product-price>
48547
48548
48549
48550
48551
48552
48553
48554</div>
48555</div>
48556
48557
48558
48559
48560
48561
48562<div
48563  class="
48564    group-block
48565    
48566    group-block--height-fit
48567    group-block--width-fill
48568    border-style
48569    spacing-style
48570    size-style
48571    
48572    
48573  "
48574  style="
48575    --border-width: 1px; --border-style: none; --border-color:
48576rgb(var(--color-border-rgb) / 1.0); --border-radius:
485770px; 
48578
48579    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
48580    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
48581    
48582  "
48583  
48584  data-testid="group-block"
48585><div class="group-block__media-wrapper">
48586    
48587
48588
48589
48590    
48591  </div>
48592
48593  <div
48594    class="
48595      group-block-content
48596      
48597      layout-panel-flex
48598      layout-panel-flex--column
48599       mobile-column
48600    "
48601    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
48602
48603--gap: 0px;
48604
48605--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
48606--vertical-alignment-mobile: flex-start;
48607"
48608  >
48609  
48610
48611
48612
48613
48614
48615
48616
48617</div>
48618</div>
48619
48620
48621
48622
48623
48624</div>
48625</div>
48626
48627
48628
48629
48630
48631
48632  </div>
48633</product-card></product-card-link>
48634
48635
48636
48637
48638          </li>
48639        
48640          <li
48641            id="template--28980150370464__main-9568436355232"
48642            class="product-grid__item product-grid__item--42"
48643            data-page="1"
48644            data-product-id="9568436355232"
48645            ref="cards[]"
48646          >
48647            
48648
48649
48650
48651<style data-shopify>
48652  
48653</style>
48654
48655
48656<product-card-link
48657    data-product-id="9568436355232"
48658    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/IMG_1476.jpg?v=1767294218&width=500"
48659    data-product-transition="true"
48660    
48661  ><product-card
48662  class="product-card"
48663  data-product-id="9568436355232"
48664  id="product-card-ARkJhYk42RE5RUXhCT__product-card-42"
48665  data-product-transition="true"
48666  
48667  
48668>
48669  <a
48670    id="aa1648e132bc72444ee1c275e0654776"
48671    
48672      href="/products/jean?variant=49232455663776"
48673    
48674    class="product-card__link"
48675    ref="productCardLink"
48676  >
48677    <span class="visually-hidden">
48678      JEAN | Sunglasses for Wide Face | Wide Fit Frames
48679    </span>
48680  </a>
48681  <div
48682    class="
48683      product-card__content
48684      layout-panel-flex
48685      layout-panel-flex--column
48686      product-grid__card
48687      spacing-style
48688      border-style
48689      gap-style
48690      
48691    "
48692    style="
48693      --border-width: 1px; --border-style: none; --border-color:
48694rgb(var(--color-border-rgb) / 1.0); --border-radius:
486950px; 
48696
48697      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
48698
48699
48700
48701--horizontal-alignment: ; --vertical-alignment: ;
48702--vertical-alignment-mobile: ;
48703
48704      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
48705      --product-card-gap: 8px;
48706      --quick-add-display: flex;
48707      --quick-add-mobile-display: flex;
48708      --quick-add-mobile-opacity: 1;
48709      
48710      
48711      
48712      
48713    "
48714  >
48715    
48716  
48717
48718
48719
48720
48721
48722<div
48723  ref="cardGallery"
48724  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-42 spacing-style border-style"
48725  style="
48726    --border-width: 1px; --border-style: none; --border-color:
48727rgb(var(--color-border-rgb) / 1.0); --border-radius:
487280px; 
48729
48730    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
48731    --gallery-aspect-ratio: 4 / 5;
48732  "
48733  data-product-id="9568436355232"
48734  
48735    on:pointerenter="/previewImage"
48736    on:pointerleave="/resetImage"
48737  
48738  
48739    data-view-transition-to-main-product
48740  
48741  data-image-ratio="portrait"
48742  
48743>
48744    <a
48745      class="contents"
48746      ref="cardGalleryLink"
48747      href="/products/jean?variant=49232455663776"
48748      aria-label="JEAN | Sunglasses for Wide Face | Wide Fit Frames"
48749    >
48750      <slideshow-component
48751  
48752    ref="slideshow"
48753  
48754  
48755  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
48756  
48757  initial-slide="0"
48758  
48759  
48760    infinite
48761  
48762
48763  data-generic-media-size="4"
48764>
48765  
48766  <slideshow-container ref="slideshowContainer">
48767    
48768      <slideshow-arrows
48769  position="center"
48770  
48771><button
48772  class="
48773    slideshow-control slideshow-control--previous
48774    
48775    
48776    slideshow-control--style-arrow
48777    button button-unstyled button-unstyled--transparent
48778     flip-x
48779  "
48780  
48781  aria-label="Previous slide"
48782  
48783  on:click="/previous"
48784  ref="previous"
48785>
48786  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
48787</span>
48788</button>
48789<button
48790  class="
48791    slideshow-control slideshow-control--next
48792    
48793    
48794    slideshow-control--style-arrow
48795    button button-unstyled button-unstyled--transparent
48796    
48797  "
48798  
48799  aria-label="Next slide"
48800  
48801  on:click="/next"
48802  ref="next"
48803>
48804  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
48805</span>
48806</button>
48807</slideshow-arrows>
48808
48809    
48810    
48811    <slideshow-slides
48812      tabindex="-1"
48813      ref="scroller"
48814      
48815    >
48816      <slideshow-slide
48817  ref="slides[]"
48818  aria-hidden="false"
48819  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
48820  
48821    class="product-media-container media-fit product-media-container--image"
48822  
48823  variant-image
48824  
48825  
48826    slide-id="28630692233376"
48827  
48828  
48829  
48830  variant-image
48831>
48832  
48833
48834<div
48835  class="product-media"
48836  style="--ratio: 0.6666666666666666"
48837  data-media-id="28630692233376"
48838>
48839  
48840  <img src="//www.solkyst.ca/cdn/shop/files/5_39ea45be-9aa7-437c-846e-5f56b22fc474.png?v=1766799507&amp;width=3840" alt="women&#39;s trapezoid sunglasses with tortoise frame and orange gradient lenses - front view." srcset="//www.solkyst.ca/cdn/shop/files/5_39ea45be-9aa7-437c-846e-5f56b22fc474.png?v=1766799507&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/5_39ea45be-9aa7-437c-846e-5f56b22fc474.png?v=1766799507&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/5_39ea45be-9aa7-437c-846e-5f56b22fc474.png?v=1766799507&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/5_39ea45be-9aa7-437c-846e-5f56b22fc474.png?v=1766799507&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/5_39ea45be-9aa7-437c-846e-5f56b22fc474.png?v=1766799507&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/5_39ea45be-9aa7-437c-846e-5f56b22fc474.png?v=1766799507&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/5_39ea45be-9aa7-437c-846e-5f56b22fc474.png?v=1766799507&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/5_39ea45be-9aa7-437c-846e-5f56b22fc474.png?v=1766799507&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/5_39ea45be-9aa7-437c-846e-5f56b22fc474.png?v=1766799507&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
48841
48842  
48843</div>
48844
48845
48846
48847</slideshow-slide>
48848<slideshow-slide
48849  ref="slides[]"
48850  aria-hidden="true"
48851  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
48852  
48853    class="product-media-container media-fit product-media-container--image"
48854  
48855  
48856  
48857  
48858    slide-id="32975118336160"
48859  
48860  
48861  
48862  
48863>
48864  
48865
48866<div
48867  class="product-media"
48868  style="--ratio: 0.6666666666666666"
48869  data-media-id="32975118336160"
48870>
48871  
48872  <img src="//www.solkyst.ca/cdn/shop/files/Jean.jpg?v=1767294218&amp;width=3840" alt="Four angles of women&#39;s trapezoid sunglasses with tortoise frame and gradient lenses." srcset="//www.solkyst.ca/cdn/shop/files/Jean.jpg?v=1767294218&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Jean.jpg?v=1767294218&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Jean.jpg?v=1767294218&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Jean.jpg?v=1767294218&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Jean.jpg?v=1767294218&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Jean.jpg?v=1767294218&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Jean.jpg?v=1767294218&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Jean.jpg?v=1767294218&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Jean.jpg?v=1767294218&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
48873
48874  
48875</div>
48876
48877
48878
48879</slideshow-slide>
48880<slideshow-slide
48881  ref="slides[]"
48882  aria-hidden="true"
48883  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
48884  
48885    class="product-media-container media-fit product-media-container--image"
48886  
48887  
48888  
48889  
48890    slide-id="38023733182624"
48891  
48892  
48893  
48894  
48895>
48896  
48897
48898<div
48899  class="product-media"
48900  style="--ratio: 0.8001618122977346"
48901  data-media-id="38023733182624"
48902>
48903  
48904  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0224.jpg?v=1767294218&amp;width=3840" alt="JEAN | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0224.jpg?v=1767294218&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0224.jpg?v=1767294218&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0224.jpg?v=1767294218&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0224.jpg?v=1767294218&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0224.jpg?v=1767294218&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0224.jpg?v=1767294218&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0224.jpg?v=1767294218&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0224.jpg?v=1767294218&amp;width=3840 3840w" width="3840" height="4799" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0224.jpg?v=1767294218&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
48905
48906  
48907</div>
48908
48909
48910
48911</slideshow-slide>
48912<slideshow-slide
48913  ref="slides[]"
48914  aria-hidden="true"
48915  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
48916  
48917    class="product-media-container media-fit product-media-container--image"
48918  
48919  variant-image
48920  
48921  
48922    slide-id="38108841541792"
48923  
48924  
48925    hidden
48926  
48927  
48928  variant-image
48929>
48930  
48931
48932<div
48933  class="product-media"
48934  style="--ratio: 0.8000878734622144"
48935  data-media-id="38108841541792"
48936>
48937  
48938  <img src="//www.solkyst.ca/cdn/shop/files/IMG_1476.jpg?v=1767294218&amp;width=3840" alt="Woman wearing sunglasses and a brown tank top against a beige background" srcset="//www.solkyst.ca/cdn/shop/files/IMG_1476.jpg?v=1767294218&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_1476.jpg?v=1767294218&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_1476.jpg?v=1767294218&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_1476.jpg?v=1767294218&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_1476.jpg?v=1767294218&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_1476.jpg?v=1767294218&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_1476.jpg?v=1767294218&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_1476.jpg?v=1767294218&amp;width=3840 3840w" width="3840" height="4799" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_1476.jpg?v=1767294218&amp;width=3840" fetchpriority="auto" style="--focal-point: 51.3629% 31.4891%;">
48939
48940  
48941</div>
48942
48943
48944
48945</slideshow-slide>
48946<slideshow-slide
48947  ref="slides[]"
48948  aria-hidden="true"
48949  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
48950  
48951    class="product-media-container media-fit product-media-container--image"
48952  
48953  
48954  
48955  
48956    slide-id="28630805217440"
48957  
48958  
48959  
48960  
48961>
48962  
48963
48964<div
48965  class="product-media"
48966  style="--ratio: 0.8000968054211036"
48967  data-media-id="28630805217440"
48968>
48969  
48970  <img src="//www.solkyst.ca/cdn/shop/files/Facetune_20-06-2023-21-29-09.jpg?v=1767294218&amp;width=3840" alt="Woman with blonde hair wearing trapezoid tortoise sunglasses, a bold red lip, and a structured black blazer against a neutral backdrop." srcset="//www.solkyst.ca/cdn/shop/files/Facetune_20-06-2023-21-29-09.jpg?v=1767294218&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Facetune_20-06-2023-21-29-09.jpg?v=1767294218&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Facetune_20-06-2023-21-29-09.jpg?v=1767294218&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Facetune_20-06-2023-21-29-09.jpg?v=1767294218&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Facetune_20-06-2023-21-29-09.jpg?v=1767294218&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Facetune_20-06-2023-21-29-09.jpg?v=1767294218&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Facetune_20-06-2023-21-29-09.jpg?v=1767294218&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Facetune_20-06-2023-21-29-09.jpg?v=1767294218&amp;width=3840 3840w" width="3840" height="4799" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Facetune_20-06-2023-21-29-09.jpg?v=1767294218&amp;width=3840" fetchpriority="auto" style="--focal-point: 52.6618% 27.5311%;">
48971
48972  
48973</div>
48974
48975
48976
48977</slideshow-slide>
48978<slideshow-slide
48979  ref="slides[]"
48980  aria-hidden="true"
48981  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
48982  
48983    class="product-media-container media-fit product-media-container--image"
48984  
48985  
48986  
48987  
48988    slide-id="69363639877792"
48989  
48990  
48991  
48992  
48993>
48994  
48995
48996<div
48997  class="product-media"
48998  style="--ratio: 0.8"
48999  data-media-id="69363639877792"
49000>
49001  
49002  <img src="//www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=3840" alt="JEAN | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
49003
49004  
49005</div>
49006
49007
49008
49009</slideshow-slide>
49010
49011    </slideshow-slides>
49012  </slideshow-container>
49013  
49014</slideshow-component>
49015
49016
49017
49018    </a>
49019  
49020  
49021    <div
49022      class="product-badges product-badges--top-left"
49023      style="
49024        --badge-border-radius: 0px;
49025        --badge-font-family: var(--font-body--family);
49025 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
49026      "
49027    ></div>
49028    
49029      
49030
49031<quick-add-component
49032  class="quick-add color-scheme-4 "
49033  ref="quickAdd"
49034  data-product-title="JEAN | Sunglasses for Wide Face | Wide Fit Frames"
49035  data-quick-add-button="choose"
49036  data-product-options-count="1"
49037>
49038  <product-form-component
49039    data-section-id="template--28980150370464__main"
49040    data-product-id="9568436355232"
49041    on:submit="/handleSubmit"
49042    class="quick-add__product-form-component"
49043  >
49044    <div
49045      class="visually-hidden"
49046      aria-live="assertive"
49047      role="status"
49048      aria-atomic="true"
49049      ref="liveRegion"
49050    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-9568436355232-AVkVHRmZuS1U2YVZuU__card-gallery-42" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
49051        type="hidden"
49052        name="id"
49053        ref="variantId"
49054        value="49232455663776"
49055        
49056      >
49057      <input
49058        type="hidden"
49059        name="quantity"
49060        value="1"
49061      >
49062      
49063      <add-to-cart-component
49064  ref="addToCartButtonContainer"
49065  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/IMG_1476.jpg?v=1767294218&width=100"
49066  data-add-to-cart-animation="true"
49067>
49068  <button
49069    
49070    type="submit"
49071    name="add"
49072    ref="addToCartButton"
49073    on:click="/handleClick"
49074    class="button button quick-add__button quick-add__button--add add-to-cart-button"
49075    
49076    
49077  >
49078    <span
49079      class="add-to-cart-text"
49080    >
49081      
49082        <span
49083          aria-hidden="true"
49084          class="svg-wrapper add-to-cart-icon"
49085        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
49086</span>
49087      
49088      <span class="add-to-cart-text__content is-visually-hidden-mobile">
49089        <span>
49090          <span>Add</span>
49091        </span>
49092      </span>
49093    </span>
49094    
49095    <span class="add-to-cart__added">
49096      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
49097  <g class="check">
49098    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
49099    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
49100  </g>
49101  <g class="burst">
49102    <g style="--index: 0;">
49103      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
49104    </g>
49105    <g style="--index: 1;">
49106      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
49107    </g>
49108    <g style="--index: 2;">
49109      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
49110    </g>
49111    <g style="--index: 3;">
49112      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
49113    </g>
49114    <g style="--index: 4;">
49115      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
49116    </g>
49117    <g style="--index: 5;">
49118      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
49119    </g>
49120    <g style="--index: 6;">
49121      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
49122    </g>
49123    <g style="--index: 7;">
49124      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
49125    </g>
49126  </g>
49127</svg>
49128</span>
49129    </span>
49130  </button>
49131</add-to-cart-component>
49132
49133
49134
49135
49136      <button
49137        class="button quick-add__button quick-add__button--choose add-to-cart-button"
49138        
49139        type="button"
49140        name="add"
49141        on:click="quick-add-component/handleClick"
49142      >
49143        <span
49144          class="add-to-cart-text quick-add__button-content"
49145        >
49146          
49147          <span
49148            aria-hidden="true"
49149            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
49150          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
49151</span>
49152          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
49153            <span>
49154              
49155              <span>
49156                Choose
49157              </span>
49158            </span>
49159          </span>
49160        </span>
49161      </button><input type="hidden" name="product-id" value="9568436355232" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
49162</quick-add-component>
49163
49164
49165
49166    
49167  
49168
49169</div>
49170
49171
49172
49173
49174
49175<div class="product-grid-view-zoom-out--details">
49176  
49177    <h3 class="h4">JEAN | Sunglasses for Wide Face | Wide Fit Frames</h3>
49178  
49179</div>
49180
49181
49182
49183
49184
49185
49186<div
49187  class="
49188    group-block
49189    
49190    group-block--height-fit
49191    group-block--width-fill
49192    border-style
49193    spacing-style
49194    size-style
49195    
49196    
49197  "
49198  style="
49199    --border-width: 1px; --border-style: none; --border-color:
49200rgb(var(--color-border-rgb) / 1.0); --border-radius:
492010px; 
49202
49203    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
49204    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
49205    
49206  "
49207  
49208  data-testid="group-block"
49209><div class="group-block__media-wrapper">
49210    
49211
49212
49213
49214    
49215  </div>
49216
49217  <div
49218    class="
49219      group-block-content
49220      
49221      layout-panel-flex
49222      layout-panel-flex--row
49223       mobile-column
49224    "
49225    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
49226
49227--gap: 12px;
49228
49229--horizontal-alignment: space-between; --vertical-alignment: flex-start;
49230--vertical-alignment-mobile: flex-start;
49231"
49232  >
49233  
49234
49235<div
49236  class="
49237    group-block
49238    
49239    group-block--height-fit
49240    group-block--width-fill
49241    border-style
49242    spacing-style
49243    size-style
49244    
49245    
49246  "
49247  style="
49248    --border-width: 1px; --border-style: none; --border-color:
49249rgb(var(--color-border-rgb) / 1.0); --border-radius:
492500px; 
49251
49252    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
49253    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
49254    
49255  "
49256  
49257  data-testid="group-block"
49258><div class="group-block__media-wrapper">
49259    
49260
49261
49262
49263    
49264  </div>
49265
49266  <div
49267    class="
49268      group-block-content
49269      
49270      layout-panel-flex
49271      layout-panel-flex--column
49272       mobile-column
49273    "
49274    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
49275
49276--gap: 0px;
49277
49278--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
49279--vertical-alignment-mobile: flex-start;
49280"
49281  >
49282  
49283  
49284  <a
49285    class="contents user-select-text"
49286    ref="productTitleLink"
49287    href="/products/jean?variant=49232455663776"
49288  >
49289    
49290
49291
49292
49293
49294
49295
49296  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-42 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
49297    <p>JEAN | Sunglasses for Wide Face | Wide Fit Frames</p>
49298  </div>
49299
49300
49301
49302
49303  </a>
49304
49305
49306
49307
49308
49309<product-price
49310  class="text-block text-block--align-left text-left h5 spacing-style"
49311  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-42"
49312  data-product-id="9568436355232"
49313  style="
49314    
49315--color: var(--color-foreground);
49316    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
49317    --width: 100%;
49318  "
49319  
49320>
49321  <div ref="priceContainer">
49322  
49323    
49324    
49325
49326    
49327      <span class="price">$180.00</span>
49328    
49329
49330    
49331  
49332</div>
49333
49334  
49335</product-price>
49336
49337
49338
49339
49340
49341
49342
49343</div>
49344</div>
49345
49346
49347
49348
49349
49350
49351<div
49352  class="
49353    group-block
49354    
49355    group-block--height-fit
49356    group-block--width-fill
49357    border-style
49358    spacing-style
49359    size-style
49360    
49361    
49362  "
49363  style="
49364    --border-width: 1px; --border-style: none; --border-color:
49365rgb(var(--color-border-rgb) / 1.0); --border-radius:
493660px; 
49367
49368    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
49369    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
49370    
49371  "
49372  
49373  data-testid="group-block"
49374><div class="group-block__media-wrapper">
49375    
49376
49377
49378
49379    
49380  </div>
49381
49382  <div
49383    class="
49384      group-block-content
49385      
49386      layout-panel-flex
49387      layout-panel-flex--column
49388       mobile-column
49389    "
49390    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
49391
49392--gap: 0px;
49393
49394--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
49395--vertical-alignment-mobile: flex-start;
49396"
49397  >
49398  
49399
49400
49401
49402
49403
49404
49405
49406</div>
49407</div>
49408
49409
49410
49411
49412
49413</div>
49414</div>
49415
49416
49417
49418
49419
49420
49421  </div>
49422</product-card></product-card-link>
49423
49424
49425
49426
49427          </li>
49428        
49429          <li
49430            id="template--28980150370464__main-14576299442336"
49431            class="product-grid__item product-grid__item--43"
49432            data-page="1"
49433            data-product-id="14576299442336"
49434            ref="cards[]"
49435          >
49436            
49437
49438
49439
49440<style data-shopify>
49441  
49442</style>
49443
49444
49445<product-card-link
49446    data-product-id="14576299442336"
49447    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/1_8922740e-2e98-4321-a944-7ff11cc8a77e.png?v=1767207194&width=500"
49448    data-product-transition="true"
49449    
49450  ><product-card
49451  class="product-card"
49452  data-product-id="14576299442336"
49453  id="product-card-ARkJhYk42RE5RUXhCT__product-card-43"
49454  data-product-transition="true"
49455  
49456  
49457>
49458  <a
49459    id="1c6d25f54a66da84c53a2cb36df69b98"
49460    
49461      href="/products/juicy?variant=51545120866464"
49462    
49463    class="product-card__link"
49464    ref="productCardLink"
49465  >
49466    <span class="visually-hidden">
49467      JUICY | Sunglasses for Wide Face | Wide Fit Frames
49468    </span>
49469  </a>
49470  <div
49471    class="
49472      product-card__content
49473      layout-panel-flex
49474      layout-panel-flex--column
49475      product-grid__card
49476      spacing-style
49477      border-style
49478      gap-style
49479      
49480    "
49481    style="
49482      --border-width: 1px; --border-style: none; --border-color:
49483rgb(var(--color-border-rgb) / 1.0); --border-radius:
494840px; 
49485
49486      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
49487
49488
49489
49490--horizontal-alignment: ; --vertical-alignment: ;
49491--vertical-alignment-mobile: ;
49492
49493      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
49494      --product-card-gap: 8px;
49495      --quick-add-display: flex;
49496      --quick-add-mobile-display: flex;
49497      --quick-add-mobile-opacity: 1;
49498      
49499      
49500      
49501      
49502    "
49503  >
49504    
49505  
49506
49507
49508
49509
49510
49511<div
49512  ref="cardGallery"
49513  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-43 spacing-style border-style card-gallery--badge-top-left"
49514  style="
49515    --border-width: 1px; --border-style: none; --border-color:
49516rgb(var(--color-border-rgb) / 1.0); --border-radius:
495170px; 
49518
49519    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
49520    --gallery-aspect-ratio: 4 / 5;
49521  "
49522  data-product-id="14576299442336"
49523  
49524    on:pointerenter="/previewImage"
49525    on:pointerleave="/resetImage"
49526  
49527  
49528    data-view-transition-to-main-product
49529  
49530  data-image-ratio="portrait"
49531  
49532>
49533    <a
49534      class="contents"
49535      ref="cardGalleryLink"
49536      href="/products/juicy?variant=51545120866464"
49537      aria-label="JUICY | Sunglasses for Wide Face | Wide Fit Frames"
49538    >
49539      <slideshow-component
49540  
49541    ref="slideshow"
49542  
49543  
49544  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;--slide-min-height: auto;--slide-min-height-desktop: auto;"
49545  
49546  initial-slide="0"
49547  
49548  
49549    infinite
49550  
49551
49552  data-generic-media-size="4"
49553>
49554  
49555  <slideshow-container ref="slideshowContainer">
49556    
49557      <slideshow-arrows
49558  position="center"
49559  
49560><button
49561  class="
49562    slideshow-control slideshow-control--previous
49563    
49564    
49565    slideshow-control--style-arrow
49566    button button-unstyled button-unstyled--transparent
49567     flip-x
49568  "
49569  
49570  aria-label="Previous slide"
49571  
49572  on:click="/previous"
49573  ref="previous"
49574>
49575  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
49576</span>
49577</button>
49578<button
49579  class="
49580    slideshow-control slideshow-control--next
49581    
49582    
49583    slideshow-control--style-arrow
49584    button button-unstyled button-unstyled--transparent
49585    
49586  "
49587  
49588  aria-label="Next slide"
49589  
49590  on:click="/next"
49591  ref="next"
49592>
49593  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
49594</span>
49595</button>
49596</slideshow-arrows>
49597
49598    
49599    
49600    <slideshow-slides
49601      tabindex="-1"
49602      ref="scroller"
49603      
49604    >
49605      <slideshow-slide
49606  ref="slides[]"
49607  aria-hidden="false"
49608  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
49609  
49610    class="product-media-container media-fit product-media-container--image"
49611  
49612  
49613  
49614  
49615    slide-id="36176169074848"
49616  
49617  
49618  
49619  
49620>
49621  
49622
49623<div
49624  class="product-media"
49625  style="--ratio: 0.6666666666666666"
49626  data-media-id="36176169074848"
49627>
49628  
49629  <img src="//www.solkyst.ca/cdn/shop/files/1_8922740e-2e98-4321-a944-7ff11cc8a77e.png?v=1767207194&amp;width=3840" alt="Front view of Sol Kyst cat eye sunglasses featuring bold pink acetate frames, and reflective nylon lenses." srcset="//www.solkyst.ca/cdn/shop/files/1_8922740e-2e98-4321-a944-7ff11cc8a77e.png?v=1767207194&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/1_8922740e-2e98-4321-a944-7ff11cc8a77e.png?v=1767207194&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/1_8922740e-2e98-4321-a944-7ff11cc8a77e.png?v=1767207194&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/1_8922740e-2e98-4321-a944-7ff11cc8a77e.png?v=1767207194&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/1_8922740e-2e98-4321-a944-7ff11cc8a77e.png?v=1767207194&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/1_8922740e-2e98-4321-a944-7ff11cc8a77e.png?v=1767207194&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/1_8922740e-2e98-4321-a944-7ff11cc8a77e.png?v=1767207194&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/1_8922740e-2e98-4321-a944-7ff11cc8a77e.png?v=1767207194&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/1_8922740e-2e98-4321-a944-7ff11cc8a77e.png?v=1767207194&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
49630
49631  
49632</div>
49633
49634
49635
49636</slideshow-slide>
49637<slideshow-slide
49638  ref="slides[]"
49639  aria-hidden="true"
49640  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
49641  
49642    class="product-media-container media-fit product-media-container--image"
49643  
49644  
49645  
49646  
49647    slide-id="38884560666784"
49648  
49649  
49650  
49651  
49652>
49653  
49654
49655<div
49656  class="product-media"
49657  style="--ratio: 0.6666666666666666"
49658  data-media-id="38884560666784"
49659>
49660  
49661  <img src="//www.solkyst.ca/cdn/shop/files/Juicygrid_51aa8081-0a8d-44e6-9e55-9b1b2250dd0d.jpg?v=1767639586&amp;width=3840" alt="Pink sunglasses with gold lenses on a white background" srcset="//www.solkyst.ca/cdn/shop/files/Juicygrid_51aa8081-0a8d-44e6-9e55-9b1b2250dd0d.jpg?v=1767639586&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Juicygrid_51aa8081-0a8d-44e6-9e55-9b1b2250dd0d.jpg?v=1767639586&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Juicygrid_51aa8081-0a8d-44e6-9e55-9b1b2250dd0d.jpg?v=1767639586&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Juicygrid_51aa8081-0a8d-44e6-9e55-9b1b2250dd0d.jpg?v=1767639586&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Juicygrid_51aa8081-0a8d-44e6-9e55-9b1b2250dd0d.jpg?v=1767639586&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Juicygrid_51aa8081-0a8d-44e6-9e55-9b1b2250dd0d.jpg?v=1767639586&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Juicygrid_51aa8081-0a8d-44e6-9e55-9b1b2250dd0d.jpg?v=1767639586&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Juicygrid_51aa8081-0a8d-44e6-9e55-9b1b2250dd0d.jpg?v=1767639586&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Juicygrid_51aa8081-0a8d-44e6-9e55-9b1b2250dd0d.jpg?v=1767639586&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
49662
49663  
49664</div>
49665
49666
49667
49668</slideshow-slide>
49669<slideshow-slide
49670  ref="slides[]"
49671  aria-hidden="true"
49672  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
49673  
49674    class="product-media-container media-fit product-media-container--image"
49675  
49676  variant-image
49677  
49678  
49679    slide-id="38108909273248"
49680  
49681  
49682    hidden
49683  
49684  
49685  variant-image
49686>
49687  
49688
49689<div
49690  class="product-media"
49691  style="--ratio: 0.8001392757660167"
49692  data-media-id="38108909273248"
49693>
49694  
49695  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0483.jpg?v=1767639444&amp;width=3840" alt="JUICY | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0483.jpg?v=1767639444&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0483.jpg?v=1767639444&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0483.jpg?v=1767639444&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0483.jpg?v=1767639444&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0483.jpg?v=1767639444&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0483.jpg?v=1767639444&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0483.jpg?v=1767639444&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0483.jpg?v=1767639444&amp;width=3840 3840w" width="3840" height="4799" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0483.jpg?v=1767639444&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
49696
49697  
49698</div>
49699
49700
49701
49702</slideshow-slide>
49703<slideshow-slide
49704  ref="slides[]"
49705  aria-hidden="true"
49706  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
49707  
49708    class="product-media-container media-fit product-media-container--image"
49709  
49710  
49711  
49712  
49713    slide-id="36176169238688"
49714  
49715  
49716  
49717  
49718>
49719  
49720
49721<div
49722  class="product-media"
49723  style="--ratio: 1.0"
49724  data-media-id="36176169238688"
49725>
49726  
49727  <img src="//www.solkyst.ca/cdn/shop/files/Juicygrid.jpg?v=1767639444&amp;width=3840" alt="Four angles of cat eye sunglasses, highlighting the pink acetate frames, purple-tinted lenses, and gold Sol Kyst branding." srcset="//www.solkyst.ca/cdn/shop/files/Juicygrid.jpg?v=1767639444&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Juicygrid.jpg?v=1767639444&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Juicygrid.jpg?v=1767639444&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Juicygrid.jpg?v=1767639444&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Juicygrid.jpg?v=1767639444&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Juicygrid.jpg?v=1767639444&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Juicygrid.jpg?v=1767639444&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Juicygrid.jpg?v=1767639444&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Juicygrid.jpg?v=1767639444&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
49728
49729  
49730</div>
49731
49732
49733
49734</slideshow-slide>
49735<slideshow-slide
49736  ref="slides[]"
49737  aria-hidden="true"
49738  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
49739  
49740    class="product-media-container media-fit product-media-container--image"
49741  
49742  
49743  
49744  
49745    slide-id="36176169140384"
49746  
49747  
49748  
49749  
49750>
49751  
49752
49753<div
49754  class="product-media"
49755  style="--ratio: 1.5"
49756  data-media-id="36176169140384"
49757>
49758  
49759  <img src="//www.solkyst.ca/cdn/shop/files/IMG_6804.jpg?v=1767639444&amp;width=3840" alt="Multiple pairs of cat eye sunglasses showcasing bold pink frames, purple-tinted lenses, and gold Sol Kyst accents." srcset="//www.solkyst.ca/cdn/shop/files/IMG_6804.jpg?v=1767639444&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_6804.jpg?v=1767639444&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_6804.jpg?v=1767639444&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_6804.jpg?v=1767639444&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_6804.jpg?v=1767639444&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_6804.jpg?v=1767639444&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_6804.jpg?v=1767639444&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_6804.jpg?v=1767639444&amp;width=3840 3840w" width="3840" height="2560" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_6804.jpg?v=1767639444&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
49760
49761  
49762</div>
49763
49764
49765
49766</slideshow-slide>
49767
49768    </slideshow-slides>
49769  </slideshow-container>
49770  
49771</slideshow-component>
49772
49773
49774
49775    </a>
49776  
49777  
49778    <div
49779      class="product-badges product-badges--top-left"
49780      style="
49781        --badge-border-radius: 0px;
49782        --badge-font-family: var(--font-body--family);
49782 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
49783      "
49784    ><div
49785          class="
49786            product-badges__badge product-badges__badge--rectangle
49787             color-scheme-6
49788          "
49789        >Sale
49790</div></div>
49791    
49792      
49793
49794<quick-add-component
49795  class="quick-add color-scheme-4 "
49796  ref="quickAdd"
49797  data-product-title="JUICY | Sunglasses for Wide Face | Wide Fit Frames"
49798  data-quick-add-button="choose"
49799  data-product-options-count="1"
49800>
49801  <product-form-component
49802    data-section-id="template--28980150370464__main"
49803    data-product-id="14576299442336"
49804    on:submit="/handleSubmit"
49805    class="quick-add__product-form-component"
49806  >
49807    <div
49808      class="visually-hidden"
49809      aria-live="assertive"
49810      role="status"
49811      aria-atomic="true"
49812      ref="liveRegion"
49813    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-14576299442336-AVkVHRmZuS1U2YVZuU__card-gallery-43" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
49814        type="hidden"
49815        name="id"
49816        ref="variantId"
49817        value="51545120866464"
49818        
49819      >
49820      <input
49821        type="hidden"
49822        name="quantity"
49823        value="1"
49824      >
49825      
49826      <add-to-cart-component
49827  ref="addToCartButtonContainer"
49828  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/1_8922740e-2e98-4321-a944-7ff11cc8a77e.png?v=1767207194&width=100"
49829  data-add-to-cart-animation="true"
49830>
49831  <button
49832    
49833    type="submit"
49834    name="add"
49835    ref="addToCartButton"
49836    on:click="/handleClick"
49837    class="button button quick-add__button quick-add__button--add add-to-cart-button"
49838    
49839    
49840  >
49841    <span
49842      class="add-to-cart-text"
49843    >
49844      
49845        <span
49846          aria-hidden="true"
49847          class="svg-wrapper add-to-cart-icon"
49848        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
49849</span>
49850      
49851      <span class="add-to-cart-text__content is-visually-hidden-mobile">
49852        <span>
49853          <span>Add</span>
49854        </span>
49855      </span>
49856    </span>
49857    
49858    <span class="add-to-cart__added">
49859      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
49860  <g class="check">
49861    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
49862    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
49863  </g>
49864  <g class="burst">
49865    <g style="--index: 0;">
49866      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
49867    </g>
49868    <g style="--index: 1;">
49869      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
49870    </g>
49871    <g style="--index: 2;">
49872      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
49873    </g>
49874    <g style="--index: 3;">
49875      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
49876    </g>
49877    <g style="--index: 4;">
49878      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
49879    </g>
49880    <g style="--index: 5;">
49881      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
49882    </g>
49883    <g style="--index: 6;">
49884      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
49885    </g>
49886    <g style="--index: 7;">
49887      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
49888    </g>
49889  </g>
49890</svg>
49891</span>
49892    </span>
49893  </button>
49894</add-to-cart-component>
49895
49896
49897
49898
49899      <button
49900        class="button quick-add__button quick-add__button--choose add-to-cart-button"
49901        
49902        type="button"
49903        name="add"
49904        on:click="quick-add-component/handleClick"
49905      >
49906        <span
49907          class="add-to-cart-text quick-add__button-content"
49908        >
49909          
49910          <span
49911            aria-hidden="true"
49912            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
49913          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
49914</span>
49915          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
49916            <span>
49917              
49918              <span>
49919                Choose
49920              </span>
49921            </span>
49922          </span>
49923        </span>
49924      </button><input type="hidden" name="product-id" value="14576299442336" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
49925</quick-add-component>
49926
49927
49928
49929    
49930  
49931
49932</div>
49933
49934
49935
49936
49937
49938<div class="product-grid-view-zoom-out--details">
49939  
49940    <h3 class="h4">JUICY | Sunglasses for Wide Face | Wide Fit Frames</h3>
49941  
49942</div>
49943
49944
49945
49946
49947
49948
49949<div
49950  class="
49951    group-block
49952    
49953    group-block--height-fit
49954    group-block--width-fill
49955    border-style
49956    spacing-style
49957    size-style
49958    
49959    
49960  "
49961  style="
49962    --border-width: 1px; --border-style: none; --border-color:
49963rgb(var(--color-border-rgb) / 1.0); --border-radius:
499640px; 
49965
49966    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
49967    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
49968    
49969  "
49970  
49971  data-testid="group-block"
49972><div class="group-block__media-wrapper">
49973    
49974
49975
49976
49977    
49978  </div>
49979
49980  <div
49981    class="
49982      group-block-content
49983      
49984      layout-panel-flex
49985      layout-panel-flex--row
49986       mobile-column
49987    "
49988    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
49989
49990--gap: 12px;
49991
49992--horizontal-alignment: space-between; --vertical-alignment: flex-start;
49993--vertical-alignment-mobile: flex-start;
49994"
49995  >
49996  
49997
49998<div
49999  class="
50000    group-block
50001    
50002    group-block--height-fit
50003    group-block--width-fill
50004    border-style
50005    spacing-style
50006    size-style
50007    
50008    
50009  "
50010  style="
50011    --border-width: 1px; --border-style: none; --border-color:
50012rgb(var(--color-border-rgb) / 1.0); --border-radius:
500130px; 
50014
50015    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
50016    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
50017    
50018  "
50019  
50020  data-testid="group-block"
50021><div class="group-block__media-wrapper">
50022    
50023
50024
50025
50026    
50027  </div>
50028
50029  <div
50030    class="
50031      group-block-content
50032      
50033      layout-panel-flex
50034      layout-panel-flex--column
50035       mobile-column
50036    "
50037    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
50038
50039--gap: 0px;
50040
50041--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
50042--vertical-alignment-mobile: flex-start;
50043"
50044  >
50045  
50046  
50047  <a
50048    class="contents user-select-text"
50049    ref="productTitleLink"
50050    href="/products/juicy?variant=51545120866464"
50051  >
50052    
50053
50054
50055
50056
50057
50058
50059  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-43 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
50060    <p>JUICY | Sunglasses for Wide Face | Wide Fit Frames</p>
50061  </div>
50062
50063
50064
50065
50066  </a>
50067
50068
50069
50070
50071
50072<product-price
50073  class="text-block text-block--align-left text-left h5 spacing-style"
50074  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-43"
50075  data-product-id="14576299442336"
50076  style="
50077    
50078--color: var(--color-foreground);
50079    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
50080    --width: 100%;
50081  "
50082  
50083>
50084  <div ref="priceContainer">
50085  
50086    
50087    
50088
50089    
50090      <span role="group">
50091        <span class="visually-hidden">Sale price&nbsp;</span>
50092        <span class="price">$70.00</span>
50093      </span>
50094    
50095
50096    
50097      <span role="group">
50098        <span class="visually-hidden">Regular price&nbsp;</span>
50099        <span class="compare-at-price">$165.00</span>
50100      </span>
50101    
50102  
50103</div>
50104
50105  
50106</product-price>
50107
50108
50109
50110
50111
50112
50113
50114</div>
50115</div>
50116
50117
50118
50119
50120
50121
50122<div
50123  class="
50124    group-block
50125    
50126    group-block--height-fit
50127    group-block--width-fill
50128    border-style
50129    spacing-style
50130    size-style
50131    
50132    
50133  "
50134  style="
50135    --border-width: 1px; --border-style: none; --border-color:
50136rgb(var(--color-border-rgb) / 1.0); --border-radius:
501370px; 
50138
50139    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
50140    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
50141    
50142  "
50143  
50144  data-testid="group-block"
50145><div class="group-block__media-wrapper">
50146    
50147
50148
50149
50150    
50151  </div>
50152
50153  <div
50154    class="
50155      group-block-content
50156      
50157      layout-panel-flex
50158      layout-panel-flex--column
50159       mobile-column
50160    "
50161    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
50162
50163--gap: 0px;
50164
50165--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
50166--vertical-alignment-mobile: flex-start;
50167"
50168  >
50169  
50170
50171
50172
50173
50174
50175
50176
50177</div>
50178</div>
50179
50180
50181
50182
50183
50184</div>
50185</div>
50186
50187
50188
50189
50190
50191
50192  </div>
50193</product-card></product-card-link>
50194
50195
50196
50197
50198          </li>
50199        
50200          <li
50201            id="template--28980150370464__main-12770336374944"
50202            class="product-grid__item product-grid__item--44"
50203            data-page="1"
50204            data-product-id="12770336374944"
50205            ref="cards[]"
50206          >
50207            
50208
50209
50210
50211<style data-shopify>
50212  
50213</style>
50214
50215
50216<product-card-link
50217    data-product-id="12770336374944"
50218    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/IMG_0111.jpg?v=1767379083&width=500"
50219    data-product-transition="true"
50220    
50221  ><product-card
50222  class="product-card"
50223  data-product-id="12770336374944"
50224  id="product-card-ARkJhYk42RE5RUXhCT__product-card-44"
50225  data-product-transition="true"
50226  
50227  
50228>
50229  <a
50230    id="7a0273bebbdf8474007ad5fc50369ea7"
50231    
50232      href="/products/bridal?variant=49160418230432"
50233    
50234    class="product-card__link"
50235    ref="productCardLink"
50236  >
50237    <span class="visually-hidden">
50238      Keepsake
50239    </span>
50240  </a>
50241  <div
50242    class="
50243      product-card__content
50244      layout-panel-flex
50245      layout-panel-flex--column
50246      product-grid__card
50247      spacing-style
50248      border-style
50249      gap-style
50250      
50251    "
50252    style="
50253      --border-width: 1px; --border-style: none; --border-color:
50254rgb(var(--color-border-rgb) / 1.0); --border-radius:
502550px; 
50256
50257      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
50258
50259
50260
50261--horizontal-alignment: ; --vertical-alignment: ;
50262--vertical-alignment-mobile: ;
50263
50264      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
50265      --product-card-gap: 8px;
50266      --quick-add-display: flex;
50267      --quick-add-mobile-display: flex;
50268      --quick-add-mobile-opacity: 1;
50269      
50270      
50271      
50272      
50273    "
50274  >
50275    
50276  
50277
50278
50279
50280
50281
50282<div
50283  ref="cardGallery"
50284  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-44 spacing-style border-style"
50285  style="
50286    --border-width: 1px; --border-style: none; --border-color:
50287rgb(var(--color-border-rgb) / 1.0); --border-radius:
502880px; 
50289
50290    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
50291    --gallery-aspect-ratio: 4 / 5;
50292  "
50293  data-product-id="12770336374944"
50294  
50295    on:pointerenter="/previewImage"
50296    on:pointerleave="/resetImage"
50297  
50298  
50299    data-view-transition-to-main-product
50300  
50301  data-image-ratio="portrait"
50302  
50303>
50304    <a
50305      class="contents"
50306      ref="cardGalleryLink"
50307      href="/products/bridal?variant=49160418230432"
50308      aria-label="Keepsake"
50309    >
50310      <slideshow-component
50311  
50312    ref="slideshow"
50313  
50314  
50315  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12;--slide-min-height: auto;--slide-min-height-desktop: auto;"
50316  
50317  initial-slide="0"
50318  
50319  
50320    infinite
50321  
50322
50323  data-generic-media-size="9"
50324>
50325  
50326  <slideshow-container ref="slideshowContainer">
50327    
50328      <slideshow-arrows
50329  position="center"
50330  
50331><button
50332  class="
50333    slideshow-control slideshow-control--previous
50334    
50335    
50336    slideshow-control--style-arrow
50337    button button-unstyled button-unstyled--transparent
50338     flip-x
50339  "
50340  
50341  aria-label="Previous slide"
50342  
50343  on:click="/previous"
50344  ref="previous"
50345>
50346  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
50347</span>
50348</button>
50349<button
50350  class="
50351    slideshow-control slideshow-control--next
50352    
50353    
50354    slideshow-control--style-arrow
50355    button button-unstyled button-unstyled--transparent
50356    
50357  "
50358  
50359  aria-label="Next slide"
50360  
50361  on:click="/next"
50362  ref="next"
50363>
50364  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
50365</span>
50366</button>
50367</slideshow-arrows>
50368
50369    
50370    
50371    <slideshow-slides
50372      tabindex="-1"
50373      ref="scroller"
50374      
50375    >
50376      <slideshow-slide
50377  ref="slides[]"
50378  aria-hidden="false"
50379  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
50380  
50381    class="product-media-container media-fit product-media-container--image"
50382  
50383  variant-image
50384  
50385  
50386    slide-id="35272414232736"
50387  
50388  
50389  
50390  variant-image
50391>
50392  
50393
50394<div
50395  class="product-media"
50396  style="--ratio: 0.6666666666666666"
50397  data-media-id="35272414232736"
50398>
50399  
50400  <img src="//www.solkyst.ca/cdn/shop/files/Bridal_1_transparent.png?v=1766799175&amp;width=3840" alt="Close-up view of Sol Kyst Bridal Collection sunglasses featuring a white acetate frame and soft square cat-eye design with brown lenses." srcset="//www.solkyst.ca/cdn/shop/files/Bridal_1_transparent.png?v=1766799175&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Bridal_1_transparent.png?v=1766799175&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Bridal_1_transparent.png?v=1766799175&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Bridal_1_transparent.png?v=1766799175&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Bridal_1_transparent.png?v=1766799175&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Bridal_1_transparent.png?v=1766799175&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Bridal_1_transparent.png?v=1766799175&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Bridal_1_transparent.png?v=1766799175&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Bridal_1_transparent.png?v=1766799175&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
50401
50402  
50403</div>
50404
50405
50406
50407</slideshow-slide>
50408<slideshow-slide
50409  ref="slides[]"
50410  aria-hidden="true"
50411  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
50412  
50413    class="product-media-container media-fit product-media-container--image"
50414  
50415  
50416  
50417  
50418    slide-id="38875080589472"
50419  
50420  
50421  
50422  
50423>
50424  
50425
50426<div
50427  class="product-media"
50428  style="--ratio: 0.6666666666666666"
50429  data-media-id="38875080589472"
50430>
50431  
50432  <img src="//www.solkyst.ca/cdn/shop/files/Bridal_1_transparent_db00e0dc-dce3-4010-8a57-19b21ad361a2.png?v=1767379083&amp;width=3840" alt="White cat-eye sunglasses with dark lenses on a beige background" srcset="//www.solkyst.ca/cdn/shop/files/Bridal_1_transparent_db00e0dc-dce3-4010-8a57-19b21ad361a2.png?v=1767379083&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Bridal_1_transparent_db00e0dc-dce3-4010-8a57-19b21ad361a2.png?v=1767379083&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Bridal_1_transparent_db00e0dc-dce3-4010-8a57-19b21ad361a2.png?v=1767379083&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Bridal_1_transparent_db00e0dc-dce3-4010-8a57-19b21ad361a2.png?v=1767379083&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Bridal_1_transparent_db00e0dc-dce3-4010-8a57-19b21ad361a2.png?v=1767379083&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Bridal_1_transparent_db00e0dc-dce3-4010-8a57-19b21ad361a2.png?v=1767379083&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Bridal_1_transparent_db00e0dc-dce3-4010-8a57-19b21ad361a2.png?v=1767379083&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Bridal_1_transparent_db00e0dc-dce3-4010-8a57-19b21ad361a2.png?v=1767379083&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Bridal_1_transparent_db00e0dc-dce3-4010-8a57-19b21ad361a2.png?v=1767379083&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
50433
50434  
50435</div>
50436
50437
50438
50439</slideshow-slide>
50440<slideshow-slide
50441  ref="slides[]"
50442  aria-hidden="true"
50443  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
50444  
50445    class="product-media-container media-fit product-media-container--image"
50446  
50447  variant-image
50448  
50449  
50450    slide-id="38108910125216"
50451  
50452  
50453    hidden
50454  
50455  
50456  variant-image
50457>
50458  
50459
50460<div
50461  class="product-media"
50462  style="--ratio: 0.8001148765077541"
50463  data-media-id="38108910125216"
50464>
50465  
50466  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0188.jpg?v=1767379083&amp;width=3840" alt="Keepsake" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0188.jpg?v=1767379083&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0188.jpg?v=1767379083&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0188.jpg?v=1767379083&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0188.jpg?v=1767379083&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0188.jpg?v=1767379083&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0188.jpg?v=1767379083&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0188.jpg?v=1767379083&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0188.jpg?v=1767379083&amp;width=3840 3840w" width="3840" height="4799" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0188.jpg?v=1767379083&amp;width=3840" fetchpriority="auto" style="--focal-point: 49.5481% 33.1225%;">
50467
50468  
50469</div>
50470
50471
50472
50473</slideshow-slide>
50474<slideshow-slide
50475  ref="slides[]"
50476  aria-hidden="true"
50477  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
50478  
50479    class="product-media-container media-fit product-media-container--image"
50480  
50481  variant-image
50482  
50483  
50484    slide-id="38023732658336"
50485  
50486  
50487    hidden
50488  
50489  
50490  variant-image
50491>
50492  
50493
50494<div
50495  class="product-media"
50496  style="--ratio: 0.7998070429329475"
50497  data-media-id="38023732658336"
50498>
50499  
50500  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0111.jpg?v=1767379083&amp;width=3840" alt="Keepsake" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0111.jpg?v=1767379083&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0111.jpg?v=1767379083&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0111.jpg?v=1767379083&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0111.jpg?v=1767379083&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0111.jpg?v=1767379083&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0111.jpg?v=1767379083&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0111.jpg?v=1767379083&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0111.jpg?v=1767379083&amp;width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0111.jpg?v=1767379083&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
50501
50502  
50503</div>
50504
50505
50506
50507</slideshow-slide>
50508<slideshow-slide
50509  ref="slides[]"
50510  aria-hidden="true"
50511  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
50512  
50513    class="product-media-container media-fit product-media-container--image"
50514  
50515  
50516  
50517  
50518    slide-id="38108817490080"
50519  
50520  
50521  
50522  
50523>
50524  
50525
50526<div
50527  class="product-media"
50528  style="--ratio: 0.7999174917491749"
50529  data-media-id="38108817490080"
50530>
50531  
50532  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0809.jpg?v=1767379083&amp;width=3840" alt="Woman wearing white cat-eye sunglasses against a beige background" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0809.jpg?v=1767379083&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0809.jpg?v=1767379083&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0809.jpg?v=1767379083&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0809.jpg?v=1767379083&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0809.jpg?v=1767379083&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0809.jpg?v=1767379083&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0809.jpg?v=1767379083&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0809.jpg?v=1767379083&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0809.jpg?v=1767379083&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
50533
50534  
50535</div>
50536
50537
50538
50539</slideshow-slide>
50540<slideshow-slide
50541  ref="slides[]"
50542  aria-hidden="true"
50543  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
50544  
50545    class="product-media-container media-fit product-media-container--image"
50546  
50547  
50548  
50549  
50550    slide-id="35272415084704"
50551  
50552  
50553  
50554  
50555>
50556  
50557
50558<div
50559  class="product-media"
50560  style="--ratio: 1.0"
50561  data-media-id="35272415084704"
50562>
50563  
50564  <img src="//www.solkyst.ca/cdn/shop/files/Bridal_grid.jpg?v=1767379083&amp;width=3840" alt="Sol Kyst Bridal Collection sunglasses in white acetate, soft square cat-eye shape, shown in front, side, and angled views." srcset="//www.solkyst.ca/cdn/shop/files/Bridal_grid.jpg?v=1767379083&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Bridal_grid.jpg?v=1767379083&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Bridal_grid.jpg?v=1767379083&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Bridal_grid.jpg?v=1767379083&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Bridal_grid.jpg?v=1767379083&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Bridal_grid.jpg?v=1767379083&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Bridal_grid.jpg?v=1767379083&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Bridal_grid.jpg?v=1767379083&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Bridal_grid.jpg?v=1767379083&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
50565
50566  
50567</div>
50568
50569
50570
50571</slideshow-slide>
50572<slideshow-slide
50573  ref="slides[]"
50574  aria-hidden="true"
50575  style="--slideshow-timeline: --slide-6; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
50576  
50577    class="product-media-container media-fit product-media-container--image"
50578  
50579  
50580  
50581  
50582    slide-id="37815839195296"
50583  
50584  
50585  
50586  
50587>
50588  
50589
50590<div
50591  class="product-media"
50592  style="--ratio: 0.8"
50593  data-media-id="37815839195296"
50594>
50595  
50596  <img src="//www.solkyst.ca/cdn/shop/files/DelianCody-1823.jpg?v=1767379083&amp;width=3840" alt="Keepsake" srcset="//www.solkyst.ca/cdn/shop/files/DelianCody-1823.jpg?v=1767379083&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/DelianCody-1823.jpg?v=1767379083&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/DelianCody-1823.jpg?v=1767379083&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/DelianCody-1823.jpg?v=1767379083&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/DelianCody-1823.jpg?v=1767379083&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/DelianCody-1823.jpg?v=1767379083&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/DelianCody-1823.jpg?v=1767379083&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/DelianCody-1823.jpg?v=1767379083&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/DelianCody-1823.jpg?v=1767379083&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
50597
50598  
50599</div>
50600
50601
50602
50603</slideshow-slide>
50604
50605    </slideshow-slides>
50606  </slideshow-container>
50607  
50608</slideshow-component>
50609
50610
50611
50612    </a>
50613  
50614  
50615    <div
50616      class="product-badges product-badges--top-left"
50617      style="
50618        --badge-border-radius: 0px;
50619        --badge-font-family: var(--font-body--family);
50619 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
50620      "
50621    ></div>
50622    
50623      
50624
50625<quick-add-component
50626  class="quick-add color-scheme-4 "
50627  ref="quickAdd"
50628  data-product-title="Keepsake"
50629  data-quick-add-button="choose"
50630  data-product-options-count="1"
50631>
50632  <product-form-component
50633    data-section-id="template--28980150370464__main"
50634    data-product-id="12770336374944"
50635    on:submit="/handleSubmit"
50636    class="quick-add__product-form-component"
50637  >
50638    <div
50639      class="visually-hidden"
50640      aria-live="assertive"
50641      role="status"
50642      aria-atomic="true"
50643      ref="liveRegion"
50644    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-12770336374944-AVkVHRmZuS1U2YVZuU__card-gallery-44" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
50645        type="hidden"
50646        name="id"
50647        ref="variantId"
50648        value="49160418230432"
50649        
50650      >
50651      <input
50652        type="hidden"
50653        name="quantity"
50654        value="1"
50655      >
50656      
50657      <add-to-cart-component
50658  ref="addToCartButtonContainer"
50659  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/IMG_0111.jpg?v=1767379083&width=100"
50660  data-add-to-cart-animation="true"
50661>
50662  <button
50663    
50664    type="submit"
50665    name="add"
50666    ref="addToCartButton"
50667    on:click="/handleClick"
50668    class="button button quick-add__button quick-add__button--add add-to-cart-button"
50669    
50670    
50671  >
50672    <span
50673      class="add-to-cart-text"
50674    >
50675      
50676        <span
50677          aria-hidden="true"
50678          class="svg-wrapper add-to-cart-icon"
50679        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
50680</span>
50681      
50682      <span class="add-to-cart-text__content is-visually-hidden-mobile">
50683        <span>
50684          <span>Add</span>
50685        </span>
50686      </span>
50687    </span>
50688    
50689    <span class="add-to-cart__added">
50690      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
50691  <g class="check">
50692    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
50693    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
50694  </g>
50695  <g class="burst">
50696    <g style="--index: 0;">
50697      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
50698    </g>
50699    <g style="--index: 1;">
50700      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
50701    </g>
50702    <g style="--index: 2;">
50703      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
50704    </g>
50705    <g style="--index: 3;">
50706      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
50707    </g>
50708    <g style="--index: 4;">
50709      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
50710    </g>
50711    <g style="--index: 5;">
50712      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
50713    </g>
50714    <g style="--index: 6;">
50715      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
50716    </g>
50717    <g style="--index: 7;">
50718      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
50719    </g>
50720  </g>
50721</svg>
50722</span>
50723    </span>
50724  </button>
50725</add-to-cart-component>
50726
50727
50728
50729
50730      <button
50731        class="button quick-add__button quick-add__button--choose add-to-cart-button"
50732        
50733        type="button"
50734        name="add"
50735        on:click="quick-add-component/handleClick"
50736      >
50737        <span
50738          class="add-to-cart-text quick-add__button-content"
50739        >
50740          
50741          <span
50742            aria-hidden="true"
50743            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
50744          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
50745</span>
50746          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
50747            <span>
50748              
50749              <span>
50750                Choose
50751              </span>
50752            </span>
50753          </span>
50754        </span>
50755      </button><input type="hidden" name="product-id" value="12770336374944" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
50756</quick-add-component>
50757
50758
50759
50760    
50761  
50762
50763</div>
50764
50765
50766
50767
50768
50769<div class="product-grid-view-zoom-out--details">
50770  
50771    <h3 class="h4">Keepsake</h3>
50772  
50773</div>
50774
50775
50776
50777
50778
50779
50780<div
50781  class="
50782    group-block
50783    
50784    group-block--height-fit
50785    group-block--width-fill
50786    border-style
50787    spacing-style
50788    size-style
50789    
50790    
50791  "
50792  style="
50793    --border-width: 1px; --border-style: none; --border-color:
50794rgb(var(--color-border-rgb) / 1.0); --border-radius:
507950px; 
50796
50797    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
50798    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
50799    
50800  "
50801  
50802  data-testid="group-block"
50803><div class="group-block__media-wrapper">
50804    
50805
50806
50807
50808    
50809  </div>
50810
50811  <div
50812    class="
50813      group-block-content
50814      
50815      layout-panel-flex
50816      layout-panel-flex--row
50817       mobile-column
50818    "
50819    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
50820
50821--gap: 12px;
50822
50823--horizontal-alignment: space-between; --vertical-alignment: flex-start;
50824--vertical-alignment-mobile: flex-start;
50825"
50826  >
50827  
50828
50829<div
50830  class="
50831    group-block
50832    
50833    group-block--height-fit
50834    group-block--width-fill
50835    border-style
50836    spacing-style
50837    size-style
50838    
50839    
50840  "
50841  style="
50842    --border-width: 1px; --border-style: none; --border-color:
50843rgb(var(--color-border-rgb) / 1.0); --border-radius:
508440px; 
50845
50846    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
50847    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
50848    
50849  "
50850  
50851  data-testid="group-block"
50852><div class="group-block__media-wrapper">
50853    
50854
50855
50856
50857    
50858  </div>
50859
50860  <div
50861    class="
50862      group-block-content
50863      
50864      layout-panel-flex
50865      layout-panel-flex--column
50866       mobile-column
50867    "
50868    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
50869
50870--gap: 0px;
50871
50872--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
50873--vertical-alignment-mobile: flex-start;
50874"
50875  >
50876  
50877  
50878  <a
50879    class="contents user-select-text"
50880    ref="productTitleLink"
50881    href="/products/bridal?variant=49160418230432"
50882  >
50883    
50884
50885
50886
50887
50888
50889
50890  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-44 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
50891    <p>Keepsake</p>
50892  </div>
50893
50894
50895
50896
50897  </a>
50898
50899
50900
50901
50902
50903<product-price
50904  class="text-block text-block--align-left text-left h5 spacing-style"
50905  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-44"
50906  data-product-id="12770336374944"
50907  style="
50908    
50909--color: var(--color-foreground);
50910    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
50911    --width: 100%;
50912  "
50913  
50914>
50915  <div ref="priceContainer">
50916  
50917    
50918    
50919
50920    
50921      <span class="price">$180.00</span>
50922    
50923
50924    
50925  
50926</div>
50927
50928  
50929</product-price>
50930
50931
50932
50933
50934
50935
50936
50937</div>
50938</div>
50939
50940
50941
50942
50943
50944
50945<div
50946  class="
50947    group-block
50948    
50949    group-block--height-fit
50950    group-block--width-fill
50951    border-style
50952    spacing-style
50953    size-style
50954    
50955    
50956  "
50957  style="
50958    --border-width: 1px; --border-style: none; --border-color:
50959rgb(var(--color-border-rgb) / 1.0); --border-radius:
509600px; 
50961
50962    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
50963    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
50964    
50965  "
50966  
50967  data-testid="group-block"
50968><div class="group-block__media-wrapper">
50969    
50970
50971
50972
50973    
50974  </div>
50975
50976  <div
50977    class="
50978      group-block-content
50979      
50980      layout-panel-flex
50981      layout-panel-flex--column
50982       mobile-column
50983    "
50984    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
50985
50986--gap: 0px;
50987
50988--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
50989--vertical-alignment-mobile: flex-start;
50990"
50991  >
50992  
50993
50994
50995
50996
50997
50998
50999
51000</div>
51001</div>
51002
51003
51004
51005
51006
51007</div>
51008</div>
51009
51010
51011
51012
51013
51014
51015  </div>
51016</product-card></product-card-link>
51017
51018
51019
51020
51021          </li>
51022        
51023          <li
51024            id="template--28980150370464__main-15614148673696"
51025            class="product-grid__item product-grid__item--45"
51026            data-page="1"
51027            data-product-id="15614148673696"
51028            ref="cards[]"
51029          >
51030            
51031
51032
51033
51034<style data-shopify>
51035  
51036</style>
51037
51038
51039<product-card-link
51040    data-product-id="15614148673696"
51041    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/IMG-6013.jpg?v=1773266986&width=500"
51042    data-product-transition="true"
51043    
51044  ><product-card
51045  class="product-card"
51046  data-product-id="15614148673696"
51047  id="product-card-ARkJhYk42RE5RUXhCT__product-card-45"
51048  data-product-transition="true"
51049  
51050  
51051>
51052  <a
51053    id="a7423af5402bf082912fc46cb89e7c30"
51054    
51055      href="/products/kin-sunglasses-for-wide-face-wide-fit-frames?variant=56766631641248"
51056    
51057    class="product-card__link"
51058    ref="productCardLink"
51059  >
51060    <span class="visually-hidden">
51061      KIN | Sunglasses for Wide Face | Wide Fit Frames
51062    </span>
51063  </a>
51064  <div
51065    class="
51066      product-card__content
51067      layout-panel-flex
51068      layout-panel-flex--column
51069      product-grid__card
51070      spacing-style
51071      border-style
51072      gap-style
51073      
51074    "
51075    style="
51076      --border-width: 1px; --border-style: none; --border-color:
51077rgb(var(--color-border-rgb) / 1.0); --border-radius:
510780px; 
51079
51080      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
51081
51082
51083
51084--horizontal-alignment: ; --vertical-alignment: ;
51085--vertical-alignment-mobile: ;
51086
51087      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
51088      --product-card-gap: 8px;
51089      --quick-add-display: none;
51090      --quick-add-mobile-display: none;
51091      --quick-add-mobile-opacity: 0;
51092      
51093      
51094      
51095      
51096    "
51097  >
51098    
51099  
51100
51101
51102
51103
51104
51105<div
51106  ref="cardGallery"
51107  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-45 spacing-style border-style card-gallery--badge-top-left"
51108  style="
51109    --border-width: 1px; --border-style: none; --border-color:
51110rgb(var(--color-border-rgb) / 1.0); --border-radius:
511110px; 
51112
51113    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
51114    --gallery-aspect-ratio: 4 / 5;
51115  "
51116  data-product-id="15614148673696"
51117  
51118    on:pointerenter="/previewImage"
51119    on:pointerleave="/resetImage"
51120  
51121  
51122    data-view-transition-to-main-product
51123  
51124  data-image-ratio="portrait"
51125  
51126>
51127    <a
51128      class="contents"
51129      ref="cardGalleryLink"
51130      href="/products/kin-sunglasses-for-wide-face-wide-fit-frames?variant=56766631641248"
51131      aria-label="KIN | Sunglasses for Wide Face | Wide Fit Frames"
51132    >
51133      <slideshow-component
51134  
51135    ref="slideshow"
51136  
51137  
51138  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
51139  
51140  initial-slide="0"
51141  
51142  
51143    infinite
51144  
51145
51146  data-generic-media-size="6"
51147>
51148  
51149  <slideshow-container ref="slideshowContainer">
51150    
51151      <slideshow-arrows
51152  position="center"
51153  
51154><button
51155  class="
51156    slideshow-control slideshow-control--previous
51157    
51158    
51159    slideshow-control--style-arrow
51160    button button-unstyled button-unstyled--transparent
51161     flip-x
51162  "
51163  
51164  aria-label="Previous slide"
51165  
51166  on:click="/previous"
51167  ref="previous"
51168>
51169  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
51170</span>
51171</button>
51172<button
51173  class="
51174    slideshow-control slideshow-control--next
51175    
51176    
51177    slideshow-control--style-arrow
51178    button button-unstyled button-unstyled--transparent
51179    
51180  "
51181  
51182  aria-label="Next slide"
51183  
51184  on:click="/next"
51185  ref="next"
51186>
51187  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
51188</span>
51189</button>
51190</slideshow-arrows>
51191
51192    
51193    
51194    <slideshow-slides
51195      tabindex="-1"
51196      ref="scroller"
51197      
51198    >
51199      <slideshow-slide
51200  ref="slides[]"
51201  aria-hidden="false"
51202  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
51203  
51204    class="product-media-container media-fit product-media-container--image"
51205  
51206  
51207  
51208  
51209    slide-id="68864761069728"
51210  
51211  
51212  
51213  
51214>
51215  
51216
51217<div
51218  class="product-media"
51219  style="--ratio: 0.6666666666666666"
51220  data-media-id="68864761069728"
51221>
51222  
51223  <img src="//www.solkyst.ca/cdn/shop/files/IMG-6013.jpg?v=1773266986&amp;width=3840" alt="KIN | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG-6013.jpg?v=1773266986&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG-6013.jpg?v=1773266986&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG-6013.jpg?v=1773266986&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG-6013.jpg?v=1773266986&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG-6013.jpg?v=1773266986&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG-6013.jpg?v=1773266986&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG-6013.jpg?v=1773266986&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG-6013.jpg?v=1773266986&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG-6013.jpg?v=1773266986&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
51224
51225  
51226</div>
51227
51228
51229
51230</slideshow-slide>
51231<slideshow-slide
51232  ref="slides[]"
51233  aria-hidden="true"
51234  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
51235  
51236    class="product-media-container media-fit product-media-container--image"
51237  
51238  
51239  
51240  
51241    slide-id="68911009431712"
51242  
51243  
51244  
51245  
51246>
51247  
51248
51249<div
51250  class="product-media"
51251  style="--ratio: 0.8"
51252  data-media-id="68911009431712"
51253>
51254  
51255  <img src="//www.solkyst.ca/cdn/shop/files/5A4F5759-32DF-4A75-9E3A-B24DA8EAC109_1_105_c.jpg?v=1773266986&amp;width=3840" alt="KIN | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/5A4F5759-32DF-4A75-9E3A-B24DA8EAC109_1_105_c.jpg?v=1773266986&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/5A4F5759-32DF-4A75-9E3A-B24DA8EAC109_1_105_c.jpg?v=1773266986&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/5A4F5759-32DF-4A75-9E3A-B24DA8EAC109_1_105_c.jpg?v=1773266986&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/5A4F5759-32DF-4A75-9E3A-B24DA8EAC109_1_105_c.jpg?v=1773266986&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/5A4F5759-32DF-4A75-9E3A-B24DA8EAC109_1_105_c.jpg?v=1773266986&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/5A4F5759-32DF-4A75-9E3A-B24DA8EAC109_1_105_c.jpg?v=1773266986&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/5A4F5759-32DF-4A75-9E3A-B24DA8EAC109_1_105_c.jpg?v=1773266986&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/5A4F5759-32DF-4A75-9E3A-B24DA8EAC109_1_105_c.jpg?v=1773266986&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/5A4F5759-32DF-4A75-9E3A-B24DA8EAC109_1_105_c.jpg?v=1773266986&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
51256
51257  
51258</div>
51259
51260
51261
51262</slideshow-slide>
51263<slideshow-slide
51264  ref="slides[]"
51265  aria-hidden="true"
51266  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
51267  
51268    class="product-media-container media-fit product-media-container--image"
51269  
51270  
51271  
51272  
51273    slide-id="68865038352544"
51274  
51275  
51276  
51277  
51278>
51279  
51280
51281<div
51282  class="product-media"
51283  style="--ratio: 0.799931833674165"
51284  data-media-id="68865038352544"
51285>
51286  
51287  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0203_copy.jpg?v=1773266986&amp;width=3840" alt="KIN | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0203_copy.jpg?v=1773266986&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0203_copy.jpg?v=1773266986&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0203_copy.jpg?v=1773266986&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0203_copy.jpg?v=1773266986&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0203_copy.jpg?v=1773266986&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0203_copy.jpg?v=1773266986&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0203_copy.jpg?v=1773266986&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0203_copy.jpg?v=1773266986&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0203_copy.jpg?v=1773266986&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
51288
51289  
51290</div>
51291
51292
51293
51294</slideshow-slide>
51295<slideshow-slide
51296  ref="slides[]"
51297  aria-hidden="true"
51298  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
51299  
51300    class="product-media-container media-fit product-media-container--image"
51301  
51302  
51303  
51304  
51305    slide-id="38462221942944"
51306  
51307  
51308  
51309  
51310>
51311  
51312
51313<div
51314  class="product-media"
51315  style="--ratio: 1.5"
51316  data-media-id="38462221942944"
51317>
51318  
51319  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=3840" alt="KIN | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=3840 3840w" width="3840" height="2560" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0082_1.jpg?v=1773688504&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
51320
51321  
51322</div>
51323
51324
51325
51326</slideshow-slide>
51327<slideshow-slide
51328  ref="slides[]"
51329  aria-hidden="true"
51330  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
51331  
51332    class="product-media-container media-fit product-media-container--image"
51333  
51334  
51335  
51336  
51337    slide-id="68927935479968"
51338  
51339  
51340  
51341  
51342>
51343  
51344
51345<div
51346  class="product-media"
51347  style="--ratio: 0.6666666666666666"
51348  data-media-id="68927935479968"
51349>
51350  
51351  <img src="//www.solkyst.ca/cdn/shop/files/4F2F0633-8F92-4937-8AF8-B04EC92DCD8B.png?v=1772837936&amp;width=3840" alt="KIN | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/4F2F0633-8F92-4937-8AF8-B04EC92DCD8B.png?v=1772837936&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/4F2F0633-8F92-4937-8AF8-B04EC92DCD8B.png?v=1772837936&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/4F2F0633-8F92-4937-8AF8-B04EC92DCD8B.png?v=1772837936&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/4F2F0633-8F92-4937-8AF8-B04EC92DCD8B.png?v=1772837936&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/4F2F0633-8F92-4937-8AF8-B04EC92DCD8B.png?v=1772837936&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/4F2F0633-8F92-4937-8AF8-B04EC92DCD8B.png?v=1772837936&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/4F2F0633-8F92-4937-8AF8-B04EC92DCD8B.png?v=1772837936&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/4F2F0633-8F92-4937-8AF8-B04EC92DCD8B.png?v=1772837936&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/4F2F0633-8F92-4937-8AF8-B04EC92DCD8B.png?v=1772837936&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
51352
51353  
51354</div>
51355
51356
51357
51358</slideshow-slide>
51359
51360    </slideshow-slides>
51361  </slideshow-container>
51362  
51363</slideshow-component>
51364
51365
51366
51367    </a>
51368  
51369  
51370    <div
51371      class="product-badges product-badges--top-left"
51372      style="
51373        --badge-border-radius: 0px;
51374        --badge-font-family: var(--font-body--family);
51374 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
51375      "
51376    ><div
51377          class="
51378            product-badges__badge product-badges__badge--rectangle
51379             color-scheme-5
51380          "
51381        >Sold out
51382</div></div>
51383    
51384      
51385
51386<quick-add-component
51387  class="quick-add color-scheme-4 "
51388  ref="quickAdd"
51389  data-product-title="KIN | Sunglasses for Wide Face | Wide Fit Frames"
51390  data-quick-add-button="choose"
51391  data-product-options-count="1"
51392>
51393  <product-form-component
51394    data-section-id="template--28980150370464__main"
51395    data-product-id="15614148673696"
51396    on:submit="/handleSubmit"
51397    class="quick-add__product-form-component"
51398  >
51399    <div
51400      class="visually-hidden"
51401      aria-live="assertive"
51402      role="status"
51403      aria-atomic="true"
51404      ref="liveRegion"
51405    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15614148673696-AVkVHRmZuS1U2YVZuU__card-gallery-45" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
51406        type="hidden"
51407        name="id"
51408        ref="variantId"
51409        value="56766631641248"
51410        
51411          disabled
51412        
51413      >
51414      <input
51415        type="hidden"
51416        name="quantity"
51417        value="1"
51418      >
51419      
51420      <add-to-cart-component
51421  ref="addToCartButtonContainer"
51422  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/IMG-6013.jpg?v=1773266986&width=100"
51423  data-add-to-cart-animation="true"
51424>
51425  <button
51426    
51427    type="submit"
51428    name="add"
51429    ref="addToCartButton"
51430    on:click="/handleClick"
51431    class="button button quick-add__button quick-add__button--add add-to-cart-button"
51432    
51433    
51434      disabled
51435    
51436  >
51437    <span
51438      class="add-to-cart-text"
51439    >
51440      
51441      <span class="add-to-cart-text__content is-visually-hidden-mobile">
51442        <span>
51443          <span>Add</span>
51444        </span>
51445      </span>
51446    </span>
51447    
51448    <span class="add-to-cart__added">
51449      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
51450  <g class="check">
51451    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
51452    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
51453  </g>
51454  <g class="burst">
51455    <g style="--index: 0;">
51456      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
51457    </g>
51458    <g style="--index: 1;">
51459      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
51460    </g>
51461    <g style="--index: 2;">
51462      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
51463    </g>
51464    <g style="--index: 3;">
51465      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
51466    </g>
51467    <g style="--index: 4;">
51468      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
51469    </g>
51470    <g style="--index: 5;">
51471      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
51472    </g>
51473    <g style="--index: 6;">
51474      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
51475    </g>
51476    <g style="--index: 7;">
51477      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
51478    </g>
51479  </g>
51480</svg>
51481</span>
51482    </span>
51483  </button>
51484</add-to-cart-component>
51485
51486
51487
51488
51489      <button
51490        class="button quick-add__button quick-add__button--choose add-to-cart-button"
51491        
51492        type="button"
51493        name="add"
51494        on:click="quick-add-component/handleClick"
51495      >
51496        <span
51497          class="add-to-cart-text quick-add__button-content"
51498        >
51499          
51500          <span
51501            aria-hidden="true"
51502            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
51503          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
51504</span>
51505          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
51506            <span>
51507              
51508              <span>
51509                Choose
51510              </span>
51511            </span>
51512          </span>
51513        </span>
51514      </button><input type="hidden" name="product-id" value="15614148673696" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
51515</quick-add-component>
51516
51517
51518
51519    
51520  
51521
51522</div>
51523
51524
51525
51526
51527
51528<div class="product-grid-view-zoom-out--details">
51529  
51530    <h3 class="h4">KIN | Sunglasses for Wide Face | Wide Fit Frames</h3>
51531  
51532</div>
51533
51534
51535
51536
51537
51538
51539<div
51540  class="
51541    group-block
51542    
51543    group-block--height-fit
51544    group-block--width-fill
51545    border-style
51546    spacing-style
51547    size-style
51548    
51549    
51550  "
51551  style="
51552    --border-width: 1px; --border-style: none; --border-color:
51553rgb(var(--color-border-rgb) / 1.0); --border-radius:
515540px; 
51555
51556    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
51557    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
51558    
51559  "
51560  
51561  data-testid="group-block"
51562><div class="group-block__media-wrapper">
51563    
51564
51565
51566
51567    
51568  </div>
51569
51570  <div
51571    class="
51572      group-block-content
51573      
51574      layout-panel-flex
51575      layout-panel-flex--row
51576       mobile-column
51577    "
51578    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
51579
51580--gap: 12px;
51581
51582--horizontal-alignment: space-between; --vertical-alignment: flex-start;
51583--vertical-alignment-mobile: flex-start;
51584"
51585  >
51586  
51587
51588<div
51589  class="
51590    group-block
51591    
51592    group-block--height-fit
51593    group-block--width-fill
51594    border-style
51595    spacing-style
51596    size-style
51597    
51598    
51599  "
51600  style="
51601    --border-width: 1px; --border-style: none; --border-color:
51602rgb(var(--color-border-rgb) / 1.0); --border-radius:
516030px; 
51604
51605    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
51606    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
51607    
51608  "
51609  
51610  data-testid="group-block"
51611><div class="group-block__media-wrapper">
51612    
51613
51614
51615
51616    
51617  </div>
51618
51619  <div
51620    class="
51621      group-block-content
51622      
51623      layout-panel-flex
51624      layout-panel-flex--column
51625       mobile-column
51626    "
51627    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
51628
51629--gap: 0px;
51630
51631--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
51632--vertical-alignment-mobile: flex-start;
51633"
51634  >
51635  
51636  
51637  <a
51638    class="contents user-select-text"
51639    ref="productTitleLink"
51640    href="/products/kin-sunglasses-for-wide-face-wide-fit-frames?variant=56766631641248"
51641  >
51642    
51643
51644
51645
51646
51647
51648
51649  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-45 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
51650    <p>KIN | Sunglasses for Wide Face | Wide Fit Frames</p>
51651  </div>
51652
51653
51654
51655
51656  </a>
51657
51658
51659
51660
51661
51662<product-price
51663  class="text-block text-block--align-left text-left h5 spacing-style"
51664  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-45"
51665  data-product-id="15614148673696"
51666  style="
51667    
51668--color: var(--color-foreground);
51669    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
51670    --width: 100%;
51671  "
51672  
51673>
51674  <div ref="priceContainer">
51675  
51676    
51677    
51678
51679    
51680      <span class="price">$205.00</span>
51681    
51682
51683    
51684  
51685</div>
51686
51687  
51688</product-price>
51689
51690
51691
51692
51693
51694
51695
51696</div>
51697</div>
51698
51699
51700
51701
51702
51703
51704<div
51705  class="
51706    group-block
51707    
51708    group-block--height-fit
51709    group-block--width-fill
51710    border-style
51711    spacing-style
51712    size-style
51713    
51714    
51715  "
51716  style="
51717    --border-width: 1px; --border-style: none; --border-color:
51718rgb(var(--color-border-rgb) / 1.0); --border-radius:
517190px; 
51720
51721    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
51722    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
51723    
51724  "
51725  
51726  data-testid="group-block"
51727><div class="group-block__media-wrapper">
51728    
51729
51730
51731
51732    
51733  </div>
51734
51735  <div
51736    class="
51737      group-block-content
51738      
51739      layout-panel-flex
51740      layout-panel-flex--column
51741       mobile-column
51742    "
51743    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
51744
51745--gap: 0px;
51746
51747--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
51748--vertical-alignment-mobile: flex-start;
51749"
51750  >
51751  
51752
51753
51754
51755
51756
51757
51758
51759</div>
51760</div>
51761
51762
51763
51764
51765
51766</div>
51767</div>
51768
51769
51770
51771
51772
51773
51774  </div>
51775</product-card></product-card-link>
51776
51777
51778
51779
51780          </li>
51781        
51782          <li
51783            id="template--28980150370464__main-12677029363872"
51784            class="product-grid__item product-grid__item--46"
51785            data-page="1"
51786            data-product-id="12677029363872"
51787            ref="cards[]"
51788          >
51789            
51790
51791
51792
51793<style data-shopify>
51794  
51795</style>
51796
51797
51798<product-card-link
51799    data-product-id="12677029363872"
51800    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/KystKit1transparent.png?v=1767207627&width=500"
51801    data-product-transition="true"
51802    
51803  ><product-card
51804  class="product-card"
51805  data-product-id="12677029363872"
51806  id="product-card-ARkJhYk42RE5RUXhCT__product-card-46"
51807  data-product-transition="true"
51808  
51809  
51810>
51811  <a
51812    id="c326a4f17b959173fe4c80e20a189398"
51813    
51814      href="/products/kyst-kit?variant=49024482115744"
51815    
51816    class="product-card__link"
51817    ref="productCardLink"
51818  >
51819    <span class="visually-hidden">
51820      Kyst Kit
51821    </span>
51822  </a>
51823  <div
51824    class="
51825      product-card__content
51826      layout-panel-flex
51827      layout-panel-flex--column
51828      product-grid__card
51829      spacing-style
51830      border-style
51831      gap-style
51832      
51833    "
51834    style="
51835      --border-width: 1px; --border-style: none; --border-color:
51836rgb(var(--color-border-rgb) / 1.0); --border-radius:
518370px; 
51838
51839      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
51840
51841
51842
51843--horizontal-alignment: ; --vertical-alignment: ;
51844--vertical-alignment-mobile: ;
51845
51846      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
51847      --product-card-gap: 8px;
51848      --quick-add-display: flex;
51849      --quick-add-mobile-display: flex;
51850      --quick-add-mobile-opacity: 1;
51851      
51852      
51853      
51854      
51855    "
51856  >
51857    
51858  
51859
51860
51861
51862
51863
51864<div
51865  ref="cardGallery"
51866  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-46 spacing-style border-style card-gallery--badge-top-left"
51867  style="
51868    --border-width: 1px; --border-style: none; --border-color:
51869rgb(var(--color-border-rgb) / 1.0); --border-radius:
518700px; 
51871
51872    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
51873    --gallery-aspect-ratio: 4 / 5;
51874  "
51875  data-product-id="12677029363872"
51876  
51877    on:pointerenter="/previewImage"
51878    on:pointerleave="/resetImage"
51879  
51880  
51881    data-view-transition-to-main-product
51882  
51883  data-image-ratio="portrait"
51884  
51885>
51886    <a
51887      class="contents"
51888      ref="cardGalleryLink"
51889      href="/products/kyst-kit?variant=49024482115744"
51890      aria-label="Kyst Kit"
51891    >
51892      <slideshow-component
51893  
51894    ref="slideshow"
51895  
51896  
51897  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;--slide-min-height: auto;--slide-min-height-desktop: auto;"
51898  
51899  initial-slide="0"
51900  
51901  
51902    infinite
51903  
51904
51905  data-generic-media-size="5"
51906>
51907  
51908  <slideshow-container ref="slideshowContainer">
51909    
51910      <slideshow-arrows
51911  position="center"
51912  
51913><button
51914  class="
51915    slideshow-control slideshow-control--previous
51916    
51917    
51918    slideshow-control--style-arrow
51919    button button-unstyled button-unstyled--transparent
51920     flip-x
51921  "
51922  
51923  aria-label="Previous slide"
51924  
51925  on:click="/previous"
51926  ref="previous"
51927>
51928  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
51929</span>
51930</button>
51931<button
51932  class="
51933    slideshow-control slideshow-control--next
51934    
51935    
51936    slideshow-control--style-arrow
51937    button button-unstyled button-unstyled--transparent
51938    
51939  "
51940  
51941  aria-label="Next slide"
51942  
51943  on:click="/next"
51944  ref="next"
51945>
51946  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
51947</span>
51948</button>
51949</slideshow-arrows>
51950
51951    
51952    
51953    <slideshow-slides
51954      tabindex="-1"
51955      ref="scroller"
51956      
51957    >
51958      <slideshow-slide
51959  ref="slides[]"
51960  aria-hidden="false"
51961  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
51962  
51963    class="product-media-container media-fit product-media-container--image"
51964  
51965  
51966  
51967  
51968    slide-id="35272428781728"
51969  
51970  
51971  
51972  
51973>
51974  
51975
51976<div
51977  class="product-media"
51978  style="--ratio: 0.6666666666666666"
51979  data-media-id="35272428781728"
51980>
51981  
51982  <img src="//www.solkyst.ca/cdn/shop/files/KystKit1transparent.png?v=1767207627&amp;width=3840" alt="Front view of Sol Kyst &quot;Kyst Kit&quot; - small black mesh bag for holding sunglasses accessories." srcset="//www.solkyst.ca/cdn/shop/files/KystKit1transparent.png?v=1767207627&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/KystKit1transparent.png?v=1767207627&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/KystKit1transparent.png?v=1767207627&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/KystKit1transparent.png?v=1767207627&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/KystKit1transparent.png?v=1767207627&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/KystKit1transparent.png?v=1767207627&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/KystKit1transparent.png?v=1767207627&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/KystKit1transparent.png?v=1767207627&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/KystKit1transparent.png?v=1767207627&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
51983
51984  
51985</div>
51986
51987
51988
51989</slideshow-slide>
51990<slideshow-slide
51991  ref="slides[]"
51992  aria-hidden="true"
51993  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
51994  
51995    class="product-media-container media-fit product-media-container--image"
51996  
51997  
51998  
51999  
52000    slide-id="34290138775712"
52001  
52002  
52003  
52004  
52005>
52006  
52007
52008<div
52009  class="product-media"
52010  style="--ratio: 1.0"
52011  data-media-id="34290138775712"
52012>
52013  
52014  <img src="//www.solkyst.ca/cdn/shop/files/D904FF91-AF6F-41E0-B996-27AECCE48144.png?v=1719351375&amp;width=3840" alt="Top view of Sol Kyst &quot;Kyst Kit&quot; and accessories. Includes lens cleaner, small screwdriver, replacement parts, and a mirror." srcset="//www.solkyst.ca/cdn/shop/files/D904FF91-AF6F-41E0-B996-27AECCE48144.png?v=1719351375&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/D904FF91-AF6F-41E0-B996-27AECCE48144.png?v=1719351375&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/D904FF91-AF6F-41E0-B996-27AECCE48144.png?v=1719351375&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/D904FF91-AF6F-41E0-B996-27AECCE48144.png?v=1719351375&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/D904FF91-AF6F-41E0-B996-27AECCE48144.png?v=1719351375&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/D904FF91-AF6F-41E0-B996-27AECCE48144.png?v=1719351375&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/D904FF91-AF6F-41E0-B996-27AECCE48144.png?v=1719351375&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/D904FF91-AF6F-41E0-B996-27AECCE48144.png?v=1719351375&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/D904FF91-AF6F-41E0-B996-27AECCE48144.png?v=1719351375&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
52015
52016  
52017</div>
52018
52019
52020
52021</slideshow-slide>
52022<slideshow-slide
52023  ref="slides[]"
52024  aria-hidden="true"
52025  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
52026  
52027    class="product-media-container media-fit product-media-container--video"
52028  
52029  
52030  
52031  
52032    slide-id="34290138742944"
52033  
52034  
52035  
52036  
52037>
52038  
52039
52040<div
52041  class="product-media"
52042  style="--ratio: 1.0"
52043  data-media-id="34290138742944"
52044>
52045  
52046  <img src="//www.solkyst.ca/cdn/shop/files/preview_images/d2055f15ab1f41d3aeced3ecb91386ff.thumbnail.0000000000.jpg?v=1714508471&amp;width=3840" alt="Promotional Video for Sol Kyst &quot;Kyst Kits&quot;, showcasing the accessories. Ends with the text &quot;Keep everything good as new&quot;." srcset="//www.solkyst.ca/cdn/shop/files/preview_images/d2055f15ab1f41d3aeced3ecb91386ff.thumbnail.0000000000.jpg?v=1714508471&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/preview_images/d2055f15ab1f41d3aeced3ecb91386ff.thumbnail.0000000000.jpg?v=1714508471&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/preview_images/d2055f15ab1f41d3aeced3ecb91386ff.thumbnail.0000000000.jpg?v=1714508471&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/preview_images/d2055f15ab1f41d3aeced3ecb91386ff.thumbnail.0000000000.jpg?v=1714508471&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/preview_images/d2055f15ab1f41d3aeced3ecb91386ff.thumbnail.0000000000.jpg?v=1714508471&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/preview_images/d2055f15ab1f41d3aeced3ecb91386ff.thumbnail.0000000000.jpg?v=1714508471&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/preview_images/d2055f15ab1f41d3aeced3ecb91386ff.thumbnail.0000000000.jpg?v=1714508471&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/preview_images/d2055f15ab1f41d3aeced3ecb91386ff.thumbnail.0000000000.jpg?v=1714508471&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/preview_images/d2055f15ab1f41d3aeced3ecb91386ff.thumbnail.0000000000.jpg?v=1714508471&amp;width=3840" fetchpriority="auto" style="--focal-point: ;">
52047
52048  
52049</div>
52050
52051
52052
52053</slideshow-slide>
52054<slideshow-slide
52055  ref="slides[]"
52056  aria-hidden="true"
52057  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
52058  
52059    class="product-media-container media-fit product-media-container--image"
52060  
52061  
52062  
52063  
52064    slide-id="35272429437088"
52065  
52066  
52067  
52068  
52069>
52070  
52071
52072<div
52073  class="product-media"
52074  style="--ratio: 1.0"
52075  data-media-id="35272429437088"
52076>
52077  
52078  <img src="//www.solkyst.ca/cdn/shop/files/KystKit2.png?v=1719351364&amp;width=3840" alt="Close up of Sol Kyst &quot;Kyst Kit&quot; accessories, including the replacement parts, mirror and lens cleaner." srcset="//www.solkyst.ca/cdn/shop/files/KystKit2.png?v=1719351364&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/KystKit2.png?v=1719351364&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/KystKit2.png?v=1719351364&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/KystKit2.png?v=1719351364&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/KystKit2.png?v=1719351364&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/KystKit2.png?v=1719351364&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/KystKit2.png?v=1719351364&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/KystKit2.png?v=1719351364&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/KystKit2.png?v=1719351364&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
52079
52080  
52081</div>
52082
52083
52084
52085</slideshow-slide>
52086<slideshow-slide
52087  ref="slides[]"
52088  aria-hidden="true"
52089  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
52090  
52091    class="product-media-container media-fit product-media-container--image"
52092  
52093  
52094  
52095  
52096    slide-id="35272430354592"
52097  
52098  
52099  
52100  
52101>
52102  
52103
52104<div
52105  class="product-media"
52106  style="--ratio: 1.0"
52107  data-media-id="35272430354592"
52108>
52109  
52110  <img src="//www.solkyst.ca/cdn/shop/files/KystKit3.png?v=1719351371&amp;width=3840" alt="Close up of replacement parts that are included with Sol Kyst &quot;Kyst Kit&quot;." srcset="//www.solkyst.ca/cdn/shop/files/KystKit3.png?v=1719351371&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/KystKit3.png?v=1719351371&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/KystKit3.png?v=1719351371&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/KystKit3.png?v=1719351371&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/KystKit3.png?v=1719351371&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/KystKit3.png?v=1719351371&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/KystKit3.png?v=1719351371&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/KystKit3.png?v=1719351371&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/KystKit3.png?v=1719351371&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
52111
52112  
52113</div>
52114
52115
52116
52117</slideshow-slide>
52118
52119    </slideshow-slides>
52120  </slideshow-container>
52121  
52122</slideshow-component>
52123
52124
52125
52126    </a>
52127  
52128  
52129    <div
52130      class="product-badges product-badges--top-left"
52131      style="
52132        --badge-border-radius: 0px;
52133        --badge-font-family: var(--font-body--family);
52133 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
52134      "
52135    ><div
52136          class="
52137            product-badges__badge product-badges__badge--rectangle
52138             color-scheme-6
52139          "
52140        >Sale
52141</div></div>
52142    
52143      
52144
52145<quick-add-component
52146  class="quick-add color-scheme-4 "
52147  ref="quickAdd"
52148  data-product-title="Kyst Kit"
52149  data-quick-add-button="add"
52150  data-product-options-count="1"
52151>
52152  <product-form-component
52153    data-section-id="template--28980150370464__main"
52154    data-product-id="12677029363872"
52155    on:submit="/handleSubmit"
52156    class="quick-add__product-form-component"
52157  >
52158    <div
52159      class="visually-hidden"
52160      aria-live="assertive"
52161      role="status"
52162      aria-atomic="true"
52163      ref="liveRegion"
52164    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-12677029363872-AVkVHRmZuS1U2YVZuU__card-gallery-46" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
52165        type="hidden"
52166        name="id"
52167        ref="variantId"
52168        value="49024482115744"
52169        
52170      >
52171      <input
52172        type="hidden"
52173        name="quantity"
52174        value="1"
52175      >
52176      
52177      <add-to-cart-component
52178  ref="addToCartButtonContainer"
52179  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/KystKit1transparent.png?v=1767207627&width=100"
52180  data-add-to-cart-animation="true"
52181>
52182  <button
52183    
52184    type="submit"
52185    name="add"
52186    ref="addToCartButton"
52187    on:click="/handleClick"
52188    class="button button quick-add__button quick-add__button--add add-to-cart-button"
52189    
52190    
52191  >
52192    <span
52193      class="add-to-cart-text"
52194    >
52195      
52196        <span
52197          aria-hidden="true"
52198          class="svg-wrapper add-to-cart-icon"
52199        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
52200</span>
52201      
52202      <span class="add-to-cart-text__content is-visually-hidden-mobile">
52203        <span>
52204          <span>Add</span>
52205        </span>
52206      </span>
52207    </span>
52208    
52209    <span class="add-to-cart__added">
52210      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
52211  <g class="check">
52212    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
52213    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
52214  </g>
52215  <g class="burst">
52216    <g style="--index: 0;">
52217      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
52218    </g>
52219    <g style="--index: 1;">
52220      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
52221    </g>
52222    <g style="--index: 2;">
52223      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
52224    </g>
52225    <g style="--index: 3;">
52226      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
52227    </g>
52228    <g style="--index: 4;">
52229      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
52230    </g>
52231    <g style="--index: 5;">
52232      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
52233    </g>
52234    <g style="--index: 6;">
52235      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
52236    </g>
52237    <g style="--index: 7;">
52238      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
52239    </g>
52240  </g>
52241</svg>
52242</span>
52243    </span>
52244  </button>
52245</add-to-cart-component>
52246
52247
52248
52249
52250      <button
52251        class="button quick-add__button quick-add__button--choose add-to-cart-button"
52252        
52253        type="button"
52254        name="add"
52255        on:click="quick-add-component/handleClick"
52256      >
52257        <span
52258          class="add-to-cart-text quick-add__button-content"
52259        >
52260          
52261          <span
52262            aria-hidden="true"
52263            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
52264          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
52265</span>
52266          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
52267            <span>
52268              
52269              <span>
52270                Choose
52271              </span>
52272            </span>
52273          </span>
52274        </span>
52275      </button><input type="hidden" name="product-id" value="12677029363872" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
52276</quick-add-component>
52277
52278
52279
52280    
52281  
52282
52283</div>
52284
52285
52286
52287
52288
52289<div class="product-grid-view-zoom-out--details">
52290  
52291    <h3 class="h4">Kyst Kit</h3>
52292  
52293</div>
52294
52295
52296
52297
52298
52299
52300<div
52301  class="
52302    group-block
52303    
52304    group-block--height-fit
52305    group-block--width-fill
52306    border-style
52307    spacing-style
52308    size-style
52309    
52310    
52311  "
52312  style="
52313    --border-width: 1px; --border-style: none; --border-color:
52314rgb(var(--color-border-rgb) / 1.0); --border-radius:
523150px; 
52316
52317    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
52318    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
52319    
52320  "
52321  
52322  data-testid="group-block"
52323><div class="group-block__media-wrapper">
52324    
52325
52326
52327
52328    
52329  </div>
52330
52331  <div
52332    class="
52333      group-block-content
52334      
52335      layout-panel-flex
52336      layout-panel-flex--row
52337       mobile-column
52338    "
52339    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
52340
52341--gap: 12px;
52342
52343--horizontal-alignment: space-between; --vertical-alignment: flex-start;
52344--vertical-alignment-mobile: flex-start;
52345"
52346  >
52347  
52348
52349<div
52350  class="
52351    group-block
52352    
52353    group-block--height-fit
52354    group-block--width-fill
52355    border-style
52356    spacing-style
52357    size-style
52358    
52359    
52360  "
52361  style="
52362    --border-width: 1px; --border-style: none; --border-color:
52363rgb(var(--color-border-rgb) / 1.0); --border-radius:
523640px; 
52365
52366    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
52367    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
52368    
52369  "
52370  
52371  data-testid="group-block"
52372><div class="group-block__media-wrapper">
52373    
52374
52375
52376
52377    
52378  </div>
52379
52380  <div
52381    class="
52382      group-block-content
52383      
52384      layout-panel-flex
52385      layout-panel-flex--column
52386       mobile-column
52387    "
52388    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
52389
52390--gap: 0px;
52391
52392--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
52393--vertical-alignment-mobile: flex-start;
52394"
52395  >
52396  
52397  
52398  <a
52399    class="contents user-select-text"
52400    ref="productTitleLink"
52401    href="/products/kyst-kit?variant=49024482115744"
52402  >
52403    
52404
52405
52406
52407
52408
52409
52410  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-46 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
52411    <p>Kyst Kit</p>
52412  </div>
52413
52414
52415
52416
52417  </a>
52418
52419
52420
52421
52422
52423<product-price
52424  class="text-block text-block--align-left text-left h5 spacing-style"
52425  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-46"
52426  data-product-id="12677029363872"
52427  style="
52428    
52429--color: var(--color-foreground);
52430    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
52431    --width: 100%;
52432  "
52433  
52434>
52435  <div ref="priceContainer">
52436  
52437    
52438    
52439
52440    
52441      <span role="group">
52442        <span class="visually-hidden">Sale price&nbsp;</span>
52443        <span class="price">$14.00</span>
52444      </span>
52445    
52446
52447    
52448      <span role="group">
52449        <span class="visually-hidden">Regular price&nbsp;</span>
52450        <span class="compare-at-price">$24.00</span>
52451      </span>
52452    
52453  
52454</div>
52455
52456  
52457</product-price>
52458
52459
52460
52461
52462
52463
52464
52465</div>
52466</div>
52467
52468
52469
52470
52471
52472
52473<div
52474  class="
52475    group-block
52476    
52477    group-block--height-fit
52478    group-block--width-fill
52479    border-style
52480    spacing-style
52481    size-style
52482    
52483    
52484  "
52485  style="
52486    --border-width: 1px; --border-style: none; --border-color:
52487rgb(var(--color-border-rgb) / 1.0); --border-radius:
524880px; 
52489
52490    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
52491    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
52492    
52493  "
52494  
52495  data-testid="group-block"
52496><div class="group-block__media-wrapper">
52497    
52498
52499
52500
52501    
52502  </div>
52503
52504  <div
52505    class="
52506      group-block-content
52507      
52508      layout-panel-flex
52509      layout-panel-flex--column
52510       mobile-column
52511    "
52512    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
52513
52514--gap: 0px;
52515
52516--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
52517--vertical-alignment-mobile: flex-start;
52518"
52519  >
52520  
52521
52522
52523
52524
52525
52526
52527
52528</div>
52529</div>
52530
52531
52532
52533
52534
52535</div>
52536</div>
52537
52538
52539
52540
52541
52542
52543  </div>
52544</product-card></product-card-link>
52545
52546
52547
52548
52549          </li>
52550        
52551          <li
52552            id="template--28980150370464__main-15159330472096"
52553            class="product-grid__item product-grid__item--47"
52554            data-page="1"
52555            data-product-id="15159330472096"
52556            ref="cards[]"
52557          >
52558            
52559
52560
52561
52562<style data-shopify>
52563  
52564</style>
52565
52566
52567<product-card-link
52568    data-product-id="15159330472096"
52569    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/IMG_0594.jpg?v=1771449722&width=500"
52570    data-product-transition="true"
52571    
52572  ><product-card
52573  class="product-card"
52574  data-product-id="15159330472096"
52575  id="product-card-ARkJhYk42RE5RUXhCT__product-card-47"
52576  data-product-transition="true"
52577  
52578  
52579>
52580  <a
52581    id="3a6bd0e3c2981173a45f733a2486c373"
52582    
52583      href="/products/leo-blue-light-rx?variant=52746480910496"
52584    
52585    class="product-card__link"
52586    ref="productCardLink"
52587  >
52588    <span class="visually-hidden">
52589      Leo Blue Light Wide Fit Glasses
52590    </span>
52591  </a>
52592  <div
52593    class="
52594      product-card__content
52595      layout-panel-flex
52596      layout-panel-flex--column
52597      product-grid__card
52598      spacing-style
52599      border-style
52600      gap-style
52601      
52602    "
52603    style="
52604      --border-width: 1px; --border-style: none; --border-color:
52605rgb(var(--color-border-rgb) / 1.0); --border-radius:
526060px; 
52607
52608      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
52609
52610
52611
52612--horizontal-alignment: ; --vertical-alignment: ;
52613--vertical-alignment-mobile: ;
52614
52615      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
52616      --product-card-gap: 8px;
52617      --quick-add-display: flex;
52618      --quick-add-mobile-display: flex;
52619      --quick-add-mobile-opacity: 1;
52620      
52621      
52622      
52623      
52624    "
52625  >
52626    
52627  
52628
52629
52630
52631
52632
52633<div
52634  ref="cardGallery"
52635  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-47 spacing-style border-style"
52636  style="
52637    --border-width: 1px; --border-style: none; --border-color:
52638rgb(var(--color-border-rgb) / 1.0); --border-radius:
526390px; 
52640
52641    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
52642    --gallery-aspect-ratio: 4 / 5;
52643  "
52644  data-product-id="15159330472096"
52645  
52646    on:pointerenter="/previewImage"
52647    on:pointerleave="/resetImage"
52648  
52649  
52650    data-view-transition-to-main-product
52651  
52652  data-image-ratio="portrait"
52653  
52654>
52655    <a
52656      class="contents"
52657      ref="cardGalleryLink"
52658      href="/products/leo-blue-light-rx?variant=52746480910496"
52659      aria-label="Leo Blue Light Wide Fit Glasses"
52660    >
52661      <slideshow-component
52662  
52663    ref="slideshow"
52664  
52665  
52666  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13;--slide-min-height: auto;--slide-min-height-desktop: auto;"
52667  
52668  initial-slide="0"
52669  
52670  
52671    infinite
52672  
52673
52674  data-generic-media-size="11"
52675>
52676  
52677  <slideshow-container ref="slideshowContainer">
52678    
52679      <slideshow-arrows
52680  position="center"
52681  
52682><button
52683  class="
52684    slideshow-control slideshow-control--previous
52685    
52686    
52687    slideshow-control--style-arrow
52688    button button-unstyled button-unstyled--transparent
52689     flip-x
52690  "
52691  
52692  aria-label="Previous slide"
52693  
52694  on:click="/previous"
52695  ref="previous"
52696>
52697  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
52698</span>
52699</button>
52700<button
52701  class="
52702    slideshow-control slideshow-control--next
52703    
52704    
52705    slideshow-control--style-arrow
52706    button button-unstyled button-unstyled--transparent
52707    
52708  "
52709  
52710  aria-label="Next slide"
52711  
52712  on:click="/next"
52713  ref="next"
52714>
52715  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
52716</span>
52717</button>
52718</slideshow-arrows>
52719
52720    
52721    
52722    <slideshow-slides
52723      tabindex="-1"
52724      ref="scroller"
52725      
52726    >
52727      <slideshow-slide
52728  ref="slides[]"
52729  aria-hidden="false"
52730  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
52731  
52732    class="product-media-container media-fit product-media-container--image"
52733  
52734  variant-image
52735  
52736  
52737    slide-id="30608247423136"
52738  
52739  
52740  
52741  variant-image
52742>
52743  
52744
52745<div
52746  class="product-media"
52747  style="--ratio: 0.6666666666666666"
52748  data-media-id="30608247423136"
52749>
52750  
52751  <img src="//www.solkyst.ca/cdn/shop/files/BrownMinimalPolaroidMultiplePhotoCollageFreeInstagramPost_6.png?v=1767207659&amp;width=3840" alt="Women&#39;s blue light glasses with clear lenses and a clear frame - front view." srcset="//www.solkyst.ca/cdn/shop/files/BrownMinimalPolaroidMultiplePhotoCollageFreeInstagramPost_6.png?v=1767207659&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/BrownMinimalPolaroidMultiplePhotoCollageFreeInstagramPost_6.png?v=1767207659&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/BrownMinimalPolaroidMultiplePhotoCollageFreeInstagramPost_6.png?v=1767207659&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/BrownMinimalPolaroidMultiplePhotoCollageFreeInstagramPost_6.png?v=1767207659&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/BrownMinimalPolaroidMultiplePhotoCollageFreeInstagramPost_6.png?v=1767207659&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/BrownMinimalPolaroidMultiplePhotoCollageFreeInstagramPost_6.png?v=1767207659&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/BrownMinimalPolaroidMultiplePhotoCollageFreeInstagramPost_6.png?v=1767207659&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/BrownMinimalPolaroidMultiplePhotoCollageFreeInstagramPost_6.png?v=1767207659&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/BrownMinimalPolaroidMultiplePhotoCollageFreeInstagramPost_6.png?v=1767207659&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
52752
52753  
52754</div>
52755
52756
52757
52758</slideshow-slide>
52759<slideshow-slide
52760  ref="slides[]"
52761  aria-hidden="true"
52762  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
52763  
52764    class="product-media-container media-fit product-media-container--image"
52765  
52766  
52767  
52768  
52769    slide-id="39218346524832"
52770  
52771  
52772  
52773  
52774>
52775  
52776
52777<div
52778  class="product-media"
52779  style="--ratio: 0.6666666666666666"
52780  data-media-id="39218346524832"
52781>
52782  
52783  <img src="//www.solkyst.ca/cdn/shop/files/Leo_BL.png?v=1771449722&amp;width=3840" alt="Leo Blue Light Wide Fit Glasses" srcset="//www.solkyst.ca/cdn/shop/files/Leo_BL.png?v=1771449722&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Leo_BL.png?v=1771449722&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Leo_BL.png?v=1771449722&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Leo_BL.png?v=1771449722&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Leo_BL.png?v=1771449722&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Leo_BL.png?v=1771449722&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Leo_BL.png?v=1771449722&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Leo_BL.png?v=1771449722&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Leo_BL.png?v=1771449722&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
52784
52785  
52786</div>
52787
52788
52789
52790</slideshow-slide>
52791<slideshow-slide
52792  ref="slides[]"
52793  aria-hidden="true"
52794  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
52795  
52796    class="product-media-container media-fit product-media-container--image"
52797  
52798  
52799  
52800  
52801    slide-id="38108909633696"
52802  
52803  
52804  
52805  
52806>
52807  
52808
52809<div
52810  class="product-media"
52811  style="--ratio: 0.800198478332782"
52812  data-media-id="38108909633696"
52813>
52814  
52815  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0600.jpg?v=1771449722&amp;width=3840" alt="Leo Blue Light Wide Fit Glasses" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0600.jpg?v=1771449722&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0600.jpg?v=1771449722&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0600.jpg?v=1771449722&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0600.jpg?v=1771449722&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0600.jpg?v=1771449722&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0600.jpg?v=1771449722&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0600.jpg?v=1771449722&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0600.jpg?v=1771449722&amp;width=3840 3840w" width="3840" height="4799" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0600.jpg?v=1771449722&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
52816
52817  
52818</div>
52819
52820
52821
52822</slideshow-slide>
52823<slideshow-slide
52824  ref="slides[]"
52825  aria-hidden="true"
52826  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
52827  
52828    class="product-media-container media-fit product-media-container--image"
52829  
52830  variant-image
52831  
52832  
52833    slide-id="38126751645856"
52834  
52835  
52836    hidden
52837  
52838  
52839  variant-image
52840>
52841  
52842
52843<div
52844  class="product-media"
52845  style="--ratio: 0.799878897971541"
52846  data-media-id="38126751645856"
52847>
52848  
52849  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0594.jpg?v=1771449722&amp;width=3840" alt="Leo Blue Light Wide Fit Glasses" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0594.jpg?v=1771449722&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0594.jpg?v=1771449722&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0594.jpg?v=1771449722&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0594.jpg?v=1771449722&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0594.jpg?v=1771449722&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0594.jpg?v=1771449722&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0594.jpg?v=1771449722&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0594.jpg?v=1771449722&amp;width=3840 3840w" width="3840" height="4801" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0594.jpg?v=1771449722&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
52850
52851  
52852</div>
52853
52854
52855
52856</slideshow-slide>
52857<slideshow-slide
52858  ref="slides[]"
52859  aria-hidden="true"
52860  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
52861  
52862    class="product-media-container media-fit product-media-container--image"
52863  
52864  
52865  
52866  
52867    slide-id="38108818440352"
52868  
52869  
52870  
52871  
52872>
52873  
52874
52875<div
52876  class="product-media"
52877  style="--ratio: 0.7999381570810142"
52878  data-media-id="38108818440352"
52879>
52880  
52881  <img src="//www.solkyst.ca/cdn/shop/files/IMG_1305.jpg?v=1771449722&amp;width=3840" alt="Leo Blue Light Wide Fit Glasses" srcset="//www.solkyst.ca/cdn/shop/files/IMG_1305.jpg?v=1771449722&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_1305.jpg?v=1771449722&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_1305.jpg?v=1771449722&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_1305.jpg?v=1771449722&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_1305.jpg?v=1771449722&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_1305.jpg?v=1771449722&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_1305.jpg?v=1771449722&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_1305.jpg?v=1771449722&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_1305.jpg?v=1771449722&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
52882
52883  
52884</div>
52885
52886
52887
52888</slideshow-slide>
52889<slideshow-slide
52890  ref="slides[]"
52891  aria-hidden="true"
52892  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
52893  
52894    class="product-media-container media-fit product-media-container--image"
52895  
52896  
52897  
52898  
52899    slide-id="36118475767968"
52900  
52901  
52902  
52903  
52904>
52905  
52906
52907<div
52908  class="product-media"
52909  style="--ratio: 0.7777777777777778"
52910  data-media-id="36118475767968"
52911>
52912  
52913  <img src="//www.solkyst.ca/cdn/shop/files/IMG_6784-Enhanced-NR.jpg?v=1771449722&amp;width=3840" alt="Three women&#39;s blue light glasses with clear lenses and clear frames with gold accents." srcset="//www.solkyst.ca/cdn/shop/files/IMG_6784-Enhanced-NR.jpg?v=1771449722&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_6784-Enhanced-NR.jpg?v=1771449722&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_6784-Enhanced-NR.jpg?v=1771449722&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_6784-Enhanced-NR.jpg?v=1771449722&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_6784-Enhanced-NR.jpg?v=1771449722&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_6784-Enhanced-NR.jpg?v=1771449722&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_6784-Enhanced-NR.jpg?v=1771449722&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_6784-Enhanced-NR.jpg?v=1771449722&amp;width=3840 3840w" width="3840" height="4937" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_6784-Enhanced-NR.jpg?v=1771449722&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
52914
52915  
52916</div>
52917
52918
52919
52920</slideshow-slide>
52921
52922    </slideshow-slides>
52923  </slideshow-container>
52924  
52925</slideshow-component>
52926
52927
52928
52929    </a>
52930  
52931  
52932    <div
52933      class="product-badges product-badges--top-left"
52934      style="
52935        --badge-border-radius: 0px;
52936        --badge-font-family: var(--font-body--family);
52936 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
52937      "
52938    ></div>
52939    
52940      
52941
52942<quick-add-component
52943  class="quick-add color-scheme-4 "
52944  ref="quickAdd"
52945  data-product-title="Leo Blue Light Wide Fit Glasses"
52946  data-quick-add-button="choose"
52947  data-product-options-count="2"
52948>
52949  <product-form-component
52950    data-section-id="template--28980150370464__main"
52951    data-product-id="15159330472096"
52952    on:submit="/handleSubmit"
52953    class="quick-add__product-form-component"
52954  >
52955    <div
52956      class="visually-hidden"
52957      aria-live="assertive"
52958      role="status"
52959      aria-atomic="true"
52960      ref="liveRegion"
52961    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-15159330472096-AVkVHRmZuS1U2YVZuU__card-gallery-47" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
52962        type="hidden"
52963        name="id"
52964        ref="variantId"
52965        value="52746480910496"
52966        
52967      >
52968      <input
52969        type="hidden"
52970        name="quantity"
52971        value="1"
52972      >
52973      
52974      <add-to-cart-component
52975  ref="addToCartButtonContainer"
52976  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/IMG_0594.jpg?v=1771449722&width=100"
52977  data-add-to-cart-animation="true"
52978>
52979  <button
52980    
52981    type="submit"
52982    name="add"
52983    ref="addToCartButton"
52984    on:click="/handleClick"
52985    class="button button quick-add__button quick-add__button--add add-to-cart-button"
52986    
52987    
52988  >
52989    <span
52990      class="add-to-cart-text"
52991    >
52992      
52993        <span
52994          aria-hidden="true"
52995          class="svg-wrapper add-to-cart-icon"
52996        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
52997</span>
52998      
52999      <span class="add-to-cart-text__content is-visually-hidden-mobile">
53000        <span>
53001          <span>Add</span>
53002        </span>
53003      </span>
53004    </span>
53005    
53006    <span class="add-to-cart__added">
53007      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
53008  <g class="check">
53009    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
53010    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
53011  </g>
53012  <g class="burst">
53013    <g style="--index: 0;">
53014      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
53015    </g>
53016    <g style="--index: 1;">
53017      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
53018    </g>
53019    <g style="--index: 2;">
53020      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
53021    </g>
53022    <g style="--index: 3;">
53023      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
53024    </g>
53025    <g style="--index: 4;">
53026      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
53027    </g>
53028    <g style="--index: 5;">
53029      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
53030    </g>
53031    <g style="--index: 6;">
53032      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
53033    </g>
53034    <g style="--index: 7;">
53035      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
53036    </g>
53037  </g>
53038</svg>
53039</span>
53040    </span>
53041  </button>
53042</add-to-cart-component>
53043
53044
53045
53046
53047      <button
53048        class="button quick-add__button quick-add__button--choose add-to-cart-button"
53049        
53050        type="button"
53051        name="add"
53052        on:click="quick-add-component/handleClick"
53053      >
53054        <span
53055          class="add-to-cart-text quick-add__button-content"
53056        >
53057          
53058          <span
53059            aria-hidden="true"
53060            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
53061          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
53062</span>
53063          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
53064            <span>
53065              
53066              <span>
53067                Choose
53068              </span>
53069            </span>
53070          </span>
53071        </span>
53072      </button><input type="hidden" name="product-id" value="15159330472096" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
53073</quick-add-component>
53074
53075
53076
53077    
53078  
53079
53080</div>
53081
53082
53083
53084
53085
53086<div class="product-grid-view-zoom-out--details">
53087  
53088    <h3 class="h4">Leo Blue Light Wide Fit Glasses</h3>
53089  
53090</div>
53091
53092
53093
53094
53095
53096
53097<div
53098  class="
53099    group-block
53100    
53101    group-block--height-fit
53102    group-block--width-fill
53103    border-style
53104    spacing-style
53105    size-style
53106    
53107    
53108  "
53109  style="
53110    --border-width: 1px; --border-style: none; --border-color:
53111rgb(var(--color-border-rgb) / 1.0); --border-radius:
531120px; 
53113
53114    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
53115    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
53116    
53117  "
53118  
53119  data-testid="group-block"
53120><div class="group-block__media-wrapper">
53121    
53122
53123
53124
53125    
53126  </div>
53127
53128  <div
53129    class="
53130      group-block-content
53131      
53132      layout-panel-flex
53133      layout-panel-flex--row
53134       mobile-column
53135    "
53136    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
53137
53138--gap: 12px;
53139
53140--horizontal-alignment: space-between; --vertical-alignment: flex-start;
53141--vertical-alignment-mobile: flex-start;
53142"
53143  >
53144  
53145
53146<div
53147  class="
53148    group-block
53149    
53150    group-block--height-fit
53151    group-block--width-fill
53152    border-style
53153    spacing-style
53154    size-style
53155    
53156    
53157  "
53158  style="
53159    --border-width: 1px; --border-style: none; --border-color:
53160rgb(var(--color-border-rgb) / 1.0); --border-radius:
531610px; 
53162
53163    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
53164    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
53165    
53166  "
53167  
53168  data-testid="group-block"
53169><div class="group-block__media-wrapper">
53170    
53171
53172
53173
53174    
53175  </div>
53176
53177  <div
53178    class="
53179      group-block-content
53180      
53181      layout-panel-flex
53182      layout-panel-flex--column
53183       mobile-column
53184    "
53185    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
53186
53187--gap: 0px;
53188
53189--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
53190--vertical-alignment-mobile: flex-start;
53191"
53192  >
53193  
53194  
53195  <a
53196    class="contents user-select-text"
53197    ref="productTitleLink"
53198    href="/products/leo-blue-light-rx?variant=52746480910496"
53199  >
53200    
53201
53202
53203
53204
53205
53206
53207  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-47 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
53208    <p>Leo Blue Light Wide Fit Glasses</p>
53209  </div>
53210
53211
53212
53213
53214  </a>
53215
53216
53217
53218
53219
53220<product-price
53221  class="text-block text-block--align-left text-left h5 spacing-style"
53222  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-47"
53223  data-product-id="15159330472096"
53224  style="
53225    
53226--color: var(--color-foreground);
53227    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
53228    --width: 100%;
53229  "
53230  
53231>
53232  <div ref="priceContainer">
53233  
53234    
53235    
53236
53237    
53238      <span class="price">$160.00</span>
53239    
53240
53241    
53242  
53243</div>
53244
53245  
53246</product-price>
53247
53248
53249
53250
53251
53252
53253
53254</div>
53255</div>
53256
53257
53258
53259
53260
53261
53262<div
53263  class="
53264    group-block
53265    
53266    group-block--height-fit
53267    group-block--width-fill
53268    border-style
53269    spacing-style
53270    size-style
53271    
53272    
53273  "
53274  style="
53275    --border-width: 1px; --border-style: none; --border-color:
53276rgb(var(--color-border-rgb) / 1.0); --border-radius:
532770px; 
53278
53279    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
53280    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
53281    
53282  "
53283  
53284  data-testid="group-block"
53285><div class="group-block__media-wrapper">
53286    
53287
53288
53289
53290    
53291  </div>
53292
53293  <div
53294    class="
53295      group-block-content
53296      
53297      layout-panel-flex
53298      layout-panel-flex--column
53299       mobile-column
53300    "
53301    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
53302
53303--gap: 0px;
53304
53305--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
53306--vertical-alignment-mobile: flex-start;
53307"
53308  >
53309  
53310
53311
53312
53313
53314
53315
53316
53317</div>
53318</div>
53319
53320
53321
53322
53323
53324</div>
53325</div>
53326
53327
53328
53329
53330
53331
53332  </div>
53333</product-card></product-card-link>
53334
53335
53336
53337
53338          </li>
53339        
53340          <li
53341            id="template--28980150370464__main-11965980344480"
53342            class="product-grid__item product-grid__item--48"
53343            data-page="1"
53344            data-product-id="11965980344480"
53345            ref="cards[]"
53346          >
53347            
53348
53349
53350
53351<style data-shopify>
53352  
53353</style>
53354
53355
53356<product-card-link
53357    data-product-id="11965980344480"
53358    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/IMG_1576.jpg?v=1767377784&width=500"
53359    data-product-transition="true"
53360    
53361  ><product-card
53362  class="product-card"
53363  data-product-id="11965980344480"
53364  id="product-card-ARkJhYk42RE5RUXhCT__product-card-48"
53365  data-product-transition="true"
53366  
53367  
53368>
53369  <a
53370    id="8dbafaa587665fe24fe6d1f12bb6d4cb"
53371    
53372      href="/products/logan?variant=48119997366432"
53373    
53374    class="product-card__link"
53375    ref="productCardLink"
53376  >
53377    <span class="visually-hidden">
53378      LOGAN | Sunglasses for Wide Face | Wide Fit Frames
53379    </span>
53380  </a>
53381  <div
53382    class="
53383      product-card__content
53384      layout-panel-flex
53385      layout-panel-flex--column
53386      product-grid__card
53387      spacing-style
53388      border-style
53389      gap-style
53390      
53391    "
53392    style="
53393      --border-width: 1px; --border-style: none; --border-color:
53394rgb(var(--color-border-rgb) / 1.0); --border-radius:
533950px; 
53396
53397      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
53398
53399
53400
53401--horizontal-alignment: ; --vertical-alignment: ;
53402--vertical-alignment-mobile: ;
53403
53404      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
53405      --product-card-gap: 8px;
53406      --quick-add-display: flex;
53407      --quick-add-mobile-display: flex;
53408      --quick-add-mobile-opacity: 1;
53409      
53410      
53411      
53412      
53413    "
53414  >
53415    
53416  
53417
53418
53419
53420
53421
53422<div
53423  ref="cardGallery"
53424  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-48 spacing-style border-style"
53425  style="
53426    --border-width: 1px; --border-style: none; --border-color:
53427rgb(var(--color-border-rgb) / 1.0); --border-radius:
534280px; 
53429
53430    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
53431    --gallery-aspect-ratio: 4 / 5;
53432  "
53433  data-product-id="11965980344480"
53434  
53435    on:pointerenter="/previewImage"
53436    on:pointerleave="/resetImage"
53437  
53438  
53439    data-view-transition-to-main-product
53440  
53441  data-image-ratio="portrait"
53442  
53443>
53444    <a
53445      class="contents"
53446      ref="cardGalleryLink"
53447      href="/products/logan?variant=48119997366432"
53448      aria-label="LOGAN | Sunglasses for Wide Face | Wide Fit Frames"
53449    >
53450      <slideshow-component
53451  
53452    ref="slideshow"
53453  
53454  
53455  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
53456  
53457  initial-slide="0"
53458  
53459  
53460    infinite
53461  
53462
53463  data-generic-media-size="5"
53464>
53465  
53466  <slideshow-container ref="slideshowContainer">
53467    
53468      <slideshow-arrows
53469  position="center"
53470  
53471><button
53472  class="
53473    slideshow-control slideshow-control--previous
53474    
53475    
53476    slideshow-control--style-arrow
53477    button button-unstyled button-unstyled--transparent
53478     flip-x
53479  "
53480  
53481  aria-label="Previous slide"
53482  
53483  on:click="/previous"
53484  ref="previous"
53485>
53486  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
53487</span>
53488</button>
53489<button
53490  class="
53491    slideshow-control slideshow-control--next
53492    
53493    
53494    slideshow-control--style-arrow
53495    button button-unstyled button-unstyled--transparent
53496    
53497  "
53498  
53499  aria-label="Next slide"
53500  
53501  on:click="/next"
53502  ref="next"
53503>
53504  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
53505</span>
53506</button>
53507</slideshow-arrows>
53508
53509    
53510    
53511    <slideshow-slides
53512      tabindex="-1"
53513      ref="scroller"
53514      
53515    >
53516      <slideshow-slide
53517  ref="slides[]"
53518  aria-hidden="false"
53519  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
53520  
53521    class="product-media-container media-fit product-media-container--image"
53522  
53523  
53524  
53525  
53526    slide-id="31771128791200"
53527  
53528  
53529  
53530  
53531>
53532  
53533
53534<div
53535  class="product-media"
53536  style="--ratio: 0.6666666666666666"
53537  data-media-id="31771128791200"
53538>
53539  
53540  <img src="//www.solkyst.ca/cdn/shop/files/Untitleddesign_3.png?v=1767207211&amp;width=3840" alt="Front view of Sol Kyst women&#39;s aviator sunglasses with silver frames and dark polarized lenses - front view." srcset="//www.solkyst.ca/cdn/shop/files/Untitleddesign_3.png?v=1767207211&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_3.png?v=1767207211&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_3.png?v=1767207211&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_3.png?v=1767207211&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_3.png?v=1767207211&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_3.png?v=1767207211&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_3.png?v=1767207211&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_3.png?v=1767207211&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Untitleddesign_3.png?v=1767207211&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
53541
53542  
53543</div>
53544
53545
53546
53547</slideshow-slide>
53548<slideshow-slide
53549  ref="slides[]"
53550  aria-hidden="true"
53551  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
53552  
53553    class="product-media-container media-fit product-media-container--image"
53554  
53555  
53556  
53557  
53558    slide-id="38875013251232"
53559  
53560  
53561  
53562  
53563>
53564  
53565
53566<div
53567  class="product-media"
53568  style="--ratio: 0.6666666666666666"
53569  data-media-id="38875013251232"
53570>
53571  
53572  <img src="//www.solkyst.ca/cdn/shop/files/Untitleddesign_3_0ee07fb5-4d08-4949-a0a5-9147589a05c1.png?v=1767377784&amp;width=3840" alt="Aviator sunglasses with dark lenses on a beige background" srcset="//www.solkyst.ca/cdn/shop/files/Untitleddesign_3_0ee07fb5-4d08-4949-a0a5-9147589a05c1.png?v=1767377784&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_3_0ee07fb5-4d08-4949-a0a5-9147589a05c1.png?v=1767377784&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_3_0ee07fb5-4d08-4949-a0a5-9147589a05c1.png?v=1767377784&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_3_0ee07fb5-4d08-4949-a0a5-9147589a05c1.png?v=1767377784&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_3_0ee07fb5-4d08-4949-a0a5-9147589a05c1.png?v=1767377784&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_3_0ee07fb5-4d08-4949-a0a5-9147589a05c1.png?v=1767377784&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_3_0ee07fb5-4d08-4949-a0a5-9147589a05c1.png?v=1767377784&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_3_0ee07fb5-4d08-4949-a0a5-9147589a05c1.png?v=1767377784&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Untitleddesign_3_0ee07fb5-4d08-4949-a0a5-9147589a05c1.png?v=1767377784&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
53573
53574  
53575</div>
53576
53577
53578
53579</slideshow-slide>
53580<slideshow-slide
53581  ref="slides[]"
53582  aria-hidden="true"
53583  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
53584  
53585    class="product-media-container media-fit product-media-container--image"
53586  
53587  variant-image
53588  
53589  
53590    slide-id="38108841771168"
53591  
53592  
53593    hidden
53594  
53595  
53596  variant-image
53597>
53598  
53599
53600<div
53601  class="product-media"
53602  style="--ratio: 0.8"
53603  data-media-id="38108841771168"
53604>
53605  
53606  <img src="//www.solkyst.ca/cdn/shop/files/IMG_1576.jpg?v=1767377784&amp;width=3840" alt="LOGAN | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_1576.jpg?v=1767377784&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_1576.jpg?v=1767377784&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_1576.jpg?v=1767377784&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_1576.jpg?v=1767377784&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_1576.jpg?v=1767377784&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_1576.jpg?v=1767377784&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_1576.jpg?v=1767377784&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_1576.jpg?v=1767377784&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_1576.jpg?v=1767377784&amp;width=3840" fetchpriority="auto" style="--focal-point: 44.3302% 30.5816%;">
53607
53608  
53609</div>
53610
53611
53612
53613</slideshow-slide>
53614<slideshow-slide
53615  ref="slides[]"
53616  aria-hidden="true"
53617  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
53618  
53619    class="product-media-container media-fit product-media-container--image"
53620  
53621  
53622  
53623  
53624    slide-id="32384344752288"
53625  
53626  
53627  
53628  
53629>
53630  
53631
53632<div
53633  class="product-media"
53634  style="--ratio: 1.0"
53635  data-media-id="32384344752288"
53636>
53637  
53638  <img src="//www.solkyst.ca/cdn/shop/files/Aviators1_f18b2c82-c2ab-4d97-85a1-250
53638564032ba0.jpg?v=1767377784&amp;width=3840" alt="Close-up of three Sol Kyst women&#39;s aviator sunglasses in black, silver, and gold frames with dark polarized lenses, arranged on a white surface." srcset="//www.solkyst.ca/cdn/shop/files/Aviators1_f18b2c82-c2ab-4d97-85a1-250564032ba0.jpg?v=1767377784&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Aviators1_f18b2c82-c2ab-4d97-85a1-250564032ba0.jpg?v=1767377784&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Aviators1_f18b2c82-c2ab-4d97-85a1-250564032ba0.jpg?v=1767377784&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Aviators1_f18b2c82-c2ab-4d97-85a1-250564032ba0.jpg?v=1767377784&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Aviators1_f18b2c82-c2ab-4d97-85a1-250564032ba0.jpg?v=1767377784&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Aviators1_f18b2c82-c2ab-4d97-85a1-250564032ba0.jpg?v=1767377784&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Aviators1_f18b2c82-c2ab-4d97-85a1-250564032ba0.jpg?v=1767377784&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Aviators1_f18b2c82-c2ab-4d97-85a1-250
53638564032ba0.jpg?v=1767377784&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Aviators1_f18b2c82-c2ab-4d97-85a1-250564032ba0.jpg?v=1767377784&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
53639
53640  
53641</div>
53642
53643
53644
53645</slideshow-slide>
53646<slideshow-slide
53647  ref="slides[]"
53648  aria-hidden="true"
53649  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
53650  
53651    class="product-media-container media-fit product-media-container--image"
53652  
53653  
53654  
53655  
53656    slide-id="32384305037472"
53657  
53658  
53659  
53660  
53661>
53662  
53663
53664<div
53665  class="product-media"
53666  style="--ratio: 1.0"
53667  data-media-id="32384305037472"
53668>
53669  
53670  <img src="//www.solkyst.ca/cdn/shop/files/Logan.jpg?v=1767377784&amp;width=3840" alt="Sol Kyst women&#39;s aviator sunglasses shown in four angles, featuring silver frames, dark polarized lenses, and a black presentation box with case." srcset="//www.solkyst.ca/cdn/shop/files/Logan.jpg?v=1767377784&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Logan.jpg?v=1767377784&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Logan.jpg?v=1767377784&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Logan.jpg?v=1767377784&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Logan.jpg?v=1767377784&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Logan.jpg?v=1767377784&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Logan.jpg?v=1767377784&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Logan.jpg?v=1767377784&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Logan.jpg?v=1767377784&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
53671
53672  
53673</div>
53674
53675
53676
53677</slideshow-slide>
53678<slideshow-slide
53679  ref="slides[]"
53680  aria-hidden="true"
53681  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
53682  
53683    class="product-media-container media-fit product-media-container--image"
53684  
53685  
53686  
53687  
53688    slide-id="69363639877792"
53689  
53690  
53691  
53692  
53693>
53694  
53695
53696<div
53697  class="product-media"
53698  style="--ratio: 0.8"
53699  data-media-id="69363639877792"
53700>
53701  
53702  <img src="//www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=3840" alt="LOGAN | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
53703
53704  
53705</div>
53706
53707
53708
53709</slideshow-slide>
53710
53711    </slideshow-slides>
53712  </slideshow-container>
53713  
53714</slideshow-component>
53715
53716
53717
53718    </a>
53719  
53720  
53721    <div
53722      class="product-badges product-badges--top-left"
53723      style="
53724        --badge-border-radius: 0px;
53725        --badge-font-family: var(--font-body--family);
53725 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
53726      "
53727    ></div>
53728    
53729      
53730
53731<quick-add-component
53732  class="quick-add color-scheme-4 "
53733  ref="quickAdd"
53734  data-product-title="LOGAN | Sunglasses for Wide Face | Wide Fit Frames"
53735  data-quick-add-button="add"
53736  data-product-options-count="1"
53737>
53738  <product-form-component
53739    data-section-id="template--28980150370464__main"
53740    data-product-id="11965980344480"
53741    on:submit="/handleSubmit"
53742    class="quick-add__product-form-component"
53743  >
53744    <div
53745      class="visually-hidden"
53746      aria-live="assertive"
53747      role="status"
53748      aria-atomic="true"
53749      ref="liveRegion"
53750    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-11965980344480-AVkVHRmZuS1U2YVZuU__card-gallery-48" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
53751        type="hidden"
53752        name="id"
53753        ref="variantId"
53754        value="48119997366432"
53755        
53756      >
53757      <input
53758        type="hidden"
53759        name="quantity"
53760        value="1"
53761      >
53762      
53763      <add-to-cart-component
53764  ref="addToCartButtonContainer"
53765  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/IMG_1576.jpg?v=1767377784&width=100"
53766  data-add-to-cart-animation="true"
53767>
53768  <button
53769    
53770    type="submit"
53771    name="add"
53772    ref="addToCartButton"
53773    on:click="/handleClick"
53774    class="button button quick-add__button quick-add__button--add add-to-cart-button"
53775    
53776    
53777  >
53778    <span
53779      class="add-to-cart-text"
53780    >
53781      
53782        <span
53783          aria-hidden="true"
53784          class="svg-wrapper add-to-cart-icon"
53785        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
53786</span>
53787      
53788      <span class="add-to-cart-text__content is-visually-hidden-mobile">
53789        <span>
53790          <span>Add</span>
53791        </span>
53792      </span>
53793    </span>
53794    
53795    <span class="add-to-cart__added">
53796      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
53797  <g class="check">
53798    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
53799    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
53800  </g>
53801  <g class="burst">
53802    <g style="--index: 0;">
53803      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
53804    </g>
53805    <g style="--index: 1;">
53806      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
53807    </g>
53808    <g style="--index: 2;">
53809      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
53810    </g>
53811    <g style="--index: 3;">
53812      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
53813    </g>
53814    <g style="--index: 4;">
53815      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
53816    </g>
53817    <g style="--index: 5;">
53818      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
53819    </g>
53820    <g style="--index: 6;">
53821      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
53822    </g>
53823    <g style="--index: 7;">
53824      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
53825    </g>
53826  </g>
53827</svg>
53828</span>
53829    </span>
53830  </button>
53831</add-to-cart-component>
53832
53833
53834
53835
53836      <button
53837        class="button quick-add__button quick-add__button--choose add-to-cart-button"
53838        
53839        type="button"
53840        name="add"
53841        on:click="quick-add-component/handleClick"
53842      >
53843        <span
53844          class="add-to-cart-text quick-add__button-content"
53845        >
53846          
53847          <span
53848            aria-hidden="true"
53849            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
53850          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
53851</span>
53852          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
53853            <span>
53854              
53855              <span>
53856                Choose
53857              </span>
53858            </span>
53859          </span>
53860        </span>
53861      </button>
53861<input type="hidden" name="product-id" value="11965980344480" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
53862</quick-add-component>
53863
53864
53865
53866    
53867  
53868
53869</div>
53870
53871
53872
53873
53874
53875<div class="product-grid-view-zoom-out--details">
53876  
53877    <h3 class="h4">LOGAN | Sunglasses for Wide Face | Wide Fit Frames</h3>
53878  
53879</div>
53880
53881
53882
53883
53884
53885
53886<div
53887  class="
53888    group-block
53889    
53890    group-block--height-fit
53891    group-block--width-fill
53892    border-style
53893    spacing-style
53894    size-style
53895    
53896    
53897  "
53898  style="
53899    --border-width: 1px; --border-style: none; --border-color:
53900rgb(var(--color-border-rgb) / 1.0); --border-radius:
539010px; 
53902
53903    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
53904    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
53905    
53906  "
53907  
53908  data-testid="group-block"
53909><div class="group-block__media-wrapper">
53910    
53911
53912
53913
53914    
53915  </div>
53916
53917  <div
53918    class="
53919      group-block-content
53920      
53921      layout-panel-flex
53922      layout-panel-flex--row
53923       mobile-column
53924    "
53925    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
53926
53927--gap: 12px;
53928
53929--horizontal-alignment: space-between; --vertical-alignment: flex-start;
53930--vertical-alignment-mobile: flex-start;
53931"
53932  >
53933  
53934
53935<div
53936  class="
53937    group-block
53938    
53939    group-block--height-fit
53940    group-block--width-fill
53941    border-style
53942    spacing-style
53943    size-style
53944    
53945    
53946  "
53947  style="
53948    --border-width: 1px; --border-style: none; --border-color:
53949rgb(var(--color-border-rgb) / 1.0); --border-radius:
539500px; 
53951
53952    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
53953    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
53954    
53955  "
53956  
53957  data-testid="group-block"
53958><div class="group-block__media-wrapper">
53959    
53960
53961
53962
53963    
53964  </div>
53965
53966  <div
53967    class="
53968      group-block-content
53969      
53970      layout-panel-flex
53971      layout-panel-flex--column
53972       mobile-column
53973    "
53974    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
53975
53976--gap: 0px;
53977
53978--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
53979--vertical-alignment-mobile: flex-start;
53980"
53981  >
53982  
53983  
53984  <a
53985    class="contents user-select-text"
53986    ref="productTitleLink"
53987    href="/products/logan?variant=48119997366432"
53988  >
53989    
53990
53991
53992
53993
53994
53995
53996  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-48 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
53997    <p>LOGAN | Sunglasses for Wide Face | Wide Fit Frames</p>
53998  </div>
53999
54000
54001
54002
54003  </a>
54004
54005
54006
54007
54008
54009<product-price
54010  class="text-block text-block--align-left text-left h5 spacing-style"
54011  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-48"
54012  data-product-id="11965980344480"
54013  style="
54014    
54015--color: var(--color-foreground);
54016    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
54017    --width: 100%;
54018  "
54019  
54020>
54021  <div ref="priceContainer">
54022  
54023    
54024    
54025
54026    
54027      <span class="price">$180.00</span>
54028    
54029
54030    
54031  
54032</div>
54033
54034  
54035</product-price>
54036
54037
54038
54039
54040
54041
54042
54043</div>
54044</div>
54045
54046
54047
54048
54049
54050
54051<div
54052  class="
54053    group-block
54054    
54055    group-block--height-fit
54056    group-block--width-fill
54057    border-style
54058    spacing-style
54059    size-style
54060    
54061    
54062  "
54063  style="
54064    --border-width: 1px; --border-style: none; --border-color:
54065rgb(var(--color-border-rgb) / 1.0); --border-radius:
540660px; 
54067
54068    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
54069    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
54070    
54071  "
54072  
54073  data-testid="group-block"
54074><div class="group-block__media-wrapper">
54075    
54076
54077
54078
54079    
54080  </div>
54081
54082  <div
54083    class="
54084      group-block-content
54085      
54086      layout-panel-flex
54087      layout-panel-flex--column
54088       mobile-column
54089    "
54090    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
54091
54092--gap: 0px;
54093
54094--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
54095--vertical-alignment-mobile: flex-start;
54096"
54097  >
54098  
54099
54100
54101
54102
54103
54104
54105
54106</div>
54107</div>
54108
54109
54110
54111
54112
54113</div>
54114</div>
54115
54116
54117
54118
54119
54120
54121  </div>
54122</product-card></product-card-link>
54123
54124
54125
54126
54127          </li>
54128        
54129          <li
54130            id="template--28980150370464__main-12758993993888"
54131            class="product-grid__item product-grid__item--49"
54132            data-page="1"
54133            data-product-id="12758993993888"
54134            ref="cards[]"
54135          >
54136            
54137
54138
54139
54140<style data-shopify>
54141  
54142</style>
54143
54144
54145<product-card-link
54146    data-product-id="12758993993888"
54147    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/Maiagrid_2.jpg?v=1767639088&width=500"
54148    data-product-transition="true"
54149    
54150  ><product-card
54151  class="product-card"
54152  data-product-id="12758993993888"
54153  id="product-card-ARkJhYk42RE5RUXhCT__product-card-49"
54154  data-product-transition="true"
54155  
54156  
54157>
54158  <a
54159    id="321125fde29fb934ac2344b48176b077"
54160    
54161      href="/products/maia?variant=49144898027680"
54162    
54163    class="product-card__link"
54164    ref="productCardLink"
54165  >
54166    <span class="visually-hidden">
54167      MAIA | Sunglasses for Wide Face | Wide Fit Frames
54168    </span>
54169  </a>
54170  <div
54171    class="
54172      product-card__content
54173      layout-panel-flex
54174      layout-panel-flex--column
54175      product-grid__card
54176      spacing-style
54177      border-style
54178      gap-style
54179      
54180    "
54181    style="
54182      --border-width: 1px; --border-style: none; --border-color:
54183rgb(var(--color-border-rgb) / 1.0); --border-radius:
541840px; 
54185
54186      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
54187
54188
54189
54190--horizontal-alignment: ; --vertical-alignment: ;
54191--vertical-alignment-mobile: ;
54192
54193      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
54194      --product-card-gap: 8px;
54195      --quick-add-display: flex;
54196      --quick-add-mobile-display: flex;
54197      --quick-add-mobile-opacity: 1;
54198      
54199      
54200      
54201      
54202    "
54203  >
54204    
54205  
54206
54207
54208
54209
54210
54211<div
54212  ref="cardGallery"
54213  class="card-gallery card-gallery-AVkVHRmZuS1U2YVZuU__card-gallery-49 spacing-style border-style card-gallery--badge-top-left"
54214  style="
54215    --border-width: 1px; --border-style: none; --border-color:
54216rgb(var(--color-border-rgb) / 1.0); --border-radius:
542170px; 
54218
54219    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
54220    --gallery-aspect-ratio: 4 / 5;
54221  "
54222  data-product-id="12758993993888"
54223  
54224    on:pointerenter="/previewImage"
54225    on:pointerleave="/resetImage"
54226  
54227  
54228    data-view-transition-to-main-product
54229  
54230  data-image-ratio="portrait"
54231  
54232>
54233    <a
54234      class="contents"
54235      ref="cardGalleryLink"
54236      href="/products/maia?variant=49144898027680"
54237      aria-label="MAIA | Sunglasses for Wide Face | Wide Fit Frames"
54238    >
54239      <slideshow-component
54240  
54241    ref="slideshow"
54242  
54243  
54244  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9;--slide-min-height: auto;--slide-min-height-desktop: auto;"
54245  
54246  initial-slide="0"
54247  
54248  
54249    infinite
54250  
54251
54252  data-generic-media-size="8"
54253>
54254  
54255  <slideshow-container ref="slideshowContainer">
54256    
54257      <slideshow-arrows
54258  position="center"
54259  
54260><button
54261  class="
54262    slideshow-control slideshow-control--previous
54263    
54264    
54265    slideshow-control--style-arrow
54266    button button-unstyled button-unstyled--transparent
54267     flip-x
54268  "
54269  
54270  aria-label="Previous slide"
54271  
54272  on:click="/previous"
54273  ref="previous"
54274>
54275  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
54276</span>
54277</button>
54278<button
54279  class="
54280    slideshow-control slideshow-control--next
54281    
54282    
54283    slideshow-control--style-arrow
54284    button button-unstyled button-unstyled--transparent
54285    
54286  "
54287  
54288  aria-label="Next slide"
54289  
54290  on:click="/next"
54291  ref="next"
54292>
54293  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
54294</span>
54295</button>
54296</slideshow-arrows>
54297
54298    
54299    
54300    <slideshow-slides
54301      tabindex="-1"
54302      ref="scroller"
54303      
54304    >
54305      <slideshow-slide
54306  ref="slides[]"
54307  aria-hidden="false"
54308  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
54309  
54310    class="product-media-container media-fit product-media-container--image"
54311  
54312  
54313  
54314  
54315    slide-id="38884548608160"
54316  
54317  
54318  
54319  
54320>
54321  
54322
54323<div
54324  class="product-media"
54325  style="--ratio: 0.6666666666666666"
54326  data-media-id="38884548608160"
54327>
54328  
54329  <img src="//www.solkyst.ca/cdn/shop/files/Maiagrid_2.jpg?v=1767639088&amp;width=3840" alt="Green sunglasses shown from multiple angles on a light gray background" srcset="//www.solkyst.ca/cdn/shop/files/Maiagrid_2.jpg?v=1767639088&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Maiagrid_2.jpg?v=1767639088&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Maiagrid_2.jpg?v=1767639088&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Maiagrid_2.jpg?v=1767639088&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Maiagrid_2.jpg?v=1767639088&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Maiagrid_2.jpg?v=1767639088&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Maiagrid_2.jpg?v=1767639088&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Maiagrid_2.jpg?v=1767639088&amp;width=3840 3840w" width="3840" height="5760" loading="eager" sizes="(min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Maiagrid_2.jpg?v=1767639088&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
54330
54331  
54332</div>
54333
54334
54335
54336</slideshow-slide>
54337<slideshow-slide
54338  ref="slides[]"
54339  aria-hidden="true"
54340  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
54341  
54342    class="product-media-container media-fit product-media-container--image"
54343  
54344  
54345  
54346  
54347    slide-id="38875082424480"
54348  
54349  
54350  
54351  
54352>
54353  
54354
54355<div
54356  class="product-media"
54357  style="--ratio: 0.6666666666666666"
54358  data-media-id="38875082424480"
54359>
54360  
54361  <img src="//www.solkyst.ca/cdn/shop/files/Maia1transparent_ed5cedc3-64ba-486f-9fd7-e2fddcd265fa.png?v=1771439738&amp;width=3840" alt="MAIA | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/Maia1transparent_ed5cedc3-64ba-486f-9fd7-e2fddcd265fa.png?v=1771439738&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Maia1transparent_ed5cedc3-64ba-486f-9fd7-e2fddcd265fa.png?v=1771439738&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Maia1transparent_ed5cedc3-64ba-486f-9fd7-e2fddcd265fa.png?v=1771439738&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Maia1transparent_ed5cedc3-64ba-486f-9fd7-e2fddcd265fa.png?v=1771439738&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Maia1transparent_ed5cedc3-64ba-486f-9fd7-e2fddcd265fa.png?v=1771439738&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Maia1transparent_ed5cedc3-64ba-486f-9fd7-e2fddcd265fa.png?v=1771439738&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Maia1transparent_ed5cedc3-64ba-486f-9fd7-e2fddcd265fa.png?v=1771439738&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Maia1transparent_ed5cedc3-64ba-486f-9fd7-e2fddcd265fa.png?v=1771439738&amp;width=3840 3840w" width="3840" height="5760" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Maia1transparent_ed5cedc3-64ba-486f-9fd7-e2fddcd265fa.png?v=1771439738&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
54362
54363  
54364</div>
54365
54366
54367
54368</slideshow-slide>
54369<slideshow-slide
54370  ref="slides[]"
54371  aria-hidden="true"
54372  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
54373  
54374    class="product-media-container media-fit product-media-container--image"
54375  
54376  
54377  
54378  
54379    slide-id="38108818342048"
54380  
54381  
54382  
54383  
54384>
54385  
54386
54387<div
54388  class="product-media"
54389  style="--ratio: 0.8000616142945163"
54390  data-media-id="38108818342048"
54391>
54392  
54393  <img src="//www.solkyst.ca/cdn/shop/files/IMG_1164.jpg?v=1767639088&amp;width=3840" alt="MAIA | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_1164.jpg?v=1767639088&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_1164.jpg?v=1767639088&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_1164.jpg?v=1767639088&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_1164.jpg?v=1767639088&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_1164.jpg?v=1767639088&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_1164.jpg?v=1767639088&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_1164.jpg?v=1767639088&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_1164.jpg?v=1767639088&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_1164.jpg?v=1767639088&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
54394
54395  
54396</div>
54397
54398
54399
54400</slideshow-slide>
54401<slideshow-slide
54402  ref="slides[]"
54403  aria-hidden="true"
54404  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
54405  
54406    class="product-media-container media-fit product-media-container--image"
54407  
54408  variant-image
54409  
54410  
54411    slide-id="38108909994144"
54412  
54413  
54414    hidden
54415  
54416  
54417  variant-image
54418>
54419  
54420
54421<div
54422  class="product-media"
54423  style="--ratio: 0.8001310615989515"
54424  data-media-id="38108909994144"
54425>
54426  
54427  <img src="//www.solkyst.ca/cdn/shop/files/IMG_0298_5452af7d-f18c-40cd-9e1b-88b572dff19d.jpg?v=1767639088&amp;width=3840" alt="MAIA | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/IMG_0298_5452af7d-f18c-40cd-9e1b-88b572dff19d.jpg?v=1767639088&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/IMG_0298_5452af7d-f18c-40cd-9e1b-88b572dff19d.jpg?v=1767639088&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/IMG_0298_5452af7d-f18c-40cd-9e1b-88b572dff19d.jpg?v=1767639088&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/IMG_0298_5452af7d-f18c-40cd-9e1b-88b572dff19d.jpg?v=1767639088&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/IMG_0298_5452af7d-f18c-40cd-9e1b-88b572dff19d.jpg?v=1767639088&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/IMG_0298_5452af7d-f18c-40cd-9e1b-88b572dff19d.jpg?v=1767639088&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/IMG_0298_5452af7d-f18c-40cd-9e1b-88b572dff19d.jpg?v=1767639088&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/IMG_0298_5452af7d-f18c-40cd-9e1b-88b572dff19d.jpg?v=1767639088&amp;width=3840 3840w" width="3840" height="4799" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/IMG_0298_5452af7d-f18c-40cd-9e1b-88b572dff19d.jpg?v=1767639088&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
54428
54429  
54430</div>
54431
54432
54433
54434</slideshow-slide>
54435<slideshow-slide
54436  ref="slides[]"
54437  aria-hidden="true"
54438  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
54439  
54440    class="product-media-container media-fit product-media-container--image"
54441  
54442  
54443  
54444  
54445    slide-id="35272425603232"
54446  
54447  
54448  
54449  
54450>
54451  
54452
54453<div
54454  class="product-media"
54455  style="--ratio: 1.0"
54456  data-media-id="35272425603232"
54457>
54458  
54459  <img src="//www.solkyst.ca/cdn/shop/files/Maiagrid.jpg?v=1767639088&amp;width=3840" alt="Four angles of Sol Kyst trapezoid sunglasses with green frames and dark tinted lenses." srcset="//www.solkyst.ca/cdn/shop/files/Maiagrid.jpg?v=1767639088&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Maiagrid.jpg?v=1767639088&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/Maiagrid.jpg?v=1767639088&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/Maiagrid.jpg?v=1767639088&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/Maiagrid.jpg?v=1767639088&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/Maiagrid.jpg?v=1767639088&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/Maiagrid.jpg?v=1767639088&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/Maiagrid.jpg?v=1767639088&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/Maiagrid.jpg?v=1767639088&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
54460
54461  
54462</div>
54463
54464
54465
54466</slideshow-slide>
54467<slideshow-slide
54468  ref="slides[]"
54469  aria-hidden="true"
54470  style="--slideshow-timeline: --slide-5; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
54471  
54472    class="product-media-container media-fit product-media-container--image"
54473  
54474  
54475  
54476  
54477    slide-id="35079859470496"
54478  
54479  
54480  
54481  
54482>
54483  
54484
54485<div
54486  class="product-media"
54487  style="--ratio: 0.8000575373993095"
54488  data-media-id="35079859470496"
54489>
54490  
54491  <img src="//www.solkyst.ca/cdn/shop/files/ABFCE9C3-324F-46FD-B52D-A0945E7F1A8D.jpg?v=1767639088&amp;width=3840" alt="Women holding coupe glass with Sol Kyst green trapezoid sunglasses resting on the rim." srcset="//www.solkyst.ca/cdn/shop/files/ABFCE9C3-324F-46FD-B52D-A0945E7F1A8D.jpg?v=1767639088&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/ABFCE9C3-324F-46FD-B52D-A0945E7F1A8D.jpg?v=1767639088&amp;width=352 352w, //www.solkyst.ca/cdn/shop/files/ABFCE9C3-324F-46FD-B52D-A0945E7F1A8D.jpg?v=1767639088&amp;width=832 832w, //www.solkyst.ca/cdn/shop/files/ABFCE9C3-324F-46FD-B52D-A0945E7F1A8D.jpg?v=1767639088&amp;width=1200 1200w, //www.solkyst.ca/cdn/shop/files/ABFCE9C3-324F-46FD-B52D-A0945E7F1A8D.jpg?v=1767639088&amp;width=1600 1600w, //www.solkyst.ca/cdn/shop/files/ABFCE9C3-324F-46FD-B52D-A0945E7F1A8D.jpg?v=1767639088&amp;width=1920 1920w, //www.solkyst.ca/cdn/shop/files/ABFCE9C3-324F-46FD-B52D-A0945E7F1A8D.jpg?v=1767639088&amp;width=2560 2560w, //www.solkyst.ca/cdn/shop/files/ABFCE9C3-324F-46FD-B52D-A0945E7F1A8D.jpg?v=1767639088&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 1862px) 14vw, (min-width: 1596px) 16vw, (min-width: 1330px) 20vw, (min-width: 1064px) 25vw, (min-width: 798px) 33vw, (min-width: 750px) 50vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//www.solkyst.ca/cdn/shop/files/ABFCE9C3-324F-46FD-B52D-A0945E7F1A8D.jpg?v=1767639088&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
54492
54493  
54494</div>
54495
54496
54497
54498</slideshow-slide>
54499
54500    </slideshow-slides>
54501  </slideshow-container>
54502  
54503</slideshow-component>
54504
54505
54506
54507    </a>
54508  
54509  
54510    <div
54511      class="product-badges product-badges--top-left"
54512      style="
54513        --badge-border-radius: 0px;
54514        --badge-font-family: var(--font-body--family);
54514 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
54515      "
54516    ><div
54517          class="
54518            product-badges__badge product-badges__badge--rectangle
54519             color-scheme-6
54520          "
54521        >Sale
54522</div></div>
54523    
54524      
54525
54526<quick-add-component
54527  class="quick-add color-scheme-4 "
54528  ref="quickAdd"
54529  data-product-title="MAIA | Sunglasses for Wide Face | Wide Fit Frames"
54530  data-quick-add-button="choose"
54531  data-product-options-count="2"
54532>
54533  <product-form-component
54534    data-section-id="template--28980150370464__main"
54535    data-product-id="12758993993888"
54536    on:submit="/handleSubmit"
54537    class="quick-add__product-form-component"
54538  >
54539    <div
54540      class="visually-hidden"
54541      aria-live="assertive"
54542      role="status"
54543      aria-atomic="true"
54544      ref="liveRegion"
54545    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-12758993993888-AVkVHRmZuS1U2YVZuU__card-gallery-49" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
54546        type="hidden"
54547        name="id"
54548        ref="variantId"
54549        value="49144898027680"
54550        
54551      >
54552      <input
54553        type="hidden"
54554        name="quantity"
54555        value="1"
54556      >
54557      
54558      <add-to-cart-component
54559  ref="addToCartButtonContainer"
54560  data-product-variant-media="//www.solkyst.ca/cdn/shop/files/Maiagrid_2.jpg?v=1767639088&width=100"
54561  data-add-to-cart-animation="true"
54562>
54563  <button
54564    
54565    type="submit"
54566    name="add"
54567    ref="addToCartButton"
54568    on:click="/handleClick"
54569    class="button button quick-add__button quick-add__button--add add-to-cart-button"
54570    
54571    
54572  >
54573    <span
54574      class="add-to-cart-text"
54575    >
54576      
54577        <span
54578          aria-hidden="true"
54579          class="svg-wrapper add-to-cart-icon"
54580        ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
54581</span>
54582      
54583      <span class="add-to-cart-text__content is-visually-hidden-mobile">
54584        <span>
54585          <span>Add</span>
54586        </span>
54587      </span>
54588    </span>
54589    
54590    <span class="add-to-cart__added">
54591      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
54592  <g class="check">
54593    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
54594    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
54595  </g>
54596  <g class="burst">
54597    <g style="--index: 0;">
54598      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
54599    </g>
54600    <g style="--index: 1;">
54601      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
54602    </g>
54603    <g style="--index: 2;">
54604      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
54605    </g>
54606    <g style="--index: 3;">
54607      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
54608    </g>
54609    <g style="--index: 4;">
54610      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
54611    </g>
54612    <g style="--index: 5;">
54613      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
54614    </g>
54615    <g style="--index: 6;">
54616      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
54617    </g>
54618    <g style="--index: 7;">
54619      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
54620    </g>
54621  </g>
54622</svg>
54623</span>
54624    </span>
54625  </button>
54626</add-to-cart-component>
54627
54628
54629
54630
54631      <button
54632        class="button quick-add__button quick-add__button--choose add-to-cart-button"
54633        
54634        type="button"
54635        name="add"
54636        on:click="quick-add-component/handleClick"
54637      >
54638        <span
54639          class="add-to-cart-text quick-add__button-content"
54640        >
54641          
54642          <span
54643            aria-hidden="true"
54644            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
54645          ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
54646</span>
54647          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
54648            <span>
54649              
54650              <span>
54651                Choose
54652              </span>
54653            </span>
54654          </span>
54655        </span>
54656      </button><input type="hidden" name="product-id" value="12758993993888" /><input type="hidden" name="section-id" value="template--28980150370464__main" /></form></product-form-component>
54657</quick-add-component>
54658
54659
54660
54661    
54662  
54663
54664</div>
54665
54666
54667
54668
54669
54670<div class="product-grid-view-zoom-out--details">
54671  
54672    <h3 class="h4">MAIA | Sunglasses for Wide Face | Wide Fit Frames</h3>
54673  
54674</div>
54675
54676
54677
54678
54679
54680
54681<div
54682  class="
54683    group-block
54684    
54685    group-block--height-fit
54686    group-block--width-fill
54687    border-style
54688    spacing-style
54689    size-style
54690    
54691    
54692  "
54693  style="
54694    --border-width: 1px; --border-style: none; --border-color:
54695rgb(var(--color-border-rgb) / 1.0); --border-radius:
546960px; 
54697
54698    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
54699    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
54700    
54701  "
54702  
54703  data-testid="group-block"
54704><div class="group-block__media-wrapper">
54705    
54706
54707
54708
54709    
54710  </div>
54711
54712  <div
54713    class="
54714      group-block-content
54715      
54716      layout-panel-flex
54717      layout-panel-flex--row
54718       mobile-column
54719    "
54720    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
54721
54722--gap: 12px;
54723
54724--horizontal-alignment: space-between; --vertical-alignment: flex-start;
54725--vertical-alignment-mobile: flex-start;
54726"
54727  >
54728  
54729
54730<div
54731  class="
54732    group-block
54733    
54734    group-block--height-fit
54735    group-block--width-fill
54736    border-style
54737    spacing-style
54738    size-style
54739    
54740    
54741  "
54742  style="
54743    --border-width: 1px; --border-style: none; --border-color:
54744rgb(var(--color-border-rgb) / 1.0); --border-radius:
547450px; 
54746
54747    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
54748    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
54749    
54750  "
54751  
54752  data-testid="group-block"
54753><div class="group-block__media-wrapper">
54754    
54755
54756
54757
54758    
54759  </div>
54760
54761  <div
54762    class="
54763      group-block-content
54764      
54765      layout-panel-flex
54766      layout-panel-flex--column
54767       mobile-column
54768    "
54769    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
54770
54771--gap: 0px;
54772
54773--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
54774--vertical-alignment-mobile: flex-start;
54775"
54776  >
54777  
54778  
54779  <a
54780    class="contents user-select-text"
54781    ref="productTitleLink"
54782    href="/products/maia?variant=49144898027680"
54783  >
54784    
54785
54786
54787
54788
54789
54790
54791  <div class=" spacing-style text-block text-block--AS01hNWhHUGNoeUl3b__product_title_JQUppH-49 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
54792    <p>MAIA | Sunglasses for Wide Face | Wide Fit Frames</p>
54793  </div>
54794
54795
54796
54797
54798  </a>
54799
54800
54801
54802
54803
54804<product-price
54805  class="text-block text-block--align-left text-left h5 spacing-style"
54806  data-block-id="AOXZRVTFzWG11Vk1Zb__price_UHtQ73-49"
54807  data-product-id="12758993993888"
54808  style="
54809    
54810--color: var(--color-foreground);
54811    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
54812    --width: 100%;
54813  "
54814  
54815>
54816  <div ref="priceContainer">
54817  
54818    
54819    
54820
54821    
54822      <span role="group">
54823        <span class="visually-hidden">Sale price&nbsp;</span>
54824        <span class="price">$180.00</span>
54825      </span>
54826    
54827
54828    
54829      <span role="group">
54830        <span class="visually-hidden">Regular price&nbsp;</span>
54831        <span class="compare-at-price">$220.00</span>
54832      </span>
54833    
54834  
54835</div>
54836
54837  
54838</product-price>
54839
54840
54841
54842
54843
54844
54845
54846</div>
54847</div>
54848
54849
54850
54851
54852
54853
54854<div
54855  class="
54856    group-block
54857    
54858    group-block--height-fit
54859    group-block--width-fill
54860    border-style
54861    spacing-style
54862    size-style
54863    
54864    
54865  "
54866  style="
54867    --border-width: 1px; --border-style: none; --border-color:
54868rgb(var(--color-border-rgb) / 1.0); --border-radius:
548690px; 
54870
54871    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
54872    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
54873    
54874  "
54875  
54876  data-testid="group-block"
54877><div class="group-block__media-wrapper">
54878    
54879
54880
54881
54882    
54883  </div>
54884
54885  <div
54886    class="
54887      group-block-content
54888      
54889      layout-panel-flex
54890      layout-panel-flex--column
54891       mobile-column
54892    "
54893    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
54894
54895--gap: 0px;
54896
54897--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
54898--vertical-alignment-mobile: flex-start;
54899"
54900  >
54901  
54902  <product-swatches
54903    data-product-id="12758993993888"
54904    data-product-url="/products/maia"
54905    style="
54906      --overflow-list-alignment: flex-end;
54907      --overflow-list-alignment-mobile: flex-start;
54908      --product-swatches-alignment: end;
54909      --product-swatches-alignment-mobile: start;
54910      --product-swatches-padding-block-start: 0px;
54911      --product-swatches-padding-block-end: 0px;
54912      --product-swatches-padding-inline-start: 0px;
54913      --product-swatches-padding-inline-end: 0px;
54914    "
54915    
54916  >
54917    
54918
54919<swatches-variant-picker-component
54920  data-product-id="12758993993888"
54921  data-product-url="/products/maia"
54922  ref="swatchesVariantPicker"
54923>
54924  <form>
54925    
54926
54927        
54928<fieldset class="variant-option variant-option--buttons variant-option--swatches">
54929        
54930
54931        <overflow-list
54932  
54933    ref="overflowList"
54934  
54935  
54936  
54937  
54938  
54939>
54940  <template shadowrootmode="open">
54941    <link href="//www.solkyst.ca/cdn/shop/t/38/assets/overflow-list.css?v=101911674359793798601776963414" rel="stylesheet" type="text/css" media="all" />
54942
54943    <ul part="list">
54944      <slot></slot>
54945      <slot
54946        name="more"
54947        part="more"
54948        hidden
54949        
54950      >
54951        <li
54952          part="more"
54953        >
54954          <button
54955            class="button"
54956            type="button"
54957            tabindex="0"
54958          >
54959            More
54960          </button>
54961        </li>
54962      </slot>
54963      <li
54964        part="placeholder"
54965        hidden
54966      ></li>
54967    </ul>
54968
54969    <div part="overflow">
54970      <ul part="overflow-list">
54971        <slot name="overflow"></slot>
54972      </ul>
54973    </div>
54974  </template>
54975
54976  
54977
54978
54979            <li class="variant-option__swatch">
54980              <label
54981                data-media-id=""
54982                class="variant-option__button-label variant-option__button-label--has-swatch swatch-rounded"
54983                on:pointerenter="product-card/previewVariant/"
54984                on:pointerleave="product-card/resetVariant"
54985              >
54986                <input
54987                  type="radio"
54988                  name="Shades-12758993993888-swatch"
54989                  value="Jean"
54990                  aria-label="Jean"
54991                  data-input-id="2-0"
54992                  data-option-media-id=""
54993                  data-option-value-id="60633386582176"
54994                  data-option-available="true"
54995                  data-connected-product-url=""
54996                  
54997                  data-variant-id="49144898027680"
54998                  data-first-available-or-first-variant-id="49144898027680"
54999                >
55000                
55001
55002<span
55003  class="
55004    swatch
55005    
55006    
55007  "
55008  style="
55009    --swatch-background: url(//www.solkyst.ca/cdn/shop/files/monarch.png?v=1733521748&width=80);
55010     --swatch-focal-point: 50.0% 50.0%;
55011  "
55012>
55013</span>
55014
55015                
55016
55017              </label>
55018            </li>
55019
55020            <li class="variant-option__swatch">
55021              <label
55022                data-media-id=""
55023                class="variant-option__button-label variant-option__button-label--has-swatch swatch-rounded"
55024                on:pointerenter="product-card/previewVariant/"
55025                on:pointerleave="product-card/resetVariant"
55026              >
55027                <input
55028                  type="radio"
55029                  name="Shades-12758993993888-swatch"
55030                  value="Shadow"
55031                  aria-label="Shadow"
55032                  data-input-id="2-1"
55033                  data-option-media-id=""
55034                  data-option-value-id="60633386614944"
55035                  data-option-available="false"
55036                  data-connected-product-url=""
55037                  
55038                  data-variant-id="67654326517920"
55039                  data-first-available-or-first-variant-id="67654326517920"
55040                >
55041                
55042
55043<span
55044  class="
55045    swatch
55046    
55047    
55048  "
55049  style="
55050    --swatch-background: rgb(21 21 21);
55051    
55052  "
55053>
55054</span>
55055
55056                
55057  <svg
55058    viewBox="0 0 100 46"
55059    preserveAspectRatio="xMidYMid slice"
55060    class="variant-option__strikethrough"
55061  >
55062    
55063    <line x1="100" y1="0" x2="0" y2="46" vector-effect="non-scaling-stroke" />
55064    
55065    <line x1="100" y1="0" x2="0" y2="46" vector-effect="non-scaling-stroke" />
55066  </svg>
55067
55068
55069              </label>
55070            </li>
55071
55072            <li class="variant-option__swatch">
55073              <label
55074                data-media-id=""
55075                class="variant-option__button-label variant-option__button-label--has-swatch swatch-rounded"
55076                on:pointerenter="product-card/previewVariant/"
55077                on:pointerleave="product-card/resetVariant"
55078              >
55079                <input
55080                  type="radio"
55081                  name="Shades-12758993993888-swatch"
55082                  value="Naomi"
55083                  aria-label="Naomi"
55084                  data-input-id="2-2"
55085                  data-option-media-id=""
55086                  data-option-value-id="60633386647712"
55087                  data-option-available="false"
55088                  data-connected-product-url=""
55089                  
55090                  data-variant-id="67654326550688"
55091                  data-first-available-or-first-variant-id="67654326550688"
55092                >
55093                
55094
55095<span
55096  class="
55097    swatch
55098    
55099    
55100  "
55101  style="
55102    --swatch-background: rgb(67 63 63);
55103    
55104  "
55105>
55106</span>
55107
55108                
55109  <svg
55110    viewBox="0 0 100 46"
55111    preserveAspectRatio="xMidYMid slice"
55112    class="variant-option__strikethrough"
55113  >
55114    
55115    <line x1="100" y1="0" x2="0" y2="46" vector-effect="non-scaling-stroke" />
55116    
55117    <line x1="100" y1="0" x2="0" y2="46" vector-effect="non-scaling-stroke" />
55118  </svg>
55119
55120
55121              </label>
55122            </li><li
55123            slot="more"
55124          >
55125            <button
55126              class="hidden-swatches__count"
55127              aria-label="Show all options"
55128              on:click="/showAllSwatches"
55129            ></button>
55130          </li>
55131        
55132</overflow-list>
55133
55134      </fieldset>
55134<script type="application/json">
55135      {"id":49144898027680,"title":"Wide \/ Jean","option1":"Wide","option2":"Jean","option3":null,"sku":"SGMA-10-304823","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"MAIA | Sunglasses for Wide Face | Wide Fit Frames - Wide \/ Jean","public_title":"Wide \/ Jean","options":["Wide","Jean"],"price":18000,"weight":250,"compare_at_price":22000,"inventory_management":"shopify","barcode":"98027680","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}
55136    </script>
55136
55137  </form>
55138</swatches-variant-picker-component>
55139
55140  </product-swatches>
55141
55142
55143
55144
55145
55146
55147
55148
55149</div>
55150</div>
55151
55152
55153
55154
55155
55156</div>
55157</div>
55158
55159
55160
55161
55162
55163
55164  </div>
55165</product-card></product-card-link>
55166
55167
55168
55169
55170          </li>
55171        
55172      
55173      </ul>
55174      
55175        <span ref="viewMoreNext"></span>
55176      
55177    
55178  </div>
55179</div>
55180
55181
55182
55183    
55184  </div>
55185</results-list>
55186
55187
55188</div>
55189    </main>
55190
55191    <!-- BEGIN sections: footer-group -->
55192<div id="shopify-section-sections--28980145193120__section_3xrfnX" class="shopify-section shopify-section-group-footer-group section-wrapper">
55193
55194<div class="section-background color-scheme-d98ddb8a-aae3-4e7d-895c-c2347570cc28"></div>
55195<div
55196  class="section section--page-width color-scheme-d98ddb8a-aae3-4e7d-895c-c2347570cc28"
55197  data-testid="ui-test-section"
55198
55199  
55200
55201  style="
55202    
55203
55204    
55205  "
55206>
55207  <div class="custom-section-background">
55208    
55209
55210
55211
55212  </div>
55213
55214  <div
55215    class="border-style custom-section-content"
55216    style="--border-width: 1px; --border-style: none; --border-color:
55217rgb(var(--color-border-rgb) / 1.0); --border-radius:
552180px; 
55219"
55220  >
55221    
55222
55223    <div
55224      class="
55225        spacing-style
55226        layout-panel-flex
55227        layout-panel-flex--column
55228        section-content-wrapper
55229         mobile-column
55230      "
55231      style="
55232        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
55233
55234--gap: 16px;
55235
55236--horizontal-alignment: center; --vertical-alignment: center;
55237--vertical-alignment-mobile: center;
55238
55239        --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
55240      "
55241      data-testid="section-content"
55242    >
55243      
55244  
55245
55246
55247
55248
55249
55250
55251  <rte-formatter class=" spacing-style text-block text-block--AVE5kVjhsYWMxL2RLe__text_3aVQDp rte    text-block--align-center rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
55252    <h2>Subscribe to our emails</h2>
55253  </rte-formatter>
55254
55255
55256
55257
55258
55259
55260
55261
55262
55263
55264
55265
55266
55267  <rte-formatter class=" spacing-style text-block text-block--AMlV3MTNqTXFlbU5wZ__text_kzPYpW paragraph    text-block--align-center rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: center;          ">
55268    <p>Be the first to know about new collections and special offers. </p>
55269  </rte-formatter>
55270
55271
55272
55273
55274
55275
55276
55277<div
55278  class="email-signup-block size-style spacing-style"
55279  style="--size-style-width:50%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
55280  
55281>
55282  
55283<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
55284    <div
55285      class="email-signup__input-group email-signup__input-group--integrated   email-signup__input-group--arrow "
55286      style="--border-width: 1px; --border-radius: 100px;"
55287    >
55288      <label
55289        for="EmailInput-AcTFRZUlhT2tHYnNNS__email_signup_6Upm77"
55290        class="visually-hidden"
55291      >
55292        Email
55293      </label>
55294      <input
55295        id="EmailInput-AcTFRZUlhT2tHYnNNS__email_signup_6Upm77"
55296        class="email-signup__input email-signup__input--all paragraph "
55297        type="email"
55298        name="contact[email]"
55299        autocorrect="off"
55300        autocapitalize="off"
55301        autocomplete="email"
55302        placeholder="Email address"
55303        required
55304        
55305      >
55306      <button
55307        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AcTFRZUlhT2tHYnNNS__email_signup_6Upm77 "
55308        
55309          aria-label="Sign up"
55310        
55311      >
55312        
55313          <svg
55314            viewBox="0 0 20 20"
55315            xmlns="http://www.w3.org/2000/svg"
55316            focusable="false"
55317            aria-hidden="true"
55318            class="email-signup__button-icon"
55319          >
55320            
55321<path
55322      clip-rule="evenodd"
55323      d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
55324      fill="currentColor"
55325      fill-rule="evenodd"
55326    />
55327          </svg>
55328        
55329      </button>
55330    </div></form>
55331</div>
55332
55333
55334
55335
55336
55337
55338    </div>
55339  </div>
55340</div>
55341
55342
55343
55344
55345
55346</div><footer id="shopify-section-sections--28980145193120__footer" class="shopify-section shopify-section-group-footer-group section-wrapper"><div class="section-background color-scheme-d98ddb8a-aae3-4e7d-895c-c2347570cc28"></div>
55347<div
55348  class="section section--page-width color-scheme-d98ddb8a-aae3-4e7d-895c-c2347570cc28"
55349>
55350  
55351  <div
55352    class="
55353      footer-content
55354      spacing-style
55355      
55356      
55357    "
55358    style="
55359      --padding-block-start: max(20px, calc(var(--spacing-scale) * 64px));--padding-block-end: 0px;
55360      --footer-gap: 0px;
55361      --grid-columns: 1;
55362      --last-row-count: 1;
55363      --tablet-last-row-count: 1;
55364    "
55365  >
55366    
55367
55368<div
55369  class="
55370    group-block
55371    
55372    group-block--height-fit
55373    group-block--width-fill
55374    border-style
55375    spacing-style
55376    size-style
55377    
55378    
55379  "
55380  style="
55381    --border-width: 1px; --border-style: none; --border-color:
55382rgb(var(--color-border-rgb) / 1.0); --border-radius:
553830px; 
55384
55385    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
55386    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
55387    
55388  "
55389  
55390  data-testid="group-block"
55391><div class="group-block__media-wrapper">
55392    
55393
55394
55395
55396    
55397  </div>
55398
55399  <div
55400    class="
55401      group-block-content
55402      
55403      layout-panel-flex
55404      layout-panel-flex--row
55405       mobile-column
55406    "
55407    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
55408
55409--gap: 12px;
55410
55411--horizontal-alignment: space-between; --vertical-alignment: flex-start;
55412--vertical-alignment-mobile: flex-start;
55413"
55414  >
55415  
55416
55417<div
55418  class="
55419    group-block
55420    
55421    group-block--height-fit
55422    group-block--width-custom
55423    border-style
55424    spacing-style
55425    size-style
55426    
55427    
55428  "
55429  style="
55430    --border-width: 1px; --border-style: none; --border-color:
55431rgb(var(--color-border-rgb) / 1.0); --border-radius:
554320px; 
55433
55434    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
55435    --size-style-width:50%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
55436    
55437  "
55438  
55439  data-testid="group-block"
55440><div class="group-block__media-wrapper">
55441    
55442
55443
55444
55445    
55446  </div>
55447
55448  <div
55449    class="
55450      group-block-content
55451      
55452      layout-panel-flex
55453      layout-panel-flex--row
55454       mobile-column
55455    "
55456    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
55457
55458--gap: 12px;
55459
55460--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
55461--vertical-alignment-mobile: flex-start;
55462"
55463  >
55464  
55465
55466
55467  <accordion-custom
55468    class="
55469      menu
55470      
55471      
55472    "
55473    data-disable-on-desktop="true"
55474    open-by-default-on-desktop
55475    
55476      data-disable-on-mobile="true"
55477      open-by-default-on-mobile
55478    
55479  >
55480    <details
55481      class="
55482        menu__details
55483        spacing-style
55484        
55485      "
55486      data-testid="menu-details"
55487      style="
55488        --spacing--size: 12px;
55489        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
55490      "
55491      
55492        open
55493      
55494      
55495    >
55496      <summary class="menu__heading h4">
55497        <span class="menu__heading__default">Shop</span>
55498        <span class="menu__heading__accordion">
55499          Shop
55500          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
55501  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
55502</svg>
55503</span>
55504          <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
55505  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
55506  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
55507</svg>
55508</span>
55509        </span>
55510      </summary>
55511
55512      <div class="details-content">
55513        
55514          <ul class="list-unstyled">
55515            
55516              <li class="menu__item h5">
55517                <a href="/pages/faq">
55518                  FAQ
55519                </a>
55520              </li>
55521            
55522              <li class="menu__item h5">
55523                <a href="/pages/about-us">
55524                  Contact Us
55525                </a>
55526              </li>
55527            
55528              <li class="menu__item h5">
55529                <a href="/search">
55530                  Search
55531                </a>
55532              </li>
55533            
55534              <li class="menu__item h5">
55535                <a href="https://mv-suns-kiss.myshopify.com/apps/redo/returns-portal/login?referralId=69a85dea9bdbe5b6cfc2da70">
55536                  Return Portal
55537                </a>
55538              </li>
55539            
55540              <li class="menu__item h5">
55541                <a href="/policies/refund-policy">
55542                  Return Policy
55543                </a>
55544              </li>
55545            
55546              <li class="menu__item h5">
55547                <a href="/policies/privacy-policy">
55548                  Privacy Policy
55549                </a>
55550              </li>
55551            
55552              <li class="menu__item h5">
55553                <a href="/policies/terms-of-service">
55554                  Terms of Service
55555                </a>
55556              </li>
55557            
55558              <li class="menu__item h5">
55559                <a href="/pages/studio">
55560                  SK STUDIOS
55561                </a>
55562              </li>
55563            
55564              <li class="menu__item h5">
55565                <a href="/pages/kyst-on-the-korner">
55566                  Kyst On The Korner
55567                </a>
55568              </li>
55569            
55570          </ul>
55571        
55572      </div>
55573    </details>
55574  </accordion-custom>
55575
55576
55577
55578
55579
55580
55581
55582
55583  <accordion-custom
55584    class="
55585      menu
55586      
55587      
55588    "
55589    data-disable-on-desktop="true"
55590    open-by-default-on-desktop
55591    
55592      data-disable-on-mobile="true"
55593      open-by-default-on-mobile
55594    
55595  >
55596    <details
55597      class="
55598        menu__details
55599        spacing-style
55600        
55601      "
55602      data-testid="menu-details"
55603      style="
55604        --spacing--size: 12px;
55605        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
55606      "
55607      
55608        open
55609      
55610      
55611    >
55612      <summary class="menu__heading h4">
55613        <span class="menu__heading__default">About us</span>
55614        <span class="menu__heading__accordion">
55615          About us
55616          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
55617  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
55618</svg>
55619</span>
55620          <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
55621  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
55622  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
55623</svg>
55624</span>
55625        </span>
55626      </summary>
55627
55628      <div class="details-content">
55629        
55630          <ul class="list-unstyled">
55631            
55632          </ul>
55633        
55634      </div>
55635    </details>
55636  </accordion-custom>
55637
55638
55639
55640
55641
55642
55643
55644
55645  <accordion-custom
55646    class="
55647      menu
55648      
55649      
55650    "
55651    data-disable-on-desktop="true"
55652    open-by-default-on-desktop
55653    
55654      data-disable-on-mobile="true"
55655      open-by-default-on-mobile
55656    
55657  >
55658    <details
55659      class="
55660        menu__details
55661        spacing-style
55662        
55663      "
55664      data-testid="menu-details"
55665      style="
55666        --spacing--size: 12px;
55667        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
55668      "
55669      
55670        open
55671      
55672      
55673    >
55674      <summary class="menu__heading h4">
55675        <span class="menu__heading__default">Connect</span>
55676        <span class="menu__heading__accordion">
55677          Connect
55678          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
55679  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
55680</svg>
55681</span>
55682          <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
55683  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
55684  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
55685</svg>
55686</span>
55687        </span>
55688      </summary>
55689
55690      <div class="details-content">
55691        
55692          <ul class="list-unstyled">
55693            
55694          </ul>
55695        
55696      </div>
55697    </details>
55698  </accordion-custom>
55699
55700
55701
55702
55703
55704
55705</div>
55706</div>
55707
55708
55709
55710
55711
55712
55713<div
55714  class="
55715    group-block
55716    
55717    group-block--height-fit
55718    group-block--width-custom
55719    border-style
55720    spacing-style
55721    size-style
55722    
55723    
55724  "
55725  style="
55726    --border-width: 1px; --border-style: none; --border-color:
55727rgb(var(--color-border-rgb) / 1.0); --border-radius:
557280px; 
55729
55730    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
55731    --size-style-width:30%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
55732    
55733  "
55734  
55735  data-testid="group-block"
55736><div class="group-block__media-wrapper">
55737    
55738
55739
55740
55741    
55742  </div>
55743
55744  <div
55745    class="
55746      group-block-content
55747      
55748      layout-panel-flex
55749      layout-panel-flex--column
55750       mobile-column
55751    "
55752    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
55753
55754--gap: 12px;
55755
55756--horizontal-alignment: flex-start; --vertical-alignment: center;
55757--vertical-alignment-mobile: center;
55758"
55759  >
55760  
55761
55762
55763
55764
55765
55766
55767  <div class=" spacing-style text-block text-block--AcVBsU253SHltVzNmL__text_jXqmE4 h4      "  style="    --padding-block-start: 12px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
55768    <h3>Sign up for our newsletter</h3>
55769  </div>
55770
55771
55772
55773
55774
55775
55776
55777<div
55778  class="email-signup-block size-style spacing-style"
55779  style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
55780  
55781>
55782  
55783<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
55784    <div
55785      class="email-signup__input-group  email-signup__input-group--underline  email-signup__input-group--arrow "
55786      style="--border-width: 1px; --border-radius: 100px;"
55787    >
55788      <label
55789        for="EmailInput-ASVR4dmI0ampwam9YQ__email_signup_XgpLx7"
55790        class="visually-hidden"
55791      >
55792        Email
55793      </label>
55794      <input
55795        id="EmailInput-ASVR4dmI0ampwam9YQ__email_signup_XgpLx7"
55796        class="email-signup__input email-signup__input--underline paragraph "
55797        type="email"
55798        name="contact[email]"
55799        autocorrect="off"
55800        autocapitalize="off"
55801        autocomplete="email"
55802        placeholder="Email address"
55803        required
55804        
55805      >
55806      <button
55807        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--ASVR4dmI0ampwam9YQ__email_signup_XgpLx7 "
55808        
55809          aria-label="Sign up"
55810        
55811      >
55812        
55813          <svg
55814            viewBox="0 0 20 20"
55815            xmlns="http://www.w3.org/2000/svg"
55816            focusable="false"
55817            aria-hidden="true"
55818            class="email-signup__button-icon"
55819          >
55820            
55821<path
55822      clip-rule="evenodd"
55823      d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
55824      fill="currentColor"
55825      fill-rule="evenodd"
55826    />
55827          </svg>
55828        
55829      </button>
55830    </div></form>
55831</div>
55832
55833
55834
55835
55836
55837</div>
55838</div>
55839
55840
55841
55842
55843
55844</div>
55845</div>
55846
55847
55848
55849
55850
55851  </div>
55852</div>
55853
55854
55855
55856
55857</footer><div id="shopify-section-sections--28980145193120__utilities" class="shopify-section shopify-section-group-footer-group footer-utilities"><div class="section-background color-scheme-1"></div>
55858<div
55859  class="section section--page-width color-scheme-1"
55860  
55861>
55862  <div
55863    class="utilities utilities--blocks-3 spacing-style"
55864    style="--padding-block-start: 12px;--padding-block-end: 16px; --border-width: 1px; --gap: 24px;"
55865    data-testid="footer-utilities"
55866  >
55867    
55868<div
55869  class="
55870    footer-utilities__group-copyright
55871    custom-typography
55872    footer-utilities__text
55873    custom-font-size
55874  "
55875  style="
55876--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
55877  
55878>
55879  <span class="footer-utilities__text">
55880    &copy; 2026
55881    <a href="/" title="">SOL KYST</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a>
55882</span>
55883</div>
55884
55885
55886
55887  <anchored-popover-component
55888    class="footer-utilities__policy-list footer-utilities__text"
55889    data-hover-triggered="true"
55890  >
55891    <button
55892      class="policy-list-trigger button-unstyled"
55893      popovertarget="terms-policies-popover"
55894      popovertargetaction="toggle"
55895      ref="trigger"
55896      style="
55897--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
55898      
55899    >
55900      Terms and Policies
55901    </button>
55902    <div
55903      class="terms-policies-popover color-scheme-1"
55904      id="terms-policies-popover"
55905      popover="auto"
55906      ref="popover"
55907    >
55908      <ul
55909        class="
55910          policy_list list-unstyled
55911          custom-typography
55912          custom-font-size
55913        "
55914      ><li>
55915              <a
55916                href="/policies/refund-policy"
55917                class="footer-utilities__text"
55918              >Refund policy</a>
55919            </li><li>
55920              <a
55921                href="/policies/privacy-policy"
55922                class="footer-utilities__text"
55923              >Privacy policy</a>
55924            </li><li>
55925              <a
55926                href="/policies/terms-of-service"
55927                class="footer-utilities__text"
55928              >Terms of service</a>
55929            </li><li>
55930              <a
55931                href="/policies/shipping-policy"
55932                class="footer-utilities__text"
55933              >Shipping policy</a>
55934            </li><li>
55935              <a
55936                href="/policies/contact-information"
55937                class="footer-utilities__text"
55938              >Contact information</a>
55939            </li></ul>
55940    </div>
55941  </anchored-popover-component>
55942
55943
55944
55945
55946
55947<div
55948  class="social-icons__wrapper footer-utilities__icons"
55949  
55950>
55951  
55952
55953  
55954    
55955
55956    
55957    
55958      
55959    
55960  
55961    
55962
55963    
55964    
55965      
55966    
55967  
55968    
55969
55970    
55971    
55972      
55973    
55974  
55975    
55976
55977    
55978    
55979      
55980    
55981  
55982    
55983
55984    
55985    
55986      
55987    
55988  
55989    
55990
55991    
55992    
55993  
55994    
55995
55996    
55997    
55998  
55999    
56000
56001    
56002    
56003  
56004    
56005
56006    
56007    
56008  
56009    
56010
56011    
56012    
56013  
56014    
56015
56016    
56017    
56018  
56019    
56020
56021    
56022    
56023  
56024    
56025
56026    
56027    
56028  
56029</div>
56030
56031
56032
56033
56034
56035  </div>
56036</div>
56037
56038
56039
56040
56041</div>
56042<!-- END sections: footer-group -->
56043
56044    
56044<script
56045  src="//www.solkyst.ca/cdn/shop/t/38/assets/dialog.js?v=61774032287387761671776963414"
56046  type="module"
56047></script>
56047
56048
56049<script
56050  src="//www.solkyst.ca/cdn/shop/t/38/assets/predictive-search.js?v=149240552485540508541776963414"
56051  type="module"
56052  fetchpriority="low"
56053></script>
56053
56054
56055<dialog-component
56056  id="search-modal"
56057  class="search-modal"
56058  
56059>
56060  <dialog
56061    ref="dialog"
56062    on:click="/closeDialogOnClickOutside"
56063    on:keydown="/closeDialogOnEscapePress"
56064    class="search-modal__content dialog-modal"
56065    scroll-lock
56066    aria-labelledby="search-modal-heading"
56067  >
56068    <h2
56069      id="search-modal-heading"
56070      class="visually-hidden"
56071    >
56072      Search
56073    </h2>
56074    <predictive-search-component
56075      class="predictive-search color-scheme-1"
56076      style="--product-corner-radius: 0px; --card-corner-radius: 0px; --title-case: uppercase;"
56077      data-section-id="predictive-search"
56078      data-testid="search-component--modal"
56079      role="search"
56080      aria-label="Search"
56081    >
56082      <form
56083        action="/search"
56084        method="get"
56085        role="search"
56086        class="predictive-search-form"
56087        ref="form"
56088        on:keydown="/onSearchKeyDown"
56089      >
56090        <div
56091          class="predictive-search-form__header"
56092        >
56093          <div class="predictive-search-form__header-inner">
56094            <label
56095              for="cmdk-input"
56096              class="visually-hidden"
56097            >Search</label>
56098            <input
56099              class="search-input"
56100              id="cmdk-input"
56101              type="search"
56102              name="q"
56103              role="combobox"
56104              aria-expanded="false"
56105              aria-owns="predictive-search-results"
56106              aria-controls="predictive-search-results"
56107              aria-haspopup="listbox"
56108              aria-autocomplete="list"
56109              autocomplete="off"
56110              placeholder="Search"
56111              ref="searchInput"
56112              on:input="/search"
56113              on:keydown="/onSearchKeyDown"
56114            >
56115            <input
56116              name="options[prefix]"
56117              type="hidden"
56118              value="last"
56119            >
56120            <span class="svg-wrapper predictive-search__icon">
56121              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
56122
56123            </span>
56124            <button
56125              type="button"
56126              class="button-unstyled predictive-search__reset-button"
56127              ref="resetButton"
56128              hidden
56129              on:click="/resetSearch"
56130            >
56131              Clear
56132            </button>
56133          </div>
56134          <button
56135            type="button"
56136            class="button predictive-search__close-modal-button"
56137            aria-label="Close dialog"
56138            on:click="dialog-component/closeDialog"
56139            ref="closeModalButton"
56140          >
56141            <span class="svg-wrapper">
56142              <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
56143  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
56144  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
56145</svg>
56146
56147            </span>
56148          </button>
56149        </div>
56150
56151        <div class="predictive-search-form__content-wrapper">
56152          <div
56153            class="predictive-search-form__content"
56154            tabindex="-1"
56155            ref="predictiveSearchResults"
56156            on:click="/handleModalClick"
56157          >
56158            
56159
56160<div
56161  id="predictive-search-results"
56162  class="predictive-search-dropdown"
56163  role="listbox"
56164  aria-expanded="true"
56165  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
56166>
56167  
56168    <div class="predictive-search-results__inner">
56169      
56170      
56171        
56172        
56173        
56174          <div
56175  id="predictive-search-products"
56176  class="predictive-search-results__products"
56177  
56178    data-testid="products-list-default--modal"
56179  
56180>
56181  
56182    <h4 class="predictive-search-results__title">
56183      Products
56184    </h4>
56185    <ul
56186      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
56187      role="listbox"
56188      aria-label="Products"
56189    >
56190      
56191      
56192        <li
56193          class="predictive-search-results__card predictive-search-results__card--product"
56194          ref="resultsItems[]"
56195        >
56196          
56197<product-card-link
56198    data-product-id="15844637704352"
56199    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&width=500"
56200    data-product-transition="true"
56201  ><div
56202  class="resource-card"
56203  href="/products/5-year-edition-turkish-throw-limited-edition"
56204  data-resource-type="product"
56205>
56206  <a
56207    class="resource-card__link"
56208    href="/products/5-year-edition-turkish-throw-limited-edition"
56209  >
56210    <span class="visually-hidden">
56211      5 Year Edition Turkish Throw ~ Limited Edition
56212    </span>
56213  </a>
56214  <div
56215    class="resource-card__media"
56216    style="--resource-card-aspect-ratio: 4 / 5;"
56217    
56218      data-view-transition-to-main-product
56219    
56220  >
56221      
56222      
56223<img src="//www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=500" alt="" srcset="//www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/preview_images/97ad33704bac46039b5ec35acea81b75.thumbnail.0000000000.jpg?v=1787698830&amp;width=352 352w" width="500" height="889" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="">
56224
56225          <img src="//www.solkyst.ca/cdn/shop/files/769552839_17978642937083974_4284001204488278262_n.jpg?v=1788299961&amp;width=500" alt="5 Year Edition Turkish Throw ~ Limited Edition" srcset="//www.solkyst.ca/cdn/shop/files/769552839_17978642937083974_4284001204488278262_n.jpg?v=1788299961&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/769552839_17978642937083974_4284001204488278262_n.jpg?v=1788299961&amp;width=352 352w" width="500" height="625" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="70184620621984" style="object-position: 50.0% 50.0%;">
56226</div>
56227
56228  <div class="resource-card__content">
56229    <p class="resource-card__title paragraph">5 Year Edition Turkish Throw ~ Limited Edition</p>
56230
56231    
56232      <div ref="priceContainer">
56233  
56234    
56235    
56236
56237    
56238      <span class="price">$50.00</span>
56239    
56240
56241    
56242  
56243</div>
56244    
56245  </div>
56246</div></product-card-link>
56247
56248        </li>
56249      
56250        <li
56251          class="predictive-search-results__card predictive-search-results__card--product"
56252          ref="resultsItems[]"
56253        >
56254          
56255<product-card-link
56256    data-product-id="7386132545696"
56257    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/IMG_1669.jpg?v=1771439410&width=500"
56258    data-product-transition="true"
56259  ><div
56260  class="resource-card"
56261  href="/products/hangover-chic"
56262  data-resource-type="product"
56263>
56264  <a
56265    class="resource-card__link"
56266    href="/products/hangover-chic"
56267  >
56268    <span class="visually-hidden">
56269      AFTER GLOW | Sunglasses for Wide Face | Wide Fit Frames
56270    </span>
56271  </a>
56272  <div
56273    class="resource-card__media"
56274    style="--resource-card-aspect-ratio: 4 / 5;"
56275    
56276      data-view-transition-to-main-product
56277    
56278  >
56279      
56280      
56281<img src="//www.solkyst.ca/cdn/shop/files/ImaybesadbutatleastIhavegoodhair_4x5in_4x4in.png?v=1767207299&amp;width=500" alt="Tortoise-patterned square sunglasses with gradient brown-tinted lenses, showcasing a bold and classic frame design." srcset="//www.solkyst.ca/cdn/shop/files/ImaybesadbutatleastIhavegoodhair_4x5in_4x4in.png?v=1767207299&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/ImaybesadbutatleastIhavegoodhair_4x5in_4x4in.png?v=1767207299&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="object-position: 50.0% 50.0%;">
56282
56283          <img src="//www.solkyst.ca/cdn/shop/files/Hangover_Chic_side_image.png?v=1771439410&amp;width=500" alt="AFTER GLOW | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/Hangover_Chic_side_image.png?v=1771439410&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Hangover_Chic_side_image.png?v=1771439410&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="39217923752096" style="object-position: 50.0% 50.0%;">
56284</div>
56285
56286  <div class="resource-card__content">
56287    <p class="resource-card__title paragraph">AFTER GLOW | Sunglasses for Wide Face | Wide Fit Frames</p>
56288
56289    
56290      <div ref="priceContainer">
56291  
56292    
56293    
56294
56295    
56296      <span class="price">$190.00</span>
56297    
56298
56299    
56300  
56301</div>
56302    
56303  </div>
56304</div></product-card-link>
56305
56306        </li>
56307      
56308        <li
56309          class="predictive-search-results__card predictive-search-results__card--product"
56310          ref="resultsItems[]"
56311        >
56312          
56313<product-card-link
56314    data-product-id="11966656184480"
56315    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/5EA645AF-444D-4F11-B3DC-DF1C8B38DF11.png?v=1767207630&width=500"
56316    data-product-transition="true"
56317  ><div
56318  class="resource-card"
56319  href="/products/monarch-blue-light"
56320  data-resource-type="product"
56321>
56322  <a
56323    class="resource-card__link"
56324    href="/products/monarch-blue-light"
56325  >
56326    <span class="visually-hidden">
56327      Archer Blue Light Wide Fit Glasses
56328    </span>
56329  </a>
56330  <div
56331    class="resource-card__media"
56332    style="--resource-card-aspect-ratio: 4 / 5;"
56333    
56334      data-view-transition-to-main-product
56335    
56336  >
56337      
56338      
56339<img src="//www.solkyst.ca/cdn/shop/files/5EA645AF-444D-4F11-B3DC-DF1C8B38DF11.png?v=1767207630&amp;width=500" alt="Women&#39;s blue light glasses with clear lenses and a tort frame - front view." srcset="//www.solkyst.ca/cdn/shop/files/5EA645AF-444D-4F11-B3DC-DF1C8B38DF11.png?v=1767207630&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/5EA645AF-444D-4F11-B3DC-DF1C8B38DF11.png?v=1767207630&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="object-position: 50.0% 50.0%;">
56340
56341          <img src="//www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=500" alt="Archer Blue Light Wide Fit Glasses" srcset="//www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/2BDEED0B-A79F-46C3-AA6C-F8799EEB3683.png?v=1779479795&amp;width=352 352w" width="500" height="625" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="69363639877792" style="object-position: 50.0% 50.0%;">
56342</div>
56343
56344  <div class="resource-card__content">
56345    <p class="resource-card__title paragraph">Archer Blue Light Wide Fit Glasses</p>
56346
56347    
56348      <div ref="priceContainer">
56349  
56350    
56351    
56352
56353    
56354      <span class="price">$175.00</span>
56355    
56356
56357    
56358  
56359</div>
56360    
56361  </div>
56362</div></product-card-link>
56363
56364        </li>
56365      
56366        <li
56367          class="predictive-search-results__card predictive-search-results__card--product"
56368          ref="resultsItems[]"
56369        >
56370          
56371<product-card-link
56372    data-product-id="11967953240224"
56373    data-featured-media-url="//www.solkyst.ca/cdn/shop/files/IMG_0097_ce0ca871-dc1d-4c55-8cc7-0c1cab8d6382.jpg?v=1767843896&width=500"
56374    data-product-transition="true"
56375  ><div
56376  class="resource-card"
56377  href="/products/mella"
56378  data-resource-type="product"
56379>
56380  <a
56381    class="resource-card__link"
56382    href="/products/mella"
56383  >
56384    <span class="visually-hidden">
56385      AURA | Sunglasses for Wide Face | Wide Fit Frames
56386    </span>
56387  </a>
56388  <div
56389    class="resource-card__media"
56390    style="--resource-card-aspect-ratio: 4 / 5;"
56391    
56392      data-view-transition-to-main-product
56393    
56394  >
56395      
56396      
56397<img src="//www.solkyst.ca/cdn/shop/files/Untitleddesign_1.png?v=1766802493&amp;width=500" alt="Beige Sol Kyst women&#39;s cat eye sunglasses featuring light pink-tinted lenses, shown in a front view." srcset="//www.solkyst.ca/cdn/shop/files/Untitleddesign_1.png?v=1766802493&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/Untitleddesign_1.png?v=1766802493&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true" style="object-position: 50.0% 50.0%;">
56398
56399          <img src="//www.solkyst.ca/cdn/shop/files/54E8A773-4B3D-484C-9DC1-851F30922879.jpg?v=1767215699&amp;width=500" alt="AURA | Sunglasses for Wide Face | Wide Fit Frames" srcset="//www.solkyst.ca/cdn/shop/files/54E8A773-4B3D-484C-9DC1-851F30922879.jpg?v=1767215699&amp;width=240 240w, //www.solkyst.ca/cdn/shop/files/54E8A773-4B3D-484C-9DC1-851F30922879.jpg?v=1767215699&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="true" data-media-id="38851001286816" style="object-position: 50.0% 50.0%;">
56400</div>
56401
56402  <div class="resource-card__content">
56403    <p class="resource-card__title paragraph">AURA | Sunglasses for Wide Face | Wide Fit Frames</p>
56404
56405    
56406      <div ref="priceContainer">
56407  
56408    
56409    
56410
56411    
56412      <span class="price">$180.00</span>
56413    
56414
56415    
56416  
56417</div>
56418    
56419  </div>
56420</div></product-card-link>
56421
56422        </li>
56423      
56424    </ul>
56425  
56426</div>
56427
56428
56429
56430        
56431      
56432    </div>
56433  
56434</div>
56435
56436          </div>
56437
56438          <div class="predictive-search-form__footer">
56439            <button
56440              class="button button-primary predictive-search__search-button"
56441              ref="viewAllButton"
56442            >
56443              View all
56444            </button>
56445          </div>
56446        </div>
56447      </form>
56448    </predictive-search-component>
56449  </dialog>
56450</dialog-component>
56451
56452
56453
56454
56455    
56456      <quick-add-dialog id="quick-add-dialog">
56457  <dialog
56458    class="quick-add-modal dialog-modal color-scheme-1"
56459    ref="dialog"
56460    scroll-lock
56461  >
56462    <button
56463      ref="closeButton"
56464      on:click="/closeDialog"
56465      class="button button-unstyled close-button quick-add-modal__close"
56466      aria-label="Close dialog"
56467    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
56468  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
56469  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
56470</svg>
56471</button>
56472    <div
56473      id="quick-add-modal-content"
56474      class="quick-add-modal__content"
56475    ></div>
56476  </dialog>
56477</quick-add-dialog>
56478
56479
56480
56481    
56482  <div id="shopify-block-ANWk3VXE0N3BIWEMvV__11349500561483629931" class="shopify-block shopify-app-block">
56482<script id="ReStock-config">
56483  var _ReStockConfig = window._ReStockConfig || {};
56484
56485  _ReStockConfig.templateName = "search";
56486  _ReStockConfig.isB2BCustomer = null;
56487  _ReStockConfig.currentLocationId = null;
56488  _ReStockConfig.moneyFormat = "${{amount}}";_ReStockConfig.marketHandle = "us";
56489  _ReStockConfig.marketId = 908263584;let metafieldConfigData = null;metafieldConfigData = {"ask_for_gdpr_consent_enabled":false,"not_selectable_variants_enabled":true,"pre_order_products_enabled":false,"ui_style":{"notify_me_styles":[{"wrapper":null,"page":"LANDING_PAGES","inline_display_mode":"NOT_DISPLAYED","show_floating_button":false,"inject_in_parent_of_wrapper":false,"inject_to_all_wrappers":false,"inject_to_all_elements_of_each_wrapper":false,"handle_rerenders":true,"prepend_to_wrapper":false,"custom_styles":null,"enable_variant_listener_on_cards":false,"product_card_selector":null,"displayed_product_resolution_enabled":false,"variant_picker_selector":null,"selected_anchor_selector":null,"general_card_placement_enabled":false,"card_scoped_wrapper_enabled":false,"variant_group_availability_enabled":false,"quick_view_widget_lifecycle_enabled":false,"style_mode":"SMART"},{"wrapper":null,"page":"COLLECTION_PAGE","inline_display_mode":"NOT_DISPLAYED","show_floating_button":false,"inject_in_parent_of_wrapper":false,"inject_to_all_wrappers":false,"inject_to_all_elements_of_each_wrapper":false,"handle_rerenders":true,"prepend_to_wrapper":false,"custom_styles":{"color":"","showIcon":false,"iconColor":"","borderSize":"","borderColor":"","borderRadius":"","backgroundColor":""},"enable_variant_listener_on_cards":false,"product_card_selector":null,"displayed_product_resolution_enabled":false,"variant_picker_selector":null,"selected_anchor_selector":null,"general_card_placement_enabled":false,"card_scoped_wrapper_enabled":false,"variant_group_availability_enabled":false,"quick_view_widget_lifecycle_enabled":false,"style_mode":"MANUAL"}],"product_page_notify_me_style":{"wrapper":[".product-form-buttons.spacing-style",".shopify-product-form"],"support_wrapper":null,"css_selector_from_theme":null,"inline_display_mode":"BUTTON","show_floating_button":false,"hide_buy_it_now_button":true,"inject_in_parent_of_wrapper":false,"inject_to_all_wrappers":false,"handle_rerenders":true,"prepend_to_wrapper":false,"css_selector":"add-to-cart-component>button[type='submit'].button.add-to-cart-button.button-secondary","css_selector_by_support":null,"custom_styles":{"color":"","showIcon":false,"iconColor":"","borderSize":"","borderColor":"","borderRadius":"","backgroundColor":""},"custom_variant_listener":{"element":null,"property":null,"is_dataset_property":false},"use_add_to_cart_button_selector":false,"style_mode":"MANUAL"},"subscription_form_style":{"custom_styles":null,"style_mode":"SMART","name_field_is_visible":false,"name_field_is_required":false,"email_field_is_required":false,"phone_field_is_required":false,"whatsapp_field_is_required":false,"quantity_field_is_visible":false,"quantity_max_value":10},"button_classes":["button","add-to-cart-button","button-secondary"],"global_raw_css":"","product_page_raw_css":null,"after_subscribe_message_styles":{"toastColor":"fff","toastBackgroundColor":"0cd4a6"}},"ui_contents":[{"notify_me_contents":[{"page":"LANDING_PAGES","button_text":"Notify Me","not_selectable_variants_button_text":"Out of stock? Click here"},{"page":"COLLECTION_PAGE","button_text":"Plan Your Buy","not_selectable_variants_button_text":"Out of stock? Click here"},{"page":"PRODUCT_PAGE","button_text":"Notify Me","not_selectable_variants_button_text":"Out of stock? Click here"}],"subscription_form_content":{"form_title":"Notify me via:","email_input_placeholder":"Email Address ...","email_input_below_text":"Don’t worry! We hate spam as much as you do.","email_label":"Email","full_name_label":"Name","full_name_placeholder":"Full name ...","push_label":"Push notification","sms_label":"Sms","sms_input_placeholder":"1234567890","whatsapp_label":"Whatsapp","whatsapp_input_placeholder":"Whatsapp Number ...","empty_name_error_message":"Name is required.","name_length_error_message":"Name is too long.","invali
56489d_email_error_message":"Your email address is not valid.","empty_email_error_message":"Email is required.","invalid_phone_number_error_message":"Your phone number is not valid.","empty_phone_number_error_message":"Phone number is required.","no_channels_selected_error_message":"You need to subscribe to one of the channels.","button_text":"Notify Me When Available","add_to_contacts_checkbox_text":"Notify me about other news or offers too","privacy_policy_text":"I have read and agree to the {{privacy_policy_url_text}}.","privacy_policy_url_text":"privacy policy","privacy_policy_url":"","privacy_policy_error_message":"You must accept our privacy policy","after_subscribe_message_text":"We will notify you when the item is available","already_subscribed_message_text":"You already have subscribed for this item","push_is_not_allowed_message_text":"You didn\\'t allow this site to send you push notifications. To receive back-in-stock notification from this shop.","style_mode":"SMART","quantity_label":"Quantity"},"language":"en"},{"notify_me_contents":[{"page":"LANDING_PAGES","button_text":"Notificarme","not_selectable_variants_button_text":"¿Agotado?haga clic aquí"},{"page":"PRODUCT_PAGE","button_text":"Notificarme","not_selectable_variants_button_text":"¿Agotado?haga clic aquí"},{"page":"COLLECTION_PAGE","button_text":"Notificarme","not_selectable_variants_button_text":"¿Agotado?haga clic aquí"}],"subscription_form_content":{"form_title":"Notificarme a través de:","email_input_placeholder":"Dirección de correo electrónico ...","email_input_below_text":"¡No te preocupes!Odiamos el spam tanto como tú.","email_label":"Correo electrónico","full_name_label":"Name","full_name_placeholder":"Full name ...","push_label":"Notificación de inserción","sms_label":"SMS","sms_input_placeholder":"Número de teléfono ...","whatsapp_label":"Whatsapp","whatsapp_input_placeholder":"Whatsapp Number ...","empty_name_error_message":"Name is required.","name_length_error_message":"Name is too long.","invalid_email_error_message":"Su dirección de correo electrónico no es válida.","empty_email_error_message":"Email is required.","invalid_phone_number_error_message":"Su número de teléfono no es válido.","empty_phone_number_error_message":"Phone number is required.","no_channels_selected_error_message":"You need to subscribe to one of the channels.","button_text":"Notificarme cuando esté disponible","add_to_contacts_checkbox_text":"Notificarme sobre otras noticias u ofertas también","privacy_policy_text":"I have read and agree to the {{privacy_policy_url_text}}.","privacy_policy_url_text":"privacy policy","privacy_policy_url":"","privacy_policy_error_message":"You must accept our privacy policy","after_subscribe_message_text":"Le notificaremos cuando el artículo esté disponible","already_subscribed_message_text":"Ya te has suscrito para este artículo","push_is_not_allowed_message_text":"No permitió que este sitio le envíe notificaciones push.Para recibir una notificación de retroceso de esta tienda.","style_mode":"SMART","quantity_label":"Quantity"},"language":"es"}],"default_language":"en","shop_id":18633,"app_enabled":true,"base_url":"https://api.notify-me.app","excluded_from_back_in_stock_variants":[],"included_in_back_in_stock_variants":[],"has_contact_integration":false,"ask_for_contact_integration_is_hidden":false,"privacy_policy_is_hidden":true,"disable_branding_permission":true,"is_email_hidden":false,"is_sms_hidden":false,"is_push_hidden":true,"is_whatsapp_hidden":true,"collection_page_show_button_when_any_variant_is_out_of_stock":false,"home_page_show_button_when_any_variant_is_out_of_stock":false,"subscription_limit_reached":false,"is_back_in_stock_active":true,"back_
56489in_stock_product_selection_mode":"ALL","low_stock":{"excluded_variants":[],"is_service_active":true,"widget_settings":{"show_mode":"LOW_INVENTORY","inventory_threshold":14},"product_page":{"is_elements_shown":true,"ui_contents":{"en":{"description":"Only {{remaining_quantity}} items left in stock!"},"es":{"description":"¡Solo quedan {{remaining_quantity}} artículos en stock!"}},"style_mode":"SMART","widget":{"custom_styles":{"show_icon":true,"icon_color":"453939","text_color":"2e2222"},"wrapper_by_support":null,"inject_to_all_wrappers":false},"inline_button_placements":[]},"collection_page":{"is_elements_shown":false,"ui_contents":{"en":{"description":"Only {{remaining_quantity}} items left in stock!"},"es":{"description":"¡Solo quedan {{remaining_quantity}} artículos en stock!"}},"style_mode":"SMART","widget":{"custom_styles":null,"wrapper_by_support":null,"inject_to_all_wrappers":false},"inline_button_placements":[]},"landing_page":{"is_elements_shown":false,"ui_contents":{"en":{"description":"Only {{remaining_quantity}} items left in stock!"},"es":{"description":"¡Solo quedan {{remaining_quantity}} artículos en stock!"}},"style_mode":"SMART","widget":{"custom_styles":null,"wrapper_by_support":null,"inject_to_all_wrappers":false},"inline_button_placements":[]}},"is_suspended":false,"default_country_code":null};let metafieldPreOrderData = null;metafieldPreOrderData = {"product_page":{"ui_styles":{"badge":{"custom_styles":{"color":"","borderRadius":"","backgroundColor":""},"is_hidden":false},"button":{"custom_styles":{"color":"","borderSize":"","borderColor":"","borderRadius":"","backgroundColor":""},"is_visible":true},"description":{"is_hidden":false},"hide_buy_it_now_button":true,"is_active":false,"price":{"custom_styles":null,"format":"{symbol}{price}","is_hidden":false},"replace_with_add_to_cart_button":true,"selling_plan_selector":{"custom_styles":{"badgeTextColor":"000000","cardTitleColor":"202223","cardBorderColor":"e4e5e7","cardBorderRadius":"8","badgeBorderRadius":"6","cardBackgroundColor":"ffffff","badgeBackgroun
56489dColor":"e4e5e7","cardDescriptionColor":"6d7175"},"is_active":false,"custom_css":""},"style_mode":"MANUAL"},"ui_contents":{"en":{"badge_text":"Pre-order","widget_description":"PRE ORDER | shipping in July","btn_text":"Pre-order now","soon_available_text":"Coming soon","billing_full_payment_text":"Full payment at checkout","billing_due_now_label":"Due now","billing_due_later_label":"Due later on","selling_plan_full_payment_title":"Full payment","selling_plan_partial_payment_title":"Reserve now, pay later","selling_plan_selector_save_label":"Save"},"es":{"badge_text":"Hacer un pedido","widget_description":"¡El producto estará disponible pronto!","btn_text":"Reserva ahora","soon_available_text":"Coming soon","billing_full_payment_text":"Full payment at checkout","billing_due_now_label":"Due now","billing_due_later_label":"Due later on","selling_plan_full_payment_title":"Full payment","selling_plan_partial_payment_title":"Reserve now, pay later","selling_plan_selector_save_label":"Save"}},"elements_selectors":{"button":{"css_selector":"add-to-cart-component>button[type='submit'].button.add-to-cart-button.button-secondary","css_selector_by_support":null,"css_selector_from_theme":null},"price":{"css_selector":null,"css_selector_by_support":null,"css_selector_from_theme":null},"description":{"wrapper_by_support":null},"selling_plan_selector":{"css_selector":null,"css_selector_by_support":null,"css_selector_from_theme":null},"inject_to_all_wrappers":false}},"collection_page":{"ui_styles":{"is_active":false,"button":{"custom_styles":null,"is_visible":true},"badge":{"custom_styles":{"text_color":"000","border_radius":10,"background_color":"e4e5e7","discount_text_color":"000"},"is_visible":false,"position":"TOP_RIGHT"},"style_mode":"SMART"},"ui_contents":{"en":{"btn_text":"Pre-order now","badge_text":"Pre-order"},"es":{"btn_text":"Reserva ahora","badge_text":"Pre-order"}},"elements_selectors":{"button":{"css_selector":null,"css_selector_by_support":null,"css_selector_from_theme":null},"badge_parent":{"css_selector":null,"css_selector_by_support":null,"css_selector_from_theme":null},"price":{"css_selector":null,"css_selector_by_support":null,"css_selector_from_theme":null,"format":"{symbol}{price}","is_hidden":false},"quick_view_button":{"css_selector":null,"css_selector_by_support":null,"css_selector_from_theme":null},"quick_view_section":{"css_selector":null,"css_selector_by_support":null,"css_selector_from_theme":null},"quick_view_section_add_to_cart_button":{"css_selector":null,"css_selector_by_support":null,"css_selector_from_theme":null},"inject_to_all_wrappers":false},"enable_variant_listener_on_cards":false},"landing_page":{"ui_styles":{"is_active":false,"button":{"custom_styles":null,"is_visible":true},"badge":{"custom_styles":{"text_color":"000","border_radius":10,"background_color":"e4e5e7","discount_text_color":"000"},"is_visible":false,"position":"TOP_RIGHT"},"style_mode":"SMART"},"ui_contents":{"en":{"btn_text":"Pre-order now","badge_text":"Pre-order"},"es":{"btn_text":"Reserva ahora","badge_text":"Pre-order"}},"elements_selectors":{"button":{"css_selector":null,"css_selector_by_support":null,"css_selector_from_theme":null},"badge_parent":{"css_selector":null,"css_selector_by_support":null,"css_selector_from_theme":null},"price":{"css_selector":null,"css_selector_by_support":null,"css_selector_from_theme":null,"format":"{symbol}{price}","is_hidden":false},"quick_view_button":{"css_selector":null,"css_selector_by_support":null,"css_selector_from_theme":null},"quick_view_section":{"css_selector":null,"css_selector_by_support":null,"css_selector_from_theme":null},"quick_view_section_add_to_cart_button":{"css_selector":null,"css_selector_by_support":null,"css_selector_from_theme":null},"inject_to_all_wrappers":false},"enable_variant_listener_on_cards":false},"limit_reached":false,"variant_ids":[],"is_selling_plan_removed_by_support":false,"selling_plans_settings":{},"selling_plans_billing_settings":{},"selling_plan_id_to_market_ids":{},"selling_plan_id_to_variant_ids":{},"is_service_active":true,"override_cart_requests":true,"excluded_catalogs_products":[],"excluded_catalogs_collections":[],"excluded_company_locations":[],"description_availability_config":{},"mixed_cart_alert":{"show_mixed_cart_alert":false,"is_active":false,"ui_styles":{"show_icon":true,"show_title":true,"show_body":true,"style_mode":"SMART","custom_css":"","custom_styles":{"color":"1A1A1A","iconColor":"616161","borderColor":"F1F1F1","borderRadius":8,"backgroundColor":"F1F1F1"}},"elements_selectors":{"cart_page":{"css_selector":null,"css_selector_by_support":null,"css_selector_from_theme":null},"cart_drawer":{"css_selector":null,"css_selector_by_support":null,"css_selector_from_theme":null}},"ui_contents":{"en":{"title":"Shipping Notice","body":"Your order 
56489contains items with different delivery dates."},"es":{"title":"Shipping Notice","body":"Your order contains items with different delivery dates."}}}};let metafieldWishlistData = undefined;metafieldWishlistData = {"is_service_active":true,"is_guest_mode_enabled":true,"reminder_channels":[],"share_wishlist_enabled":false,"share_wishlist_channels":["x","whatsapp","facebook","pinterest","telegram","email"],"excluded_variant_ids":[],"wishlist_buttons":{"product_page":{"is_visible":false,"style_mode":"SMART","custom_styles":{"color":"","iconColor":"","borderSize":"","borderColor":"","borderRadius":"","backgroundColor":""},"slim_custom_styles":{"color":"","iconColor":""},"inject_to_all_wrappers":false,"icon":"heart","inline_button_placements":[],"button_style":"SLIM"},"collection_page":{"is_visible":false,"custom_styles":null,"icon":"","position":"","mode":"","button_placements":[]},"landing_page":{"is_visible":false,"custom_styles":null,"icon":"","position":"","mode":"","button_placements":[]}},"limit_reached":false,"ui_contents":{"es":{"id":65955,"add_to_wishlist_button_label":"Añadir a la lista de deseos","remove_from_wishlist_button_label":"Está en la lista de deseos.","list_access_button_label":"Lista de deseos","list_title":"Lista de deseos","list_add_all_to_cart_button_label":"Añadir todo al carrito","list_share_button_label":"Share with friends","share_modal_subtitle":"Share your wishlist publicly via link or social media","share_social_share_text":"Check out my wishlist","share_error_message":"Couldn't create the link. Please try again.","share_empty_title":"No shareable link yet","share_empty_description":"Generate a unique link so your friends can see what's on your wishlist","share_generate_button_label":"Generate shareable link","share_empty_footer":"You can change visibility to private anytime","share_copy_link_label":"Copy link","share_copy_button_label":"Copy","share_copied_button_label":"Copied","share_generating_label":"Generating a link…","share_social_label":"Share on social","share_access_label":"General access","
56489share_access_anyone_label":"Anyone with the link","share_access_anyone_description":"Anyone with the link can view this wishlist","share_access_only_you_label":"Only you","share_access_only_you_description":"This wishlist is private and only visible to you","shared_wishlist_empty_description":"This shared wishlist is empty.","shared_wishlist_title":"Shared wishlist","private_wishlist_message":"This wishlist is private","product_card_add_to_cart_button_label":"Añadir a la cesta","product_card_out_of_stock_button_label":"Agotado","product_count_label":"{count} product(s)","empty_list_description":"¡Aún no te ha gustado ningún producto!","empty_list_explore_button_label":"Explorar la tienda","add_to_cart_toast_message":"Añadido a tu carrito","add_to_cart_failure_message":"Failed to add items to cart.","saved_to_wishlist_toast_message":"Saved to your wishlist","login_modal_button_label":"Acceso","login_modal_description":"Inicie sesión en su cuenta para agregar productos a su lista de deseos y ver los artículos guardados anteriormente.","login_modal_title":"Se requiere iniciar sesión"},"en":{"id":14452,"add_to_wishlist_button_label":"Add to wishlist","remove_from_wishlist_button_label":"It’s in wishlist","list_access_button_label":"Wishlist","list_title":"Wishlist","list_add_all_to_cart_button_label":"Add all to cart","list_share_button_label":"Share with friends","share_modal_subtitle":"Share your wishlist publicly via link or social media","share_social_share_text":"Check out my wishlist","share_error_message":"Couldn't create the link. Please try again.","share_empty_title":"No shareable link yet","share_empty_description":"Generate a unique link so your friends can see what's on your wishlist","share_generate_button_label":"Generate shareable link","share_empty_footer":"You can change visibility to private anytime","share_copy_link_label":"Copy link","share_copy_button_label":"Copy","share_copied_button_label":"Copied","share_generating_label":"Generating a link…","share_social_label":"Share on social","share_access_label":"General access","
56489share_access_anyone_label":"Anyone with the link","share_access_anyone_description":"Anyone with the link can view this wishlist","share_access_only_you_label":"Only you","share_access_only_you_description":"This wishlist is private and only visible to you","shared_wishlist_empty_description":"This shared wishlist is empty.","shared_wishlist_title":"Shared wishlist","private_wishlist_message":"This wishlist is private","product_card_add_to_cart_button_label":"Add to cart","product_card_out_of_stock_button_label":"Out of stock","product_count_label":"{count} product(s)","empty_list_description":"You didn't like any products yet!","empty_list_explore_button_label":"Explore store","add_to_cart_toast_message":"Added to your cart","add_to_cart_failure_message":"Failed to add items to cart.","saved_to_wishlist_toast_message":"Saved to your wishlist","login_modal_button_label":"Login","login_modal_description":"Log in to your account to add products to your wishlist and view your previously saved items.","login_modal_title":"Login required"}},"access_button":{"custom_styles":null,"icon":"heart","position":"bottom-left","hide_floating_button":false,"floating_access_button_hidden_on_pages":[],"show_count_badge":false,"badge_custom_styles":null,"inline_button_placements":[]},"drawer":{"custom_styles":null,"position":"left","my_wishlist_type":"drawer","my_wishlist_page_path":"/pages/my-wishlist","explore_link_target":""},"my_wishlist":{"type":"drawer","page_path":"/pages/my-wishlist"},"add_to_cart_message":{"custom_styles":null,"position":"bottom-right"},"saved_to_wishlist_message":{"is_enabled":false,"custom_styles":null,"position":"bottom-right"}};let metafieldFlagsData = null;metafieldFlagsData = {};_ReStockConfig._metafields = {
56490    sdkConfig: metafieldConfigData,
56491    preOrderConfig: metafieldPreOrderData,
56492    wishlistConfig: metafieldWishlistData,
56493    featureFlags: metafieldFlagsData
56494  };
56495</script>
56495
56496
56497<!-- BEGIN app snippet: early-cart-guard -->
56497<script id="ReStock-early-cart-guard">
56498(function (window) {
56499  try {
56500    if (window.__nmPreorderEarlyGuard) return;
56501
56502    let cfg = null;
56503    const metafields = window._ReStockConfig?._metafields;
56504    if (metafields?.preOrderConfig && typeof metafields.preOrderConfig === 'object') {
56505      cfg = metafields.preOrderConfig;
56506    }
56507
56508    let wrappersInstalled = false;
56509
56510    window.__nmPreorderEarlyGuard = {
56511      v: 1,
56512      active: true,
56513      setConfig: function (nextConfig) {
56514        if (!nextConfig || typeof nextConfig !== 'object') return;
56515        cfg = nextConfig;
56516        if (cfg.override_cart_requests === true) installWrappers();
56517      }
56518    };
56519
56520    function isGuardActive() {
56521      return window.__nmPreorderEarlyGuard?.active === true;
56522    }
56523
56524    function isCartAddUrl(url) {
56525      try {
56526        const parsed = new URL(String(url), window.document.baseURI);
56527        return /(?:^|\/)cart\/add(?:\.js(?:on)?)?$/.test(parsed.pathname);
56528      } catch (error) {
56529        return false;
56530      }
56531    }
56532
56533    function isPageActive() {
56534      const template = window._ReStockConfig?.templateName;
56535      let pageConfig = null;
56536      if (template === 'product') {
56537        pageConfig = cfg.product_page;
56538      } else if (template === 'collection' || template === 'list-collections' || template === 'search' || template === 'page') {
56539        pageConfig = cfg.collection_page;
56540      } else if (template === 'index') {
56541        pageConfig = cfg.landing_page;
56542      }
56543      return pageConfig?.ui_styles?.is_active === true;
56544    }
56545
56546    function shouldEnrich() {
56547      if (!cfg) return false;
56548      if (cfg.override_cart_requests !== true) return false;
56549      if (cfg.is_service_active !== true) return false;
56550      if (cfg.limit_reached === true) return false;
56551      if (window._ReStockConfig?.isB2BCustomer) return false;
56552      return isPageActive();
56553    }
56554
56555    function isPlanVisibleInMarket(planId) {
56556      const planToMarkets = cfg.selling_plan_id_to_market_ids;
56557      if (!planToMarkets) return true;
56558      const allowedMarketIds = planToMarkets[planId];
56559      if (!allowedMarketIds || allowedMarketIds.length === 0) return true;
56560      const marketId = window._ReStockConfig?.marketId;
56561      if (marketId == null) return true;
56562      return allowedMarketIds.includes(Number(marketId));
56563    }
56564
56565    function findSellingPlanId(variantId) {
56566      const planToVariants = cfg.selling_plan_id_to_variant_ids;
56567      if (!planToVariants) return null;
56568      for (const planId of Object.keys(planToVariants)) {
56569        const variantIds = planToVariants[planId];
56570        if (variantIds && variantIds.includes(variantId) && isPlanVisibleInMarket(planId)) return planId;
56571      }
56572      return null;
56573    }
56574
56575    function localizedContents() {
56576      const contents = cfg.product_page?.ui_contents;
56577      if (!contents || typeof contents !== 'object') return {};
56578      return contents[shopLanguage()] || contents['en'] || Object.values(contents)[0] || {};
56579    }
56580
56581    function shopLanguage() {
56582      const locale = window.Shopify?.locale;
56583      if (locale) return locale;
56584      const documentLanguage = window.document?.documentElement?.lang;
56585      if (documentLanguage && documentLanguage !== 'null') return documentLanguage;
56586      return null;
56587    }
56588
56589    function formatDate(date) {
56590      return date.toISOString().split('T')[0];
56591    }
56592
56593    function toFiniteNumber(value) {
56594      if (typeof value === 'number') return Number.isFinite(value) ? value : null;
56595      if (typeof value === 'string') {
56596        const parsed = parseFloat(value);
56597        return Number.isFinite(parsed) ? parsed : null;
56598      }
56599      return null;
56600    }
56601
56602    function clamp(value, min, max) {
56603      return Math.min(max, Math.max(min, value));
56604    }
56605
56606    function availabilityDateText(planId) {
56607      const settings = cfg.description_availability_config?.[planId];
56608      if (!settings) return '';
56609      if (settings.type === 'SOON') return localizedContents().soon_available_text || '';
56610      if (settings.type === 'SPECIFIC_DATE') {
56611        const parsed = new Date(settings.config.date);
56612        return isNaN(parsed.getTime()) ? '' : formatDate(parsed);
56613      }
56614      if (settings.type === 'RELATIVE_DATE') {
56615        const days = typeof settings.config.days === 'string' ? parseInt(settings.config.days, 10) : settings.config.days;
56616        if (isNaN(days)) return '';
56617        const futureDate = new Date();
56618        futureDate.setDate(futureDate.getDate() + days);
56619        return formatDate(futureDate);
56620      }
56621      return '';
56622    }
56623
56624    function inlineVariantPrice(variantId) {
56625      const variants = window._ReStockConfig?.product?.variants;
56626      if (!Array.isArray(variants)) return null;
56627      const variant = variants.find(function (candidate) {
56628        return Number(candidate?.id) === variantId;
56629      });
56630      if (!variant) return null;
56631      return variant.price ? variant.price / 100 : 0;
56632    }
56633
56634    function finalPriceForPlan(price, planId) {
56635      const adjustment = cfg.selling_plans_settings?.[planId];
56636      if (!adjustment?.has_discount) return price;
56637      if (adjustment.value_type === 'percentage') return price * (1 - adjustment.value / 100);
56638      if (adjustment.value_type === 'fixed_amount') return price - adjustment.value * (window.Shopify?.currency?.rate ?? 1);
56639      return price;
56640    }
56641
56642    function formatMoneyIntl(price) {
56643      const currency = window.Shopify?.currency?.active || 'USD';
56644      const locale = window.Shopify?.locale || 'en-US';
56645      try {
56646        return new Intl.NumberFormat(locale, { style: 'currency', currency: currency }).format(price);
56647      } catch (error) {
56648        return currency + ' ' + price.toFixed(2);
56649      }
56650    }
56651
56652    const AMOUNT_PLACEHOLDER = /\{\{\s*(\w+)\s*\}\}/;
56653
56654    function delimit(cents, precision, thousands, decimal) {
56655      const parts = (cents / 100).toFixed(precision).split('.');
56656      const grouped = parts[0].replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1' + thousands);
56657      return parts[1] ? grouped + (decimal || '.') + parts[1] : grouped;
56658    }
56659
56660    const AMOUNT_FORMATTERS = new Map([
56661      ['amount', function (cents) { return delimit(cents, 2, ','); }],
56662      ['amount_no_decimals', function (cents) { return delimit(cents, 0, ','); }],
56663      ['amount_with_comma_separator', function (cents) { return delimit(cents, 2, '.', ','); }],
56664      ['amount_no_decimals_with_comma_separator', function (cents) { return delimit(cents, 0, '.'); }],
56665      ['amount_with_apostrophe_separator', function (cents) { return delimit(cents, 2, "'"); }],
56666      ['amount_no_decimals_with_space_separator', function (cents) { return delimit(cents, 0, ' '); }],
56667      ['amount_with_space_separator', function (cents) { return delimit(cents, 2, ' ', ','); }],
56668      ['amount_with_period_and_space_separator', function (cents) { return delimit(cents, 2, ' '); }]
56669    ]);
56670
56671    function decodeEntities(s) {
56672      var el = window.document.createElement('textarea'); el.innerHTML = s; return el.value;
56673    }
56674
56675    function moneyFormat() {
56676      const format = window._ReStockConfig?.moneyFormat;
56677      return typeof format === 'string' ? decodeEntities(format.replace(/<[^>]*>/g, '')) : '';
56678    }
56679
56680    function formatMoney(amount) {
56681      const format = moneyFormat();
56682      const formatAmount = AMOUNT_FORMATTERS.get(AMOUNT_PLACEHOLDER.exec(format)?.[1] ?? '');
56683      if (!formatAmount) return formatMoneyIntl(amount);
56684      return format.replace(AMOUNT_PLACEHOLDER, formatAmount(Math.round(amount * 100)));
56685    }
56686
56687    function calculateCheckoutCharge(price, policy) {
56688      const { charge_type, exact_amount, percentage } = policy.checkout_charge;
56689      if (!Number.isFinite(price) || price <= 0) return 0;
56690      if (charge_type === 'PERCENTAGE') return clamp(price * ((toFiniteNumber(percentage) ?? 0) / 100), 0, price);
56691      return clamp(toFiniteNumber(exact_amount) ?? 0, 0, price);
56692    }
56693
56694    function formatRemainingDueDate(policy) {
56695      const { date_type, exact_date, after_some_days } = policy.remaining_fee_checkout_time;
56696      if (date_type === 'EXACT_DATE' && exact_date) {
56697        const parsed = new Date(exact_date + 'T12:00:00Z');
56698        if (!isNaN(parsed.getTime())) return formatDate(parsed);
56699      }
56700      if (date_type === 'AFTER_SOME_DAYS' && after_some_days) {
56701        const days = toFiniteNumber(after_some_days);
56702        if (days === null) return '';
56703        const futureDate = new Date();
56704        futureDate.setDate(futureDate.getDate() + days);
56705        return formatDate(futureDate);
56706      }
56707      return '';
56708    }
56709
56710    function paymentText(planId, variantId) {
56711      const policy = cfg.selling_plans_billing_settings?.[planId];
56712      if (!policy) return '';
56713      const contents = localizedContents();
56714      if (policy.payment_type === 'FULL') return contents.billing_full_payment_text || 'Full payment at checkout';
56715
56716      const price = inlineVariantPrice(variantId);
56717      if (price == null) return '';
56718
56719      const planPrice = finalPriceForPlan(price, planId);
56720      const dueNowAmount = calculateCheckoutCharge(planPrice, policy);
56721      const dueLaterAmount = clamp(planPrice - dueNowAmount, 0, planPrice);
56722      const dueDate = formatRemainingDueDate(policy);
56723
56724      const dueNowLabel = contents.billing_due_now_label || 'Due now';
56725      const dueLaterLabel = contents.billing_due_later_label || 'Due later on';
56726      const formattedDueNow = formatMoney(dueNowAmount);
56727      const formattedDueLater = formatMoney(dueLaterAmount);
56728      const dueLaterPart = dueDate
56729        ? formattedDueLater + ' ' + dueLaterLabel + ' ' + dueDate
56730        : formattedDueLater + ' ' + dueLaterLabel;
56731
56732      return formattedDueNow + ' ' + dueNowLabel + ' · ' + dueLaterPart;
56733    }
56734
56735    const DEFAULT_AVAILABILITY_LABEL = 'Expected availability';
56736    const DEFAULT_PAYMENT_LABEL = 'Payment';
56737    const TYPE_MARKER = 'Type';
56738
56739    function cleanLabel(raw) {
56740      return String(raw == null ? '' : raw)
56741        .replace(/[[\]]/g, '')
56742        .replace(/[\s::]+$/, '')
56743        .trim();
56744    }
56745
56746    function resolvePaymentLabel(raw) {
56747      const cleaned = cleanLabel(raw);
56748      if (!cleaned || cleaned.charAt(0) === '_' || cleaned === TYPE_MARKER || cleaned === DEFAULT_AVAILABILITY_LABEL) {
56749        return DEFAULT_PAYMENT_LABEL;
56750      }
56751      return cleaned;
56752    }
56753
56754    function resolveAvailabilityLabel(raw, paymentLabel) {
56755      const cleaned = cleanLabel(raw);
56756      if (!cleaned || cleaned.charAt(0) === '_' || cleaned === TYPE_MARKER || cleaned === paymentLabel) {
56757        return DEFAULT_AVAILABILITY_LABEL;
56758      }
56759      return cleaned;
56760    }
56761
56762    function visibleCartProperties(planId, variantId) {
56763      const properties = {};
56764      try {
56765        const contents = localizedContents();
56766        const paymentLabel = resolvePaymentLabel(contents.payment_label);
56767        const availabilityLabel = resolveAvailabilityLabel(contents.availability_date_label, paymentLabel);
56768        const availabilityDate = availabilityDateText(planId);
56769        if (availabilityDate) properties[availabilityLabel] = availabilityDate;
56770        const payment = paymentText(planId, variantId);
56771        if (payment) properties[paymentLabel] = payment;
56772      } catch (error) {}
56773      return properties;
56774    }
56775
56776    function setJsonProperty(item, name, value) {
56777      const properties = item.properties && typeof item.properties === 'object' && !Array.isArray(item.properties) ? item.properties : {};
56778      if (properties[name] === value) return false;
56779      properties[name] = value;
56780      item.properties = properties;
56781      return true;
56782    }
56783
56784    function coerceJsonNumbers(item) {
56785      if (item.id) item.id = Number(item.id);
56786      if (item.quantity) item.quantity = Number(item.quantity);
56787    }
56788
56789    function applyVisibleJsonProperties(item, planId, variantId) {
56790      const properties = visibleCartProperties(planId, variantId);
56791      let changed = false;
56792      for (const name of Object.keys(properties)) {
56793        if (setJsonProperty(item, name, properties[name])) changed = true;
56794      }
56795      return changed;
56796    }
56797
56798    function enrichJsonItem(item) {
56799      if (!item || typeof item !== 'object') return false;
56800      const variantId = Number(item.id);
56801      if (!Number.isFinite(variantId)) return false;
56802      const planId = findSellingPlanId(variantId);
56803      if (planId == null) return false;
56804
56805      if (cfg.is_selling_plan_removed_by_support) {
56806        const tagged = setJsonProperty(item, '_purchase_type', 'NM-preorder');
56807        const typed = setJsonProperty(item, 'Type', 'Pre-order');
56808        if (!tagged && !typed) return false;
56809        coerceJsonNumbers(item);
56810        return true;
56811      }
56812
56813      if (item.selling_plan != null && item.selling_plan !== '' && String(item.selling_plan) === String(planId)) return false;
56814
56815      setJsonProperty(item, '_purchase_type', 'NM-preorder');
56816      if (item.selling_plan == null || item.selling_plan === '') item.selling_plan = Number(planId);
56817      if (item.properties._selling_plan_id == null) setJsonProperty(item, '_selling_plan_id', String(planId));
56818      applyVisibleJsonProperties(item, planId, variantId);
56819      coerceJsonNumbers(item);
56820      return true;
56821    }
56822
56823    function enrichJson(data) {
56824      if (!data || typeof data !== 'object') return false;
56825      if (Array.isArray(data.items)) {
56826        let changed = false;
56827        for (const item of data.items) {
56828          if (enrichJsonItem(item)) changed = true;
56829        }
56830        return changed;
56831      }
56832      if (data.items && typeof data.items === 'object') return enrichJsonItem(data.items);
56833      return enrichJsonItem(data);
56834    }
56835
56836    function paramScopes(params) {
56837      const prefixes = [];
56838      const seen = {};
56839      params.forEach(function (value, key) {
56840        const match = /^items\[(\d+)\]\[id\]$/.exec(key);
56841        if (match && !seen[match[1]]) {
56842          seen[match[1]] = true;
56843          prefixes.push('items[' + match[1] + ']');
56844        }
56845      });
56846      if (prefixes.length > 0) return prefixes;
56847      if (params.get('items[id]') != null) return ['items'];
56848      if (params.get('id') != null) return [''];
56849      return [];
56850    }
56851
56852    function scopeKey(prefix, name) {
56853      return prefix ? prefix + '[' + name + ']' : name;
56854    }
56855
56856    function scopePropertyKey(prefix, name) {
56857      return prefix ? prefix + '[properties][' + name + ']' : 'properties[' + name + ']';
56858    }
56859
56860    function setParam(params, key, value) {
56861      if (params.get(key) === value) return false;
56862      params.set(key, value);
56863      return true;
56864    }
56865
56866    function applyRemovedBySupportParams(params, prefix) {
56867      const tagged = setParam(params, scopePropertyKey(prefix, '_purchase_type'), 'NM-preorder');
56868      const typed = setParam(params, scopePropertyKey(prefix, 'Type'), 'Pre-order');
56869      return tagged || typed;
56870    }
56871
56872    function applyVisibleParamProperties(params, prefix, planId, variantId) {
56873      const properties = visibleCartProperties(planId, variantId);
56874      let changed = false;
56875      for (const name of Object.keys(properties)) {
56876        if (setParam(params, scopePropertyKey(prefix, name), properties[name])) changed = true;
56877      }
56878      return changed;
56879    }
56880
56881    function enrichParamScope(params, prefix, planId, variantId) {
56882      if (cfg.is_selling_plan_removed_by_support) return applyRemovedBySupportParams(params, prefix);
56883
56884      const existingPlan = params.get(scopeKey(prefix, 'selling_plan'));
56885      if (existingPlan != null && existingPlan !== '' && String(existingPlan) === String(planId)) return false;
56886
56887      let changed = setParam(params, scopePropertyKey(prefix, '_purchase_type'), 'NM-preorder');
56888      if (existingPlan == null || existingPlan === '') {
56889        params.set(scopeKey(prefix, 'selling_plan'), String(planId));
56890        changed = true;
56891      }
56892      if (params.get(scopePropertyKey(prefix, '_selling_plan_id')) == null) {
56893        params.set(scopePropertyKey(prefix, '_selling_plan_id'), String(planId));
56894        changed = true;
56895      }
56896      if (applyVisibleParamProperties(params, prefix, planId, variantId)) changed = true;
56897      return changed;
56898    }
56899
56900    function enrichParams(params) {
56901      const scopes = paramScopes(params);
56902      let changed = false;
56903      for (const prefix of scopes) {
56904        const variantId = Number(params.get(scopeKey(prefix, 'id')));
56905        if (!Number.isFinite(variantId)) continue;
56906        const planId = findSellingPlanId(variantId);
56907        if (planId == null) continue;
56908        if (enrichParamScope(params, prefix, planId, variantId)) changed = true;
56909      }
56910      return changed;
56911    }
56912
56913    function enrichBody(body) {
56914      if (typeof body === 'string') {
56915        let jsonData = null;
56916        try {
56917          jsonData = JSON.parse(body);
56918        } catch (error) {
56919          jsonData = null;
56920        }
56921        if (jsonData && typeof jsonData === 'object') {
56922          return enrichJson(jsonData) ? { body: JSON.stringify(jsonData), changed: true } : { body: body, changed: false };
56923        }
56924        const params = new URLSearchParams(body);
56925        return enrichParams(params) ? { body: params.toString(), changed: true } : { body: body, changed: false };
56926      }
56927      if (typeof FormData !== 'undefined' && body instanceof FormData) {
56928        return { body: body, changed: enrichParams(body) };
56929      }
56930      if (typeof URLSearchParams !== 'undefined' && body instanceof URLSearchParams) {
56931        return { body: body, changed: enrichParams(body) };
56932      }
56933      return { body: body, changed: false };
56934    }
56935
56936    function extractRequestUrl(input) {
56937      if (typeof input === 'string') return input;
56938      if (typeof input?.url === 'string') return input.url;
56939      if (typeof input?.href === 'string') return input.href;
56940      return '';
56941    }
56942
56943    function maybeEnrichFetchInit(input, init) {
56944      if (!isGuardActive() || !init || init.body == null) return init;
56945      const url = extractRequestUrl(input);
56946      if (!isCartAddUrl(url) || !shouldEnrich()) return init;
56947      const enriched = enrichBody(init.body);
56948      if (!enriched.changed) return init;
56949      return { ...init, body: enriched.body };
56950    }
56951
56952    function installWrappers() {
56953      if (wrappersInstalled) return;
56954      wrappersInstalled = true;
56955
56956      const originalFetch = window.fetch;
56957      window.fetch = function (input, init) {
56958        let nextInit = init;
56959        try {
56960          nextInit = maybeEnrichFetchInit(input, init);
56961        } catch (error) {}
56962        return originalFetch.call(this || window, input, nextInit);
56963      };
56964
56965      const xhrPrototype = window.XMLHttpRequest?.prototype;
56966      if (xhrPrototype) {
56967        const originalOpen = xhrPrototype.open;
56968        const originalSend = xhrPrototype.send;
56969        xhrPrototype.open = function () {
56970          try {
56971            this.__nmEarlyGuardUrl = arguments[1];
56972          } catch (error) {}
56973          return originalOpen.apply(this, arguments);
56974        };
56975        xhrPrototype.send = function (body) {
56976          try {
56977            if (isGuardActive() && body != null && this.__nmEarlyGuardUrl != null && isCartAddUrl(this.__nmEarlyGuardUrl) && shouldEnrich()) {
56978              const enriched = enrichBody(body);
56979              if (enriched.changed) return originalSend.call(this, enriched.body);
56980            }
56981          } catch (error) {}
56982          return originalSend.apply(this, arguments);
56983        };
56984      }
56985    }
56986
56987    if (cfg?.override_cart_requests === true) installWrappers();
56988  } catch (error) {}
56989})(window);
56990</script>
56990
56991<!-- END app snippet -->
56992<!-- BEGIN app snippet: wishlist-page-container -->
56992<script id="ReStock-wishlist-page-container">
56993(function (window) {
56994  try {
56995    if (window.__nmWishlistPageContainer) return;
56996
56997    const CONTAINER_ID = 'nm-wishlist-page-root';
56998    const TARGET_SELECTORS = ['main#MainContent', 'main', '[role="main"]'];
56999    const RELATIVE_PLACEMENTS = ['before', 'after', 'start', 'end'];
57000
57001    function trimTrailingSlash(path) {
57002      const value = String(path);
57003      return value.length > 1 && value.charAt(value.length - 1) === '/' ? value.slice(0, -1) : value;
57004    }
57005
57006    function stripRoutesRoot(pathname) {
57007      const root = window.Shopify?.routes?.root;
57008      if (typeof root !== 'string') return pathname;
57009      const prefix = trimTrailingSlash(root);
57010      if (prefix === '' || prefix === '/') return pathname;
57011      if (pathname === prefix) return '/';
57012      return pathname.indexOf(prefix + '/') === 0 ? pathname.slice(prefix.length) : pathname;
57013    }
57014
57015    function isConfiguredPage(pagePath) {
57016      const pathname = window.location?.pathname;
57017      if (typeof pathname !== 'string') return false;
57018      return trimTrailingSlash(stripRoutesRoot(pathname)) === trimTrailingSlash(pagePath);
57019    }
57020
57021    function hasShareToken() {
57022      const search = window.location?.search;
57023      if (!search) return false;
57024      return !!new URLSearchParams(search).get('w');
57025    }
57026
57027    function isBootable(wishlistConfig, sdkConfig) {
57028      if (!sdkConfig || typeof sdkConfig !== 'object') return false;
57029      if (sdkConfig.app_enabled !== true) return false;
57030      if (sdkConfig.is_suspended === true) return false;
57031      return wishlistConfig.is_service_active === true;
57032    }
57033
57034    function matchElement(selector) {
57035      try {
57036        return window.document.querySelector(selector) || null;
57037      } catch (error) {
57038        return null;
57039      }
57040    }
57041
57042    function configuredTarget(placement) {
57043      if (!placement || typeof placement !== 'object') return null;
57044      if (typeof placement.css_selector !== 'string' || placement.css_selector === '') return null;
57045      const element = matchElement(placement.css_selector);
57046      if (!element) return null;
57047      const relative = RELATIVE_PLACEMENTS.indexOf(placement.relative_placement) === -1 ? 'start' : placement.relative_placement;
57048      return { element: element, relative: relative };
57049    }
57050
57051    function builtInTarget() {
57052      for (const selector of TARGET_SELECTORS) {
57053        const element = matchElement(selector);
57054        if (element) return { element: element, relative: 'start' };
57055      }
57056      return null;
57057    }
57058
57059    function insertContainer(container, target) {
57060      if (target.relative === 'before' || target.relative === 'after') {
57061        const parent = target.element.parentNode;
57062        if (!parent) return false;
57063        parent.insertBefore(container, target.relative === 'before' ? target.element : target.element.nextSibling || null);
57064        return true;
57065      }
57066      target.element.insertBefore(container, target.relative === 'end' ? null : target.element.firstChild || null);
57067      return true;
57068    }
57069
57070    function createContainer(placement) {
57071      const target = configuredTarget(placement) || builtInTarget();
57072      if (!target) return null;
57073      const container = window.document.createElement('div');
57074      container.id = CONTAINER_ID;
57075      container.setAttribute('data-nm-container-source', 'fallback');
57076      return insertContainer(container, target) ? container : null;
57077    }
57078
57079    function usablePagePath(wishlistConfig) {
57080      const myWishlist = wishlistConfig && typeof wishlistConfig === 'object' ? wishlistConfig.my_wishlist : null;
57081      return myWishlist && typeof myWishlist.page_path === 'string' ? myWishlist.page_path : '';
57082    }
57083
57084    function wishlistPageConfig(wishlistConfig) {
57085      const pagePath = usablePagePath(wishlistConfig);
57086      return pagePath && isConfiguredPage(pagePath) ? wishlistConfig.my_wishlist : null;
57087    }
57088
57089    function armContainer(myWishlist) {
57090      const container = window.document.getElementById(CONTAINER_ID) || createContainer(myWishlist.container_placement);
57091      if (container) container.removeAttribute('data-nm-page-state');
57092    }
57093
57094    function markInactive() {
57095      const container = window.document.getElementById(CONTAINER_ID);
57096      if (container) container.setAttribute('data-nm-page-state', 'inactive');
57097    }
57098
57099    function dearmContainer() {
57100      const stale = window.document.getElementById(CONTAINER_ID);
57101      if (stale && stale.getAttribute('data-nm-container-source') === 'fallback') stale.remove();
57102      else markInactive();
57103    }
57104
57105    function ensure(wishlistConfig, sdkConfig) {
57106      try {
57107        const myWishlist = wishlistPageConfig(wishlistConfig);
57108        if (!myWishlist) {
57109          if (usablePagePath(wishlistConfig)) dearmContainer();
57110          return;
57111        }
57112        const active = myWishlist.type === 'separate_page' || hasShareToken();
57113        if (active && isBootable(wishlistConfig, sdkConfig)) armContainer(myWishlist);
57114        else markInactive();
57115      } catch (error) {}
57116    }
57117
57118    window.__nmWishlistPageContainer = { v: 1, ensure: ensure };
57119
57120    const metafields = window._ReStockConfig?._metafields;
57121    ensure(metafields?.wishlistConfig, metafields?.sdkConfig);
57122  } catch (error) {}
57123})(window);
57124</script>
57124
57125<!-- END app snippet -->
57126
57127<script src="https://cdn.shopify.com/extensions/01a0e83c-88a3-702e-8442-82641270f3fe/bestpush-110/assets/restock-sdk-loader.js?v=1790602660" defer></script>
57127
57128
57129<style>
57130  #nm-wishlist-page-root {
57131    min-height: 60vh;
57132  }
57133
57134  #nm-wishlist-page-root[data-nm-container-source="fallback"] {
57135    box-sizing: border-box;
57136    max-width: 1200px;
57137    margin: 0 auto;
57138    padding: 0 1.5rem;
57139  }
57140
57141  #nm-wishlist-page-root[data-nm-page-state="inactive"]:empty {
57142    display: none;
57143  }
57144
57145  #nm-wishlist-page-root:empty {
57146    display: flex;
57147    align-items: center;
57148    justify-content: center;
57149  }
57150
57151  #nm-wishlist-page-root:empty::after {
57152    content: "";
57153    width: 36px;
57154    height: 36px;
57155    border: 3px solid #e3e3e3;
57156    border-top-color: #1773b0;
57157    border-radius: 50%;
57158    animation: nm-wishlist-page-boot-spin 0.7s linear infinite;
57159  }
57160
57161  @keyframes nm-wishlist-page-boot-spin {
57162    to {
57163      transform: rotate(360deg);
57164    }
57165  }
57166
57167  body:has(#nm-wishlist-page-root:not([data-nm-page-state="inactive"])) .main-page-title,
57168  body:has(#nm-wishlist-page-root:not([data-nm-page-state="inactive"])) .page-title,
57169  body:has(#nm-wishlist-page-root:not(:empty)) .main-page-title,
57170  body:has(#nm-wishlist-page-root:not(:empty)) .page-title {
57171    display: none !important;
57172  }
57173</style>
57174
57175
57176</div><div id="shopify-block-AakNoTzR0N0NkN3Z2W__11532412952436166569" class="shopify-block shopify-app-block">
57176<script async src="https://loox.io/widget/E1bCfU17hq/loox.1670267507091.js?shop=mv-suns-kiss.myshopify.com"></script>
57176
57177
57178
57179	<!-- __LXV: 1791052625354;__LXR: https://loox.io;__LXC: E1bCfU17hq; -->
57179<script>var loox_global_hash = '1791052625354';
57180var loox_bundle_reviews_enabled = false;</script>
57180<script>var loox_floating_widget = {"active":true,"rtl":false,"default_text":"Reviews","position":"right","button_text":"Reviews","button_bg_color":"333333","button_text_color":"FFFFFF","display_on_home_page":true,"display_on_product_page":true,"display_on_cart_page":true,"display_on_other_pages":true,"hide_on_mobile":true,"border_radius":{"key":"extraRounded","value":"16px","label":"Extra Rounded"},"orientation":"default"};
57181</script>
57181<style>.loox-reviews-default { max-width: 1200px; margin: 0 auto; }.loox-rating .loox-icon { color:#dfd1c0; }
57182:root { --lxs-rating-icon-color: #dfd1c0; }</style>
57183
57184
57185
57186
57187
57188
57189
57190</div><div id="shopify-block-AaVdUNUZ6K1hJbzJTS__589585951142499307" class="shopify-block shopify-app-block">
57190<script src="https://app.virtooal.com/fashion/blocks/legacy?shopid=44420890784" data-cookieconsent="ignore" async></script>
57190
57191
57192</div><div id="shopify-block-AQkNINnhaL1NjZ3JSQ__14960293953149298449" class="shopify-block shopify-app-block">
57192<script>
57193  const lavarMoneyFormat = "${{amount}} USD";
57194</script>
vendor: 2 bytes, line 57194
57194
57195<script>
57196    const lavarTemplateName = "search";
57197</script>
vendor: 2 bytes, line 57197
57197
57198<script>
57199  const lavarProduct = null;
57200</script>
57200
57201
57202<script>
57203    const shopName = "SOL KYST";
57204</script>
vendor: 2 bytes, line 57204
57204
57205<script>
57206  const lavarShopDateApp = "2026-10-07"
57207  const lavarShopDateNowApp = "2026-10-07 09:06"
57208  const lavarCurrentDayApp = "Wednesday"
57209</script>
57209
57210
57211<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/app_embed.js" async></script>
vendor: 2 bytes, line 57211
57211
57212<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/countdown_timer_cart.js" async></script>
vendor: 2 bytes, line 57212
57212
57213<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/free_shipping_bar.js" async></script>
vendor: 2 bytes, line 57213
57213
57214<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/sales_pop_up.js" async></script>
vendor: 2 bytes, line 57214
57214
57215<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/payment_badges_cart.js" async></script>
vendor: 2 bytes, line 57215
57215
57216<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/trust_badges_cart.js" async></script>
vendor: 2 bytes, line 57216
57216
57217<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/cookie_banner.js" async></script>
vendor: 2 bytes, line 57217
57217
57218<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/agree_to_terms_checkbox.js" async></script>
vendor: 2 bytes, line 57218
57218
57219<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/add_to_cart_animation.js" async></script>
vendor: 2 bytes, line 57219
57219
57220<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/size_chart_app_embed.js" async></script>
vendor: 2 bytes, line 57220
57220
57221<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/favicon_cart_count.js" async></script>
vendor: 2 bytes, line 57221
57221
57222<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/inactive_tab.js" async></script>
vendor: 2 bytes, line 57222
57222
57223<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/sticky_add_to_cart.js" async></script>
vendor: 2 bytes, line 57223
57223
57224<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/scroll_to_top_button.js" async></script>
vendor: 2 bytes, line 57224
57224
57225<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/auto_external_links.js" async></script>
vendor: 2 bytes, line 57225
57225
57226<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/social_media_buttons.js" async></script>
vendor: 2 bytes, line 57226
57226
57227<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/content_protection.js" async></script>
vendor: 2 bytes, line 57227
57227
57228<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/best_sellers_protection.js" async></script>
vendor: 2 bytes, line 57228
57228
57229<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/product_labels.js" async></script>
vendor: 2 bytes, line 57229
57229
57230<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/product_tabs_and_accordion.js" async></script>
vendor: 2 bytes, line 57230
57230
57231<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/spending_goal_tracker.js" async></script>
vendor: 2 bytes, line 57231
57231
57232<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/order_limits.js" async></script>
57232
57233
57234<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/quote_upsell.js" async></script>
vendor: 2 bytes, line 57234
57234
57235<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/insurance_add_ons.js" async></script>
vendor: 2 bytes, line 57235
57235
57236<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/reward_upsell.js" async></script>
vendor: 2 bytes, line 57236
57236
57237<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/frequently_bought.js" async></script>
vendor: 2 bytes, line 57237
57237
57238<script src="https://cdn.shopify.com/extensions/01a0cd5a-91f3-7b13-ae14-13247034c3b1/lavar-69/assets/email_capture_popup.js" async></script>
57238
57239
57240<div class="lavar-countdown-timer-content" id="lavar-countdown-timer"></div>
57241<div id="lavar-free-shipping-bar"></div>
57242<div id="lavar-sales-pop-up"></div>
57243<div id="badges-lavar"></div>
57244<div id="cookie-banner" style="position: fixed; bottom: 0; left: 0; right: 0; z-index: 999;"></div>
57245<div id="sticky-add-to-cart" class="app-embed"></div>
57246<div id="sticky-alert-success" class="sticky-alert-success"></div>
57247<div id="size-chart" class="app-embed"></div>
57248<div id="scroll-to-top-button" class="app-embed"></div>
57249<div id="lavar-social-media-buttons" class="app-embed"></div>
57250<div id="lavar-insurance-add-ons"></div>
57251
57252
57253</div>
57253<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
57253
57254</body>
57255</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.