PageSourceSearch

https://zdgofficial.com/collections/fine-paper-products-wrapping

html zdgofficial.com collected 2026-10-07 22:39:26 UTC 631,082 bytes, 16,213 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="en"
5>
6  <head><link rel="icon" type="image/png" href="//zdgofficial.com/cdn/shop/files/ZdG_Favicon.png?v=1782814508&width=32">
7      <link rel="apple-touch-icon" href="//zdgofficial.com/cdn/shop/files/ZdG_Favicon.png?v=1782814508&width=180"><style>
8@font-face {
9    font-family: 'Louize Regular';
10    src: url('https://cdn.shopify.com/s/files/1/0477/4005/9810/files/Louize-Regular.woff2?v=1620428879') format('woff2');
11    font-weight: 400;
12    font-style: normal;
13    font-display: swap;
14}
15
16h1,
17h2,
18h3,
19h4,
20h5,
21h6,
22p,
23span,
24div,
25ul,
26ol,
27li,
28a,
29button,
30input,
31select,
32option,
33label,
34legend,
35small {
36  font-family: 'Louize Regular', serif !important;
37}
38/* 1. Custom Louize Font Files Linkage */
39@font-face {
40  font-family: 'Louize';
41  src: url('https://cdn.shopify.com/s/files/1/0477/4005/9810/files/Louize-Regular.woff2?v=1608583212') format('woff2'),
42       url('https://cdn.shopify.com/s/files/1/0477/4005/9810/files/Louize-Regular.woff?v=1608583211') format('woff');
43  font-weight: normal;
44  font-style: normal;
45}
46
47@font-face {
48  font-family: 'Louize';
49  src: url('https://cdn.shopify.com/s/files/1/0477/4005/9810/files/Louize-Italic.woff2?v=1608583211') format('woff2'),
50       url('https://cdn.shopify.com/s/files/1/0477/4005/9810/files/Louize-Italic.woff?v=1608583211') format('woff');
51  font-weight: normal;
52  font-style: italic;
53}
54/* Heading font styling */
55h1, h2, h3, h4, h5, h6,
56.h1, .h2, .h3, .h4, .h5, .h6,
57[class*="heading"] {
58  font-family: 'Louize', 'EB Garamond', serif !important;
59  text-transform: uppercase !important;
60  font-variant: normal !important;
61  font-weight: normal !important;
62  font-synthesis: none !important;
63  letter-spacing: 0.03em !important;
64}
65/* Keep Heading 3 normal case */
66h3,
67.h3 {
68  text-transform: none !important;
69  letter-spacing: 0.01em !important;
70}
71
72</style>
73
74<meta charset="utf-8">
75<meta
76  http-equiv="X-UA-Compatible"
77  content="IE=edge"
78>
79<meta
80  name="viewport"
81  content="width=device-width,initial-scale=1"
82>
83<meta
84  name="view-transition"
85  content="same-origin"
86>
87<meta
88  name="theme-color"
89  content=""
90>
91
92<meta
93  property="og:site_name"
94  content="Z.d.G. by Zoë de Givenchy"
95>
96<meta
97  property="og:url"
98  content="https://zdgofficial.com/collections/fine-paper-products-wrapping"
99>
100<meta
101  property="og:title"
102  content="Fine Paper Products &amp; Wrapping"
103>
104<meta
105  property="og:type"
106  content="website"
107>
108<meta
109  property="og:description"
110  content="Z.d.G by Zoë de Givenchy celebrates the finest traditional European craftsmanship and ancient artisanal techniques creating beautiful objects for the home and table. 
111Discover the rare beauty of authenticity and heritage."
112><meta
113    property="og:image"
114    content="http://zdgofficial.com/cdn/shop/files/ZdG_Jonchet_April_2026_Web13_a3efa716-d0fd-483e-89bc-0c6c3bfdfc3b.jpg?v=1782503838"
115  >
116  <meta
117    property="og:image:secure_url"
118    content="https://zdgofficial.com/cdn/shop/files/ZdG_Jonchet_April_2026_Web13_a3efa716-d0fd-483e-89bc-0c6c3bfdfc3b.jpg?v=1782503838"
119  >
120  <meta
121    property="og:image:width"
122    content="1366"
123  >
124  <meta
125    property="og:image:height"
126    content="2048"
127  ><meta
128  name="twitter:card"
129  content="summary_large_image"
130>
131<meta
132  name="twitter:title"
133  content="Fine Paper Products &amp; Wrapping"
134>
135<meta
136  name="twitter:description"
137  content="Z.d.G by Zoë de Givenchy celebrates the finest traditional European craftsmanship and ancient artisanal techniques creating beautiful objects for the home and table. 
138Discover the rare beauty of authenticity and heritage."
139>
140
141<title>
142  Fine Paper Products &amp; Wrapping
143 &ndash; Z.d.G. by Zoë de Givenchy</title>
144
145<link
146  rel="canonical"
147  href="https://zdgofficial.com/collections/fine-paper-products-wrapping"
148>
149
150
151<link href="//zdgofficial.com/cdn/shop/t/36/assets/overflow-list.css?v=16727044177065489451785429912" as="style" rel="preload">
152<link href="//zdgofficial.com/cdn/shop/t/36/assets/base.css?v=137473937259875520241785429912" rel="stylesheet" type="text/css" media="all" />
153<link href="//zdgofficial.com/cdn/shop/t/36/assets/custom.css?v=147327071701692322641789395173" rel="stylesheet" type="text/css" media="all" />
154
155<link
156    rel="preload"
157    as="font"
158    href="//zdgofficial.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2"
159    type="font/woff2"
160    crossorigin
161    fetchpriority="low"
162  ><link
163    rel="preload"
164    as="font"
165    href="//zdgofficial.com/cdn/fonts/montserrat/montserrat_n5.07ef3781d9c78c8b93c98419da7ad4fbeebb6635.woff2"
166    type="font/woff2"
167    crossorigin
168    fetchpriority="low"
169  ><link
170    rel="preload"
171    as="font"
172    href="//zdgofficial.com/cdn/fonts/lora/lora_n7.58a834e7e54c895806b2ffc982e4a00af29b1b9c.woff2"
173    type="font/woff2"
174    crossorigin
175    fetchpriority="low"
176  ><link
177    rel="preload"
178    as="font"
179    href="//zdgofficial.com/cdn/fonts/anonymous_pro/anonymouspro_n4.f8892cc1cfa3d797af6172c8eeddce62cf610e33.woff2"
180    type="font/woff2"
181    crossorigin
182    fetchpriority="low"
183  >
184
185
186<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 186
186
187<script type="importmap">
188  {
189    "imports": {
190      "@theme/overflow-list": "//zdgofficial.com/cdn/shop/t/36/assets/overflow-list.js?v=46858356770684902511785429912",
191      "@theme/product-title": "//zdgofficial.com/cdn/shop/t/36/assets/product-title-truncation.js?v=81744426891537421781785429912",
192      "@theme/component": "//zdgofficial.com/cdn/shop/t/36/assets/component.js?v=184240237101443119871785429912",
193      "@theme/dialog": "//zdgofficial.com/cdn/shop/t/36/assets/dialog.js?v=150888536568694194021785429912",
194      "@theme/events": "//zdgofficial.com/cdn/shop/t/36/assets/events.js?v=1118589085892804011785429912",
195      "@theme/focus": "//zdgofficial.com/cdn/shop/t/36/assets/focus.js?v=60436577539430446401785429912",
196      "@theme/morph": "//zdgofficial.com/cdn/shop/t/36/assets/morph.js?v=104045809772310330131785429912",
197      "@theme/paginated-list": "//zdgofficial.com/cdn/shop/t/36/assets/paginated-list.js?v=95298315036233333871785429912",
198      "@theme/performance": "//zdgofficial.com/cdn/shop/t/36/assets/performance.js?v=171015751390534793081785429912",
199      "@theme/product-form": "//zdgofficial.com/cdn/shop/t/36/assets/product-form.js?v=142170751179338062901785429912",
200      "@theme/recently-viewed-products": "//zdgofficial.com/cdn/shop/t/36/assets/recently-viewed-products.js?v=94729125001750262651785429912",
201      "@theme/scrolling": "//zdgofficial.com/cdn/shop/t/36/assets/scrolling.js?v=162288454571026455011785429912",
202      "@theme/section-renderer": "//zdgofficial.com/cdn/shop/t/36/assets/section-renderer.js?v=123311117485513785771785429912",
203      "@theme/section-hydration": "//zdgofficial.com/cdn/shop/t/36/assets/section-hydration.js?v=108434990705342316311785429912",
204      "@theme/money-formatting": "//zdgofficial.com/cdn/shop/t/36/assets/money-formatting.js?v=182191346160333327151785429912",
205      "@theme/utilities": "//zdgofficial.com/cdn/shop/t/36/assets/utilities.js?v=28506172887375975941785429912",
206      "@theme/variant-picker": "//zdgofficial.com/cdn/shop/t/36/assets/variant-picker.js?v=24924540959574313291785429912",
207      "@theme/media-gallery": "//zdgofficial.com/cdn/shop/t/36/assets/media-gallery.js?v=14624021005636302161785429912",
208      "@theme/quick-add": "//zdgofficial.com/cdn/shop/t/36/assets/quick-add.js?v=114575661933533593881785429912",
209      "@theme/paginated-list-aspect-ratio": "//zdgofficial.com/cdn/shop/t/36/assets/paginated-list-aspect-ratio.js?v=25254270272143792451785429912",
210      "@theme/popover-polyfill": "//zdgofficial.com/cdn/shop/t/36/assets/popover-polyfill.js?v=119029313658895111201785429912",
211      "@theme/component-quantity-selector": "//zdgofficial.com/cdn/shop/t/36/assets/component-quantity-selector.js?v=67906657287482036641785429912",
212      "@theme/comparison-slider": "//zdgofficial.com/cdn/shop/t/36/assets/comparison-slider.js?v=106705562947035711941785429912",
213      "@theme/sticky-add-to-cart": "//zdgofficial.com/cdn/shop/t/36/assets/sticky-add-to-cart.js?v=48956925339276737091785429912",
214      "@theme/fly-to-cart": "//zdgofficial.com/cdn/shop/t/36/assets/fly-to-cart.js?v=48483246440248933081785429912"
215    }
216  }
217</script>
217
218
219<script
220  src="//zdgofficial.com/cdn/shop/t/36/assets/view-transitions.js?v=7106414069516106341785429912"
221  async
222  
223    blocking="render"
224  
225></script>
225
226
227<link
228  rel="modulepreload"
229  href="//zdgofficial.com/cdn/shop/t/36/assets/utilities.js?v=28506172887375975941785429912"
230  fetchpriority="low"
231>
232<link
233  rel="modulepreload"
234  href="//zdgofficial.com/cdn/shop/t/36/assets/component.js?v=184240237101443119871785429912"
235  fetchpriority="low"
236>
237<link
238  rel="modulepreload"
239  href="//zdgofficial.com/cdn/shop/t/36/assets/section-renderer.js?v=123311117485513785771785429912"
240  fetchpriority="low"
241>
242<link
243  rel="modulepreload"
244  href="//zdgofficial.com/cdn/shop/t/36/assets/section-hydration.js?v=108434990705342316311785429912"
245  fetchpriority="low"
246>
247<link
248  rel="modulepreload"
249  href="//zdgofficial.com/cdn/shop/t/36/assets/morph.js?v=104045809772310330131785429912"
250  fetchpriority="low"
251>
252
253
254  <link
255    rel="modulepreload"
256    href="//zdgofficial.com/cdn/shop/t/36/assets/paginated-list-aspect-ratio.js?v=25254270272143792451785429912"
257    fetchpriority="low"
258  >
259  <link
260    rel="modulepreload"
261    href="//zdgofficial.com/cdn/shop/t/36/assets/paginated-list.js?v=95298315036233333871785429912"
262    fetchpriority="low"
263  >
264
265  <link
266    rel="modulepreload"
267    href="//zdgofficial.com/cdn/shop/t/36/assets/product-title-truncation.js?v=81744426891537421781785429912"
268    fetchpriority="low"
269  >
270
271
272<link
273  rel="modulepreload"
274  href="//zdgofficial.com/cdn/shop/t/36/assets/focus.js?v=60436577539430446401785429912"
275  fetchpriority="low"
276>
277<link
278  rel="modulepreload"
279  href="//zdgofficial.com/cdn/shop/t/36/assets/recently-viewed-products.js?v=94729125001750262651785429912"
280  fetchpriority="low"
281>
282<link
283  rel="modulepreload"
284  href="//zdgofficial.com/cdn/shop/t/36/assets/scrolling.js?v=162288454571026455011785429912"
285  fetchpriority="low"
286>
287<link
288  rel="modulepreload"
289  href="//zdgofficial.com/cdn/shop/t/36/assets/events.js?v=1118589085892804011785429912"
290  fetchpriority="low"
291>
292<script
293  src="//zdgofficial.com/cdn/shop/t/36/assets/popover-polyfill.js?v=119029313658895111201785429912"
294  type="module"
295  fetchpriority="low"
296></script>
vendor: 1 bytes, line 296
296
297<script
298  src="//zdgofficial.com/cdn/shop/t/36/assets/overflow-list.js?v=46858356770684902511785429912"
299  type="module"
300  fetchpriority="low"
301></script>
vendor: 1 bytes, line 301
301
302<script
303  src="//zdgofficial.com/cdn/shop/t/36/assets/quick-add.js?v=114575661933533593881785429912"
304  type="module"
305  fetchpriority="low"
306></script>
306
307
308  
308<script
309    src="//zdgofficial.com/cdn/shop/t/36/assets/cart-discount.js?v=107077853990124422021785429912"
310    type="module"
311    fetchpriority="low"
312  ></script>
312
313
314
315<script
316  src="//zdgofficial.com/cdn/shop/t/36/assets/dialog.js?v=150888536568694194021785429912"
317  type="module"
318  fetchpriority="low"
319></script>
vendor: 1 bytes, line 319
319
320<script
321  src="//zdgofficial.com/cdn/shop/t/36/assets/variant-picker.js?v=24924540959574313291785429912"
322  type="module"
323  fetchpriority="low"
324></script>
vendor: 1 bytes, line 324
324
325<script
326  src="//zdgofficial.com/cdn/shop/t/36/assets/product-card.js?v=28695665944407642501785429912"
327  type="module"
328  fetchpriority="low"
329></script>
vendor: 1 bytes, line 329
329
330<script
331  src="//zdgofficial.com/cdn/shop/t/36/assets/product-form.js?v=142170751179338062901785429912"
332  type="module"
333  fetchpriority="low"
334></script>
vendor: 1 bytes, line 334
334
335<script
336  src="//zdgofficial.com/cdn/shop/t/36/assets/fly-to-cart.js?v=48483246440248933081785429912"
337  type="module"
338  fetchpriority="low"
339></script>
vendor: 1 bytes, line 339
339
340<script
341  src="//zdgofficial.com/cdn/shop/t/36/assets/accordion-custom.js?v=97588419883090888471785429912"
342  type="module"
343  fetchpriority="low"
344></script>
vendor: 1 bytes, line 344
344
345<script
346  src="//zdgofficial.com/cdn/shop/t/36/assets/media.js?v=37825095869491791421785429912"
347  type="module"
348  fetchpriority="low"
349></script>
vendor: 1 bytes, line 349
349
350<script
351  src="//zdgofficial.com/cdn/shop/t/36/assets/product-price.js?v=83480980452100801711785429912"
352  type="module"
353  fetchpriority="low"
354></script>
vendor: 1 bytes, line 354
354
355<script
356  src="//zdgofficial.com/cdn/shop/t/36/assets/product-sku.js?v=121804655373531320511785429912"
357  type="module"
358  fetchpriority="low"
359></script>
vendor: 1 bytes, line 359
359
360<script
361  src="//zdgofficial.com/cdn/shop/t/36/assets/product-title-truncation.js?v=81744426891537421781785429912"
362  type="module"
363  fetchpriority="low"
364></script>
vendor: 1 bytes, line 364
364
365<script
366  src="//zdgofficial.com/cdn/shop/t/36/assets/product-inventory.js?v=81520546963552472391785429912"
367  type="module"
368  fetchpriority="low"
369></script>
vendor: 1 bytes, line 369
369
370<script
371  src="//zdgofficial.com/cdn/shop/t/36/assets/show-more.js?v=94563802205717136101785429912"
372  type="module"
373  fetchpriority="low"
374></script>
vendor: 1 bytes, line 374
374
375<script
376  src="//zdgofficial.com/cdn/shop/t/36/assets/slideshow.js?v=168726587398279102001785429912"
377  type="module"
378  fetchpriority="low"
379></script>
vendor: 1 bytes, line 379
379
380<script
381  src="//zdgofficial.com/cdn/shop/t/36/assets/layered-slideshow.js?v=30135417790894624731785429912"
382  type="module"
383  fetchpriority="low"
384></script>
vendor: 1 bytes, line 384
384
385<script
386  src="//zdgofficial.com/cdn/shop/t/36/assets/anchored-popover.js?v=95953304814728754461785429912"
387  type="module"
388  fetchpriority="low"
389></script>
vendor: 1 bytes, line 389
389
390<script
391  src="//zdgofficial.com/cdn/shop/t/36/assets/floating-panel.js?v=151277338116891310371785429912"
392  type="module"
393  fetchpriority="low"
394></script>
vendor: 1 bytes, line 394
394
395<script
396  src="//zdgofficial.com/cdn/shop/t/36/assets/video-background.js?v=25237992823806706551785429912"
397  type="module"
398  fetchpriority="low"
399></script>
vendor: 1 bytes, line 399
399
400<script
401  src="//zdgofficial.com/cdn/shop/t/36/assets/component-quantity-selector.js?v=67906657287482036641785429912"
402  type="module"
403  fetchpriority="low"
404></script>
vendor: 1 bytes, line 404
404
405<script
406  src="//zdgofficial.com/cdn/shop/t/36/assets/media-gallery.js?v=14624021005636302161785429912"
407  type="module"
408  fetchpriority="low"
409></script>
vendor: 1 bytes, line 409
409
410<script
411  src="//zdgofficial.com/cdn/shop/t/36/assets/rte-formatter.js?v=40306132146590816021785429912"
412  type="module"
413  fetchpriority="low"
414></script>
vendor: 1 bytes, line 414
414
415<script
416  src="//zdgofficial.com/cdn/shop/t/36/assets/volume-pricing.js?v=15442793518842484731785429912"
417  type="module"
418  fetchpriority="low"
419></script>
vendor: 1 bytes, line 419
419
420<script
421  src="//zdgofficial.com/cdn/shop/t/36/assets/price-per-item.js?v=144512917617120124431785429912"
422  type="module"
423  fetchpriority="low"
424></script>
vendor: 1 bytes, line 424
424
425<script
426  src="//zdgofficial.com/cdn/shop/t/36/assets/volume-pricing-info.js?v=94479640769665442661785429912"
427  type="module"
428  fetchpriority="low"
429></script>
429
430
431
432  
432<script
433    src="//zdgofficial.com/cdn/shop/t/36/assets/localization.js?v=15585934801240115691785429912"
434    type="module"
435    fetchpriority="low"
436  ></script>
436
437
438
439
440
441<script
442  src="//zdgofficial.com/cdn/shop/t/36/assets/auto-close-details.js?v=58350291535404441581785429912"
443  defer="defer"
444></script>
444
445
446<script>
447  const Theme = {
448    translations: {
449      placeholder_image: `Placeholder image`,
450      added: `Added`,
451      recipient_form_fields_visible: `Recipient form fields are now visible`,
452      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
453      recipient_form_error: `There was an error with the form submission`,
454      items_added_to_cart_one: `1 item added to cart`,
455      items_added_to_cart_other: `{{ count }} items added to cart`,
456      cart_count: `Total items in cart`,
457    },
458    routes: {
459      cart_add_url: '/cart/add.js',
460      cart_change_url: '/cart/change',
461      cart_update_url: '/cart/update',
462      cart_url: '/cart',
463      predictive_search_url: '/search/suggest',
464      search_url: '/search',
465    },
466    template: {
467      name: 'collection',
468    },
469  };
470</script>
470
471<style data-shopify>
472@font-face {
473  font-family: Montserrat;
474  font-weight: 400;
475  font-style: normal;
476  font-display: swap;
477  src: url("//zdgofficial.com/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
478       url("//zdgofficial.com/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
479}
480@font-face {
481  font-family: Montserrat;
482  font-weight: 700;
483  font-style: normal;
484  font-display: swap;
485  src: url("//zdgofficial.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
486       url("//zdgofficial.com/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
487}
488@font-face {
489  font-family: Montserrat;
490  font-weight: 400;
491  font-style: italic;
492  font-display: swap;
493  src: url("//zdgofficial.com/cdn/fonts/montserrat/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2") format("woff2"),
494       url("//zdgofficial.com/cdn/fonts/montserrat/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff") format("woff");
495}
496@font-face {
497  font-family: Montserrat;
498  font-weight: 700;
499  font-style: italic;
500  font-display: swap;
501  src: url("//zdgofficial.com/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"),
502       url("//zdgofficial.com/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff");
503}
504@font-face {
505  font-family: Montserrat;
506  font-weight: 500;
507  font-style: normal;
508  font-display: swap;
509  src: url("//zdgofficial.com/cdn/fonts/montserrat/montserrat_n5.07ef3781d9c78c8b93c98419da7ad4fbeebb6635.woff2") format("woff2"),
510       url("//zdgofficial.com/cdn/fonts/montserrat/montserrat_n5.adf9b4bd8b0e4f55a0b203cdd84512667e0d5e4d.woff") format("woff");
511}
512@font-face {
513  font-family: Montserrat;
514  font-weight: 500;
515  font-style: italic;
516  font-display: swap;
517  src: url("//zdgofficial.com/cdn/fonts/montserrat/montserrat_i5.d3a783eb0cc26f2fda1e99d1dfec3ebaea1dc164.woff2") format("woff2"),
518       url("//zdgofficial.com/cdn/fonts/montserrat/montserrat_i5.76d414ea3d56bb79ef992a9c62dce2e9063bc062.woff") format("woff");
519}
520@font-face {
521  font-family: Lora;
522  font-weight: 700;
523  font-style: normal;
524  font-display: swap;
525  src: url("//zdgofficial.com/cdn/fonts/lora/lora_n7.58a834e7e54c895806b2ffc982e4a00af29b1b9c.woff2") format("woff2"),
526       url("//zdgofficial.com/cdn/fonts/lora/lora_n7.05fdf76140ca6e72e48561caf7f9893c487c3f1b.woff") format("woff");
527}
528@font-face {
529  font-family: Lora;
530  font-weight: 700;
531  font-style: italic;
532  font-display: swap;
533  src: url("//zdgofficial.com/cdn/fonts/lora/lora_i7.1bf76118f47019e7581a865f0f538b8ea5900419.woff2") format("woff2"),
534       url("//zdgofficial.com/cdn/fonts/lora/lora_i7.1a7c7f083405ec98e57d8033d38caa748580f7ff.woff") format("woff");
535}
536@font-face {
537  font-family: "Anonymous Pro";
538  font-weight: 400;
539  font-style: normal;
540  font-display: swap;
541  src: url("//zdgofficial.com/cdn/fonts/anonymous_pro/anonymouspro_n4.f8892cc1cfa3d797af6172c8eeddce62cf610e33.woff2") format("woff2"),
542       url("//zdgofficial.com/cdn/fonts/anonymous_pro/anonymouspro_n4.a707ca3ea5e6b6468ff0c29cf7e105dca1c09be4.woff") format("woff");
543}
544@font-face {
545  font-family: "Anonymous Pro";
546  font-weight: 700;
547  font-style: normal;
548  font-display: swap;
549  src: url("//zdgofficial.com/cdn/fonts/anonymous_pro/anonymouspro_n7.1abf60a1262a5f61d3e7f19599b5bc79deae580f.woff2") format("woff2"),
550       url("//zdgofficial.com/cdn/fonts/anonymous_pro/anonymouspro_n7.72f538c813c55fd861df0050c3a89911062226b9.woff") format("woff");
551}
552@font-face {
553  font-family: "Anonymous Pro";
554  font-weight: 400;
555  font-style: italic;
556  font-display: swap;
557  src: url("//zdgofficial.com/cdn/fonts/anonymous_pro/anonymouspro_i4.e25745b6d033a0b4eea75ad1dd0df2b911abcf1f.woff2") format("woff2"),
558       url("//zdgofficial.com/cdn/fonts/anonymous_pro/anonymouspro_i4.280c8776a79ac154f9332217a9852603e17ae391.woff") format("woff");
559}
560@font-face {
561  font-family: "Anonymous Pro";
562  font-weight: 700;
563  font-style: italic;
564  font-display: swap;
565  src: url("//zdgofficial.com/cdn/fonts/anonymous_pro/anonymouspro_i7.ee4faea594767398c1a7c2d939c79e197bcdaf0b.woff2") format("woff2"),
566       url("//zdgofficial.com/cdn/fonts/anonymous_pro/anonymouspro_i7.d1ad252be5feb58dd0c7443a002463a98964f452.woff") format("woff");
567}
568
569
570  :root {
571    /* Page Layout */
572    --sidebar-width: 25rem;
573    --narrow-content-width: 36rem;
574    --normal-content-width: 42rem;
575    --wide-content-width: 46rem;
576    --narrow-page-width: 90rem;
577    --normal-page-width: 120rem;
578    --wide-page-width: 150rem;
579
580    /* Section Heights */
581    --section-height-small: 15rem;
582    --section-height-medium: 25rem;
583    --section-height-large: 35rem;
584
585    @media screen and (min-width: 40em) {
586      --section-height-small: 40svh;
587      --section-height-medium: 55svh;
588      --section-height-large: 70svh;
589    }
590
591    @media screen and (min-width: 60em) {
592      --section-height-small: 50svh;
593      --section-height-medium: 65svh;
594      --section-height-large: 80svh;
595    }
596
597    /* Letter spacing */
598    --letter-spacing-sm: 0.06em;
599    --letter-spacing-md: 0.13em;
600
601    /* Font families */
602    --font-body--family: Montserrat, sans-serif;
603    --font-body--style: normal;
604    --font-body--weight: 400;
605    --font-subheading--family: Montserrat, sans-serif;
606    --font-subheading--style: normal;
607    --font-subheading--weight: 500;
608    --font-heading--family: Lora, serif;
609    --font-heading--style: normal;
610    --font-heading--weight: 700;
611    --font-accent--family: "Anonymous Pro", monospace;
612    --font-accent--style: normal;
613    --font-accent--weight: 400;
614
615    /* Margin sizes */
616    --font-heading--spacing: 0.25em;
617    --font-h1--spacing: var(--font-heading--spacing);
618    --font-h2--spacing: var(--font-heading--spacing);
619    --font-h3--spacing: var(--font-heading--spacing);
620    --font-h4--spacing: var(--font-heading--spacing);
621    --font-h5--spacing: var(--font-heading--spacing);
622    --font-h6--spacing: var(--font-heading--spacing);
623    --font-paragraph--spacing: 0.5em;
624
625    /* Heading colors */
626    --font-h1--color: var(--color-foreground-heading);
627    --font-h2--color: var(--color-foreground-heading);
628    --font-h3--color: var(--color-foreground-heading);
629    --font-h4--color: var(--color-foreground-heading);
630    --font-h5--color: var(--color-foreground-heading);
631    --font-h6--color: var(--color-foreground-heading);
632
633    /** Z-Index / Layering */
634    --layer-section-background: -2;
635    --layer-lowest: -1;
636    --layer-base: 0;
637    --layer-flat: 1;
638    --layer-raised: 2;
639    --layer-heightened: 4;
640    --layer-sticky: 8;
641    --layer-window-overlay: 10;
642    --layer-header-menu: 12;
643    --layer-overlay: 16;
644    --layer-menu-drawer: 18;
645    --layer-temporary: 20;
646
647    /* Max-width / Measure */
648    --max-width--body-normal: 32.5em;
649    --max-width--body-narrow: 22.75em;
650
651    --max-width--heading-normal: 32.5em;
652    --max-width--heading-narrow: 19.5em;
653
654    --max-width--display-normal: 13em;
655    --max-width--display-narrow: 9.75em;
656    --max-width--display-tight: 3.25em;
657
658    /* Letter-spacing / Tracking */
659    --letter-spacing--display-tight: -0.03em;
660    --letter-spacing--display-normal: 0em;
661    --letter-spacing--display-loose: 0.03em;
662
663    --letter-spacing--heading-tight: -0.03em;
664    --letter-spacing--heading-normal: 0em;
665    --letter-spacing--heading-loose: 0.03em;
666
667    --letter-spacing--body-tight: -0.03em;
668    --letter-spacing--body-normal: 0em;
669    --letter-spacing--body-loose: 0.03em;
670
671    /* Line height / Leading */
672    --line-height: 1;
673
674    --line-height--display-tight: 1;
675    --line-height--display-normal: 1.1;
676    --line-height--display-loose: 1.2;
677
678    --line-height--heading-tight: 1.15;
679    --line-height--heading-normal: 1.25;
680    --line-height--heading-loose: 1.35;
681
682    --line-height--body-tight: 1.2;
683    --line-height--body-normal: 1.4;
684    --line-height--body-loose: 1.6;
685
686    /* Typography presets */
687    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 8.8vw, 5.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 1.25rem;--font-size--h6: 1.125rem;--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-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-tight);--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-subheading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-tight);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-subheading--family);--font-h3--style: var(--font-subheading--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-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal);
688
689    /* Hardcoded font sizes */
690    --font-size--3xs: 0.625rem;
691    --font-size--2xs: 0.75rem;
692    --font-size--xs: 0.8125rem;
693    --font-size--sm: 0.875rem;
694    --font-size--md: 1rem;
695    --font-size--lg: 1.125rem;
696    --font-size--xl: 1.25rem;
697    --font-size--2xl: 1.5rem;
698    --font-size--3xl: 2rem;
699    --font-size--4xl: 2.5rem;
700    --font-size--5xl: 3rem;
701    --font-size--6xl: 3.5rem;
702
703    /* Menu font sizes */
704    --menu-font-sm--size: 0.875rem;
705    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
706    --menu-font-md--size: 1rem;
707    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
708    --menu-font-lg--size: 1.125rem;
709    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
710    --menu-font-xl--size: 1.25rem;
711    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
712    --menu-font-2xl--size: 1.75rem;
713    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
714
715    /* Colors */
716    --color-error: #8B0000;
717    --color-success: #006400;
718    --color-white: #FFFFFF;
719    --color-white-rgb: 255 255 255;
720    --color-black: #000000;
721    --color-instock: #3ED660;
722    --color-lowstock: #EE9441;
723    --color-outofstock: #C8C8C8;
724
725    /* Opacity */
726    --opacity-5: 0.05;
727    --opacity-8: 0.08;
728    --opacity-10: 0.1;
729    --opacity-15: 0.15;
730    --opacity-20: 0.2;
731    --opacity-25: 0.25;
732    --opacity-30: 0.3;
733    --opacity-40: 0.4;
734    --opacity-50: 0.5;
735    --opacity-60: 0.6;
736    --opacity-70: 0.7;
737    --opacity-80: 0.8;
738    --opacity-85: 0.85;
739    --opacity-90: 0.9;
740    --opacity-subdued-text: var(--opacity-70);
741
742    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
743    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
744
745    /* Spacing */
746    --margin-3xs: 0.125rem;
747    --margin-2xs: 0.3rem;
748    --margin-xs: 0.5rem;
749    --margin-sm: 0.7rem;
750    --margin-md: 0.8rem;
751    --margin-lg: 1rem;
752    --margin-xl: 1.25rem;
753    --margin-2xl: 1.5rem;
754    --margin-3xl: 1.75rem;
755    --margin-4xl: 2rem;
756    --margin-5xl: 3rem;
757    --margin-6xl: 5rem;
758
759    --scroll-margin: 50px;
760
761    --padding-3xs: 0.125rem;
762    --padding-2xs: 0.25rem;
763    --padding-xs: 0.5rem;
764    --padding-sm: 0.7rem;
765    --padding-md: 0.8rem;
766    --padding-lg: 1rem;
767    --padding-xl: 1.25rem;
768    --padding-2xl: 1.5rem;
769    --padding-3xl: 1.75rem;
770    --padding-4xl: 2rem;
771    --padding-5xl: 3rem;
772    --padding-6xl: 4rem;
773
774    --gap-3xs: 0.125rem;
775    --gap-2xs: 0.3rem;
776    --gap-xs: 0.5rem;
777    --gap-sm: 0.7rem;
778    --gap-md: 0.9rem;
779    --gap-lg: 1rem;
780    --gap-xl: 1.25rem;
781    --gap-2xl: 2rem;
782    --gap-3xl: 3rem;
783
784    --spacing-scale-sm: 0.6;
785    --spacing-scale-md: 0.7;
786    --spacing-scale-default: 1.0;
787
788    /* Checkout buttons gap */
789    --checkout-button-gap: 10px;
790
791    /* Borders */
792    --style-border-width: 1px;
793    --style-border-radius-xs: 0.2rem;
794    --style-border-radius-sm: 0.6rem;
795    --style-border-radius-md: 0.8rem;
796    --style-border-radius-50: 50%;
797    --style-border-radius-lg: 1rem;
798    --style-border-radius-pills: 40px;
799    --style-border-radius-inputs: 8px;
800    --style-border-radius-buttons-primary: 37px;
801    --style-border-radius-buttons-secondary: 37px;
802    --style-border-width-primary: 0px;
803    --style-border-width-secondary: 0px;
804    --style-border-width-inputs: 1px;
805    --style-border-radius-popover: 4px;
806    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
807    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
808    --style-border-swatch-opacity: 10%;
809    --style-border-swatch-width: 1px;
810    --style-border-swatch-style: solid;
811
812    /* Animation */
813    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
814    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
815    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
816    --animation-speed-fast: 0.0625s;
817    --animation-speed: 0.125s;
818    --animation-speed-slow: 0.2s;
819    --animation-speed-medium: 0.15s;
820    --animation-easing: ease-in-out;
821    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
822    --drawer-animation-speed: 0.2s;
823    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
824    --animation-values: var(--animation-speed) var(--animation-easing);
825    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
826    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
827    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
828    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
829    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
830    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
831    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
832    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
833    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
834    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
835    --spring-d300-b0-duration: 0.4980s;
836    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
837    --spring-d280-b0-duration: 0.4648s;
838    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
839    --spring-d260-b0-duration: 0.4316s;
840    --spring-d220-b0-easing: linear(
841      0,
842      0.0093 1.37%,
843      0.0696 4.12%,
844      0.4667 15.09%,
845      0.6322 20.58%,
846      0.6986 23.32%,
847      0.7793 27.44%,
848      0.8219 30.18%,
849      0.8721,
850      0.9089 38.42%,
851      0.9427,
852      0.9644,
853      0.978 54.88%,
854      0.9881 61.74%,
855      0.9944 69.97%,
856      0.998 80.95%,
857      0.9996 98.78%
858    );
859    --spring-d220-b0-duration: 0.3818s;
860    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
861    --spring-d180-b0-duration: 0.2988s;
862
863    /* View transitions */
864    /* View transition old */
865    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
866
867    /* View transition new */
868    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
869
870    /* Focus */
871    --focus-outline-width: 0.09375rem;
872    --focus-outline-offset: 0.2em;
873
874    /* Badges */
875    --badge-blob-padding-block: 1px;
876    --badge-blob-padding-inline: 12px 8px;
877    --badge-rectangle-padding-block: 1px;
878    --badge-rectangle-padding-inline: 6px;
879    @media screen and (min-width: 750px) {
880      --badge-blob-padding-block: 4px;
881      --badge-blob-padding-inline: 16px 12px;
882      --badge-rectangle-padding-block: 4px;
883      --badge-rectangle-padding-inline: 10px;
884    }
885
886    /* Icons */
887    --icon-size-2xs: 0.6rem;
888    --icon-size-xs: 0.85rem;
889    --icon-size-sm: 1.25rem;
890    --icon-size-md: 1.375rem;
891    --icon-size-lg: 1.5rem;
892    --icon-stroke-width: 1px;
893
894    /* Input */
895    --input-email-min-width: 200px;
896    --input-search-max-width: 650px;
897    --input-padding-y: 0.8rem;
898    --input-padding-x: 0.8rem;
899    --input-padding: var(--input-padding-y) var(--input-padding-x);
900    --input-box-shadow-width: var(--style-border-width-inputs);
901    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
902    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
903    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
904    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
905    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
906    --input-textarea-min-height: 55px;
907
908    /* Checkbox */
909    --checkbox-size: 22px;
910    --checkbox-border-radius: 7px;
911    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
912    --checkbox-label-padding: 8px;
913
914    @media screen and (min-width: 750px) {
915      --checkbox-size: 16px;
916      --checkbox-border-radius: 5px;
917      --checkbox-label-padding: 6px;
918    }
919
920    /* Button size */
921    --button-size-sm: 30px;
922    --button-size-md: 36px;
923    --button-size: var(--minimum-touch-target);
924    --button-padding-inline: 24px;
925    --button-padding-block: 16px;
926
927    /* Button font-family */
928    --button-font-family-primary: var(--font-body--family);
929    --button-font-family-secondary: var(--font-body--family);
930
931    /* Button text case */
932    --button-text-case: ;
933    --button-text-case-primary: default;
934    --button-text-case-secondary: default;
935
936    /* Borders */
937    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
938    --border-width-sm: 1px;
939    --border-width-md: 2px;
940    --border-width-lg: 5px;
941    --border-radius-sm: 0.25rem;
942
943    /* Drawers */
944    --drawer-inline-padding: 25px;
945    --drawer-menu-inline-padding: 2.5rem;
946    --drawer-header-block-padding: 20px;
947    --drawer-content-block-padding: 10px;
948    --drawer-header-desktop-top: 0rem;
949    --drawer-padding: calc(var(--padding-sm) + 7px);
950    --drawer-height: 100dvh;
951    --drawer-width: 95vw;
952    --drawer-max-width: 500px;
953
954    /* Variant Picker Swatches */
955    --variant-picker-swatch-width-unitless: 24;
956    --variant-picker-swatch-height-unitless: 24;
957    --variant-picker-swatch-width: 24px;
958    --variant-picker-swatch-height: 24px;
959    --variant-picker-swatch-radius: 24px;
960    --variant-picker-border-width: 1px;
961    --variant-picker-border-style: solid;
962    --variant-picker-border-opacity: 10%;
963
964    /* Variant Picker Buttons */
965    --variant-picker-button-radius: 0px;
966    --variant-picker-button-border-width: 0px;
967
968    /* Slideshow */
969    --slideshow-controls-size: 3.5rem;
970    --slideshow-controls-icon: 2rem;
971    --peek-next-slide-size: 3rem;
972
973    /* Utilities */
974    --backdrop-opacity: 0.15;
975    --backdrop-color-rgb: var(--color-shadow-rgb);
976    --minimum-touch-target: 44px;
977    --disabled-opacity: 0.5;
978    --skeleton-opacity: 0.025;
979
980    /* Shapes */
981    --shape--circle: circle(50% at center);
982    --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%);
983    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
984    --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
984% 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%);
985
986    /* Buy buttons */
987    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
988
989    /* Card image width and height variables */
990    --card-width-small: 10rem;
991
992    --height-small: 10rem;
993    --height-medium: 11.5rem;
994    --height-large: 13rem;
995    --height-full: 100vh;
996
997    @media screen and (min-width: 750px) {
998      --height-small: 17.5rem;
999      --height-medium: 21.25rem;
1000      --height-large: 25rem;
1001    }
1002
1003    /* Modal */
1004    --modal-max-height: 65dvh;
1005    --quick-add-modal-height: min(38.5rem, 96vh);
1006    --quick-add-modal-width: min(54rem, 96vw);
1007    --quick-add-modal-gallery-width: 24rem;
1008
1009    /* Card styles for search */
1010    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
1011    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
1012    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1013
1014    /* Cart */
1015    --cart-primary-font-family: var(--font-body--family);
1016    --cart-primary-font-style: var(--font-body--style);
1017    --cart-primary-font-weight: var(--font-body--weight);
1018    --cart-secondary-font-family: var(--font-subheading--family);
1019    --cart-secondary-font-style: var(--font-subheading--style);
1020    --cart-secondary-font-weight: var(--font-subheading--weight);
1021  }
1022</style>
1023
1024
1025<style data-shopify>
1026  
1027    
1028      :root,
1029    
1030    
1031    
1032    .color-scheme-1 {
1033        --color-background: rgb(244 241 234 / 1.0);
1034        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1035        --color-background-rgb: 244 241 234;
1036        --opacity-5-15: 0.05;
1037        --opacity-10-25: 0.1;
1038        --opacity-35-55: 0.35;
1039        --opacity-40-60: 0.4;
1040        --opacity-30-60: 0.3;
1041        --color-foreground: rgb(0 0 0 / 1.0);
1042        --color-foreground-rgb: 0 0 0;
1043        --color-foreground-heading: rgb(0 0 0 / 1.0);
1044        --color-foreground-heading-rgb: 0 0 0;
1045        --color-primary: rgb(64 64 64 / 1.0);
1046        --color-primary-rgb: 64 64 64;
1047        --color-primary-hover: rgb(0 0 0 / 1.0);
1048        --color-primary-hover-rgb: 0 0 0;
1049        --color-border: rgb(0 0 0 / 0.0);
1050        --color-border-rgb: 0 0 0;
1051        --color-shadow: rgb(0 0 0 / 1.0);
1052        --color-shadow-rgb: 0 0 0;
1053        --color-primary-button-text: rgb(231 228 228 / 1.0);
1054        --color-primary-button-background: rgb(74 35 40 / 1.0);
1055        --color-primary-button-border: rgb(64 64 64 / 1.0);
1056        --color-primary-button-hover-text: rgb(231 228 228 / 1.0);
1057        --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
1058        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1059        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1060        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1061        --color-secondary-button-border: rgb(26 26 26 / 1.0);
1062        --color-secondary-button-hover-text: rgb(231 228 228 / 1.0);
1063        --color-secondary-button-hover-background: rgb(102 102 102 / 1.0);
1064        --color-secondary-button-hover-border: rgb(102 102 102 / 1.0);
1065        --color-input-background: rgb(244 241 234 / 1.0);
1066        --color-input-text: rgb(0 0 0 / 1.0);
1067        --color-input-text-rgb: 0 0 0;
1068        --color-input-border: rgb(64 64 64 / 1.0);
1069        --color-input-hover-background: rgb(245 245 245 / 1.0);
1070        --color-variant-background: rgb(244 241 234 / 1.0);
1071        --color-variant-border: rgb(230 230 230 / 1.0);
1072        --color-variant-text: rgb(0 0 0 / 1.0);
1073        --color-variant-text-rgb: 0 0 0;
1074        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1075        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1076        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1077        --color-selected-variant-background: rgb(202 192 167 / 1.0);
1078        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1079        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1080        --color-selected-variant-hover-background: rgb(74 35 40 / 1.0);
1081        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1082        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1083
1084        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1085        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1086        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1087        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1088        --font-h1--color: var(--color-foreground-heading);
1089        --font-h2--color: var(--color-foreground-heading);
1090        --font-h3--color: var(--color-foreground-heading);
1091        --font-h4--color: var(--color-foreground-heading);
1092        --font-h5--color: var(--color-foreground-heading);
1093        --font-h6--color: var(--color-foreground-heading);
1094
1095        /* Shadows */
1096        
1097        
1098          --shadow-blur: 20px;
1099          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1100        
1101      }
1102  
1103    
1104    
1105    
1106    .color-scheme-2 {
1107        --color-background: rgb(26 26 26 / 1.0);
1108        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1109        --color-background-rgb: 26 26 26;
1110        --opacity-5-15: 0.15;
1111        --opacity-10-25: 0.25;
1112        --opacity-35-55: 0.55;
1113        --opacity-40-60: 0.6;
1114        --opacity-30-60: 0.6;
1115        --color-foreground: rgb(231 228 228 / 1.0);
1116        --color-foreground-rgb: 231 228 228;
1117        --color-foreground-heading: rgb(255 255 255 / 1.0);
1118        --color-foreground-heading-rgb: 255 255 255;
1119        --color-primary: rgb(238 230 221 / 1.0);
1120        --color-primary-rgb: 238 230 221;
1121        --color-primary-hover: rgb(229 198 161 / 1.0);
1122        --color-primary-hover-rgb: 229 198 161;
1123        --color-border: rgb(64 64 64 / 1.0);
1124        --color-border-rgb: 64 64 64;
1125        --color-shadow: rgb(0 0 0 / 1.0);
1126        --color-shadow-rgb: 0 0 0;
1127        --color-primary-button-text: rgb(53 33 8 / 1.0);
1128        --color-primary-button-background: rgb(229 198 161 / 1.0);
1129        --color-primary-button-border: rgb(229 198 161 / 1.0);
1130        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1131        --color-primary-button-hover-background: rgb(255 255 255 / 1.0);
1132        --color-primary-button-hover-border: rgb(255 255 255 / 1.0);
1133        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1134        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1135        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1136        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1137        --color-secondary-button-hover-background: rgb(102 102 102 / 1.0);
1138        --color-secondary-button-hover-border: rgb(102 102 102 / 1.0);
1139        --color-input-background: rgb(255 255 255 / 1.0);
1140        --color-input-text: rgb(0 0 0 / 1.0);
1141        --color-input-text-rgb: 0 0 0;
1142        --color-input-border: rgb(0 0 0 / 1.0);
1143        --color-input-hover-background: rgb(245 245 245 / 1.0);
1144        --color-variant-background: rgb(255 255 255 / 1.0);
1145        --color-variant-border: rgb(230 230 230 / 1.0);
1146        --color-variant-text: rgb(0 0 0 / 1.0);
1147        --color-variant-text-rgb: 0 0 0;
1148        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1149        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1150        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1151        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1152        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1153        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1154        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1155        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1156        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1157
1158        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1159        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1160        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1161        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1162        --font-h1--color: var(--color-foreground-heading);
1163        --font-h2--color: var(--color-foreground-heading);
1164        --font-h3--color: var(--color-foreground-heading);
1165        --font-h4--color: var(--color-foreground-heading);
1166        --font-h5--color: var(--color-foreground-heading);
1167        --font-h6--color: var(--color-foreground-heading);
1168
1169        /* Shadows */
1170        
1171        
1172          --shadow-blur: 20px;
1173          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1174        
1175      }
1176  
1177    
1178    
1179    
1180    .color-scheme-3 {
1181        --color-background: rgb(74 35 40 / 1.0);
1182        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1183        --color-background-rgb: 74 35 40;
1184        --opacity-5-15: 0.15;
1185        --opacity-10-25: 0.25;
1186        --opacity-35-55: 0.55;
1187        --opacity-40-60: 0.6;
1188        --opacity-30-60: 0.6;
1189        --color-foreground: rgb(255 247 247 / 1.0);
1190        --color-foreground-rgb: 255 247 247;
1191        --color-foreground-heading: rgb(0 0 0 / 1.0);
1192        --color-foreground-heading-rgb: 0 0 0;
1193        --color-primary: rgb(26 26 26 / 1.0);
1194        --color-primary-rgb: 26 26 26;
1195        --color-primary-hover: rgb(64 64 64 / 1.0);
1196        --color-primary-hover-rgb: 64 64 64;
1197        --color-border: rgb(205 146 75 / 1.0);
1198        --color-border-rgb: 205 146 75;
1199        --color-shadow: rgb(0 0 0 / 1.0);
1200        --color-shadow-rgb: 0 0 0;
1201        --color-primary-button-text: rgb(231 228 228 / 1.0);
1202        --color-primary-button-background: rgb(26 26 26 / 1.0);
1203        --color-primary-button-border: rgb(26 26 26 / 1.0);
1204        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1205        --color-primary-button-hover-background: rgb(64 64 64 / 1.0);
1206        --color-primary-button-hover-border: rgb(64 64 64 / 1.0);
1207        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1208        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1209        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1210        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1211        --color-secondary-button-hover-background: rgb(160 107 44 / 1.0);
1212        --color-secondary-button-hover-border: rgb(160 107 44 / 1.0);
1213        --color-input-background: rgb(255 255 255 / 1.0);
1214        --color-input-text: rgb(0 0 0 / 1.0);
1215        --color-input-text-rgb: 0 0 0;
1216        --color-input-border: rgb(0 0 0 / 1.0);
1217        --color-input-hover-background: rgb(245 245 245 / 1.0);
1218        --color-variant-background: rgb(255 255 255 / 1.0);
1219        --color-variant-border: rgb(230 230 230 / 1.0);
1220        --color-variant-text: rgb(0 0 0 / 1.0);
1221        --color-variant-text-rgb: 0 0 0;
1222        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1223        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1224        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1225        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1226        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1227        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1228        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1229        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1230        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1231
1232        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1233        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1234        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1235        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1236        --font-h1--color: var(--color-foreground-heading);
1237        --font-h2--color: var(--color-foreground-heading);
1238        --font-h3--color: var(--color-foreground-heading);
1239        --font-h4--color: var(--color-foreground-heading);
1240        --font-h5--color: var(--color-foreground-heading);
1241        --font-h6--color: var(--color-foreground-heading);
1242
1243        /* Shadows */
1244        
1245        
1246          --shadow-blur: 20px;
1247          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1248        
1249      }
1250  
1251    
1252    
1253    
1254    .color-scheme-4 {
1255        --color-background: rgb(245 231 178 / 1.0);
1256        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1257        --color-background-rgb: 245 231 178;
1258        --opacity-5-15: 0.05;
1259        --opacity-10-25: 0.1;
1260        --opacity-35-55: 0.35;
1261        --opacity-40-60: 0.4;
1262        --opacity-30-60: 0.3;
1263        --color-foreground: rgb(61 48 0 / 1.0);
1264        --color-foreground-rgb: 61 48 0;
1265        --color-foreground-heading: rgb(0 0 0 / 1.0);
1266        --color-foreground-heading-rgb: 0 0 0;
1267        --color-primary: rgb(58 3 10 / 1.0);
1268        --color-primary-rgb: 58 3 10;
1269        --color-primary-hover: rgb(122 6 21 / 1.0);
1270        --color-primary-hover-rgb: 122 6 21;
1271        --color-border: rgb(229 192 52 / 1.0);
1272        --color-border-rgb: 229 192 52;
1273        --color-shadow: rgb(0 0 0 / 1.0);
1274        --color-shadow-rgb: 0 0 0;
1275        --color-primary-button-text: rgb(255 255 255 / 1.0);
1276        --color-primary-button-background: rgb(215 38 61 / 1.0);
1277        --color-primary-button-border: rgb(215 38 61 / 1.0);
1278        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1279        --color-primary-button-hover-background: rgb(122 6 21 / 1.0);
1280        --color-primary-button-hover-border: rgb(122 6 21 / 1.0);
1281        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1282        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1283        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1284        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1285        --color-secondary-button-hover-background: rgb(181 148 23 / 1.0);
1286        --color-secondary-button-hover-border: rgb(181 148 23 / 1.0);
1287        --color-input-background: rgb(255 255 255 / 1.0);
1288        --color-input-text: rgb(0 0 0 / 1.0);
1289        --color-input-text-rgb: 0 0 0;
1290        --color-input-border: rgb(0 0 0 / 1.0);
1291        --color-input-hover-background: rgb(245 245 245 / 1.0);
1292        --color-variant-background: rgb(255 255 255 / 1.0);
1293        --color-variant-border: rgb(230 230 230 / 1.0);
1294        --color-variant-text: rgb(0 0 0 / 1.0);
1295        --color-variant-text-rgb: 0 0 0;
1296        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1297        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1298        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1299        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1300        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1301        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1302        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1303        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1304        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1305
1306        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1307        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1308        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1309        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1310        --font-h1--color: var(--color-foreground-heading);
1311        --font-h2--color: var(--color-foreground-heading);
1312        --font-h3--color: var(--color-foreground-heading);
1313        --font-h4--color: var(--color-foreground-heading);
1314        --font-h5--color: var(--color-foreground-heading);
1315        --font-h6--color: var(--color-foreground-heading);
1316
1317        /* Shadows */
1318        
1319        
1320          --shadow-blur: 20px;
1321          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1322        
1323      }
1324  
1325    
1326    
1327    
1328    .color-scheme-5 {
1329        --color-background: rgb(124 144 160 / 1.0);
1330        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1331        --color-background-rgb: 124 144 160;
1332        --opacity-5-15: 0.05;
1333        --opacity-10-25: 0.1;
1334        --opacity-35-55: 0.35;
1335        --opacity-40-60: 0.4;
1336        --opacity-30-60: 0.3;
1337        --color-foreground: rgb(255 255 255 / 1.0);
1338        --color-foreground-rgb: 255 255 255;
1339        --color-foreground-heading: rgb(255 255 255 / 1.0);
1340        --color-foreground-heading-rgb: 255 255 255;
1341        --color-primary: rgb(255 255 255 / 1.0);
1342        --color-primary-rgb: 255 255 255;
1343        --color-primary-hover: rgb(0 0 0 / 1.0);
1344        --color-primary-hover-rgb: 0 0 0;
1345        --color-border: rgb(166 180 191 / 1.0);
1346        --color-border-rgb: 166 180 191;
1347        --color-shadow: rgb(0 0 0 / 1.0);
1348        --color-shadow-rgb: 0 0 0;
1349        --color-primary-button-text: rgb(231 228 228 / 1.0);
1350        --color-primary-button-background: rgb(26 26 26 / 1.0);
1351        --color-primary-button-border: rgb(26 26 26 / 1.0);
1352        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1353        --color-primary-button-hover-background: rgb(64 64 64 / 1.0);
1354        --color-primary-button-hover-border: rgb(64 64 64 / 1.0);
1355        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1356        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1357        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1358        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1359        --color-secondary-button-hover-background: rgb(227 230 232 / 1.0);
1360        --color-secondary-button-hover-border: rgb(227 230 232 / 1.0);
1361        --color-input-background: rgb(255 255 255 / 1.0);
1362        --color-input-text: rgb(0 0 0 / 1.0);
1363        --color-input-text-rgb: 0 0 0;
1364        --color-input-border: rgb(0 0 0 / 1.0);
1365        --color-input-hover-background: rgb(245 245 245 / 1.0);
1366        --color-variant-background: rgb(255 255 255 / 1.0);
1367        --color-variant-border: rgb(230 230 230 / 1.0);
1368        --color-variant-text: rgb(0 0 0 / 1.0);
1369        --color-variant-text-rgb: 0 0 0;
1370        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1371        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1372        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1373        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1374        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1375        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1376        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1377        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1378        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1379
1380        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1381        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1382        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1383        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1384        --font-h1--color: var(--color-foreground-heading);
1385        --font-h2--color: var(--color-foreground-heading);
1386        --font-h3--color: var(--color-foreground-heading);
1387        --font-h4--color: var(--color-foreground-heading);
1388        --font-h5--color: var(--color-foreground-heading);
1389        --font-h6--color: var(--color-foreground-heading);
1390
1391        /* Shadows */
1392        
1393        
1394          --shadow-blur: 20px;
1395          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1396        
1397      }
1398  
1399    
1400    
1401    
1402    .color-scheme-6 {
1403        --color-background: rgb(0 0 0 / 0.0);
1404        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1405        --color-background-rgb: 0 0 0;
1406        --opacity-5-15: 0.15;
1407        --opacity-10-25: 0.25;
1408        --opacity-35-55: 0.55;
1409        --opacity-40-60: 0.6;
1410        --opacity-30-60: 0.6;
1411        --color-foreground: rgb(74 35 40 / 1.0);
1412        --color-foreground-rgb: 74 35 40;
1413        --color-foreground-heading: rgb(255 255 255 / 1.0);
1414        --color-foreground-heading-rgb: 255 255 255;
1415        --color-primary: rgb(255 255 255 / 1.0);
1416        --color-primary-rgb: 255 255 255;
1417        --color-primary-hover: rgb(255 255 255 / 1.0);
1418        --color-primary-hover-rgb: 255 255 255;
1419        --color-border: rgb(255 255 255 / 0.75);
1420        --color-border-rgb: 255 255 255;
1421        --color-shadow: rgb(0 0 0 / 1.0);
1422        --color-shadow-rgb: 0 0 0;
1423        --color-primary-button-text: rgb(53 33 8 / 1.0);
1424        --color-primary-button-background: rgb(229 198 161 / 1.0);
1425        --color-primary-button-border: rgb(229 198 161 / 1.0);
1426        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1427        --color-primary-button-hover-background: rgb(255 255 255 / 1.0);
1428        --color-primary-button-hover-border: rgb(255 255 255 / 1.0);
1429        --color-secondary-button-text: rgb(26 26 26 / 1.0);
1430        --color-secondary-button-background: rgb(255 255 255 / 0.5);
1431        --color-secondary-button-border: rgb(255 255 255 / 0.75);
1432        --color-secondary-button-hover-text: rgb(26 26 26 / 1.0);
1433        --color-secondary-button-hover-background: rgb(255 255 255 / 0.75);
1434        --color-secondary-button-hover-bor
1434der: rgb(255 255 255 / 0.75);
1435        --color-input-background: rgb(255 255 255 / 1.0);
1436        --color-input-text: rgb(0 0 0 / 1.0);
1437        --color-input-text-rgb: 0 0 0;
1438        --color-input-border: rgb(0 0 0 / 1.0);
1439        --color-input-hover-background: rgb(245 245 245 / 1.0);
1440        --color-variant-background: rgb(255 255 255 / 1.0);
1441        --color-variant-border: rgb(230 230 230 / 1.0);
1442        --color-variant-text: rgb(0 0 0 / 1.0);
1443        --color-variant-text-rgb: 0 0 0;
1444        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1445        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1446        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1447        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1448        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1449        --color-selected-variant-text: rgb(74 35 40 / 1.0);
1450        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1451        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1452        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1453
1454        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1455        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1456        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1457        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1458        --font-h1--color: var(--color-foreground-heading);
1459        --font-h2--color: var(--color-foreground-heading);
1460        --font-h3--color: var(--color-foreground-heading);
1461        --font-h4--color: var(--color-foreground-heading);
1462        --font-h5--color: var(--color-foreground-heading);
1463        --font-h6--color: var(--color-foreground-heading);
1464
1465        /* Shadows */
1466        
1467        
1468          --shadow-blur: 20px;
1469          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1470        
1471      }
1472  
1473    
1474    
1475    
1476    .color-scheme-7 {
1477        --color-background: rgb(18 18 18 / 1.0);
1478        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1479        --color-background-rgb: 18 18 18;
1480        --opacity-5-15: 0.15;
1481        --opacity-10-25: 0.25;
1482        --opacity-35-55: 0.55;
1483        --opacity-40-60: 0.6;
1484        --opacity-30-60: 0.6;
1485        --color-foreground: rgb(231 228 228 / 1.0);
1486        --color-foreground-rgb: 231 228 228;
1487        --color-foreground-heading: rgb(255 255 255 / 1.0);
1488        --color-foreground-heading-rgb: 255 255 255;
1489        --color-primary: rgb(179 179 179 / 1.0);
1490        --color-primary-rgb: 179 179 179;
1491        --color-primary-hover: rgb(231 228 228 / 1.0);
1492        --color-primary-hover-rgb: 231 228 228;
1493        --color-border: rgb(26 26 26 / 1.0);
1494        --color-border-rgb: 26 26 26;
1495        --color-shadow: rgb(0 0 0 / 1.0);
1496        --color-shadow-rgb: 0 0 0;
1497        --color-primary-button-text: rgb(26 26 26 / 1.0);
1498        --color-primary-button-background: rgb(179 179 179 / 1.0);
1499        --color-primary-button-border: rgb(179 179 179 / 1.0);
1500        --color-primary-button-hover-text: rgb(26 26 26 / 1.0);
1501        --color-primary-button-hover-background: rgb(255 255 255 / 1.0);
1502        --color-primary-button-hover-border: rgb(255 255 255 / 1.0);
1503        --color-secondary-button-text: rgb(231 228 228 / 1.0);
1504        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1505        --color-secondary-button-border: rgb(231 228 228 / 1.0);
1506        --color-secondary-button-hover-text: rgb(26 26 26 / 1.0);
1507        --color-secondary-button-hover-background: rgb(231 228 228 / 1.0);
1508        --color-secondary-button-hover-border: rgb(231 228 228 / 1.0);
1509        --color-input-background: rgb(18 18 18 / 1.0);
1510        --color-input-text: rgb(231 228 228 / 1.0);
1511        --color-input-text-rgb: 231 228 228;
1512        --color-input-border: rgb(179 179 179 / 1.0);
1513        --color-input-hover-background: rgb(245 245 245 / 1.0);
1514        --color-variant-background: rgb(255 255 255 / 1.0);
1515        --color-variant-border: rgb(230 230 230 / 1.0);
1516        --color-variant-text: rgb(0 0 0 / 1.0);
1517        --color-variant-text-rgb: 0 0 0;
1518        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1519        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1520        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1521        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1522        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1523        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1524        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1525        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1526        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1527
1528        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1529        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1530        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1531        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1532        --font-h1--color: var(--color-foreground-heading);
1533        --font-h2--color: var(--color-foreground-heading);
1534        --font-h3--color: var(--color-foreground-heading);
1535        --font-h4--color: var(--color-foreground-heading);
1536        --font-h5--color: var(--color-foreground-heading);
1537        --font-h6--color: var(--color-foreground-heading);
1538
1539        /* Shadows */
1540        
1541        
1542          --shadow-blur: 20px;
1543          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1544        
1545      }
1546  
1547    
1548    
1549    
1550    .color-scheme-20e8beed-6389-4098-8b25-d9607b54b945 {
1551        --color-background: rgb(27 87 167 / 1.0);
1552        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1553        --color-background-rgb: 27 87 167;
1554        --opacity-5-15: 0.05;
1555        --opacity-10-25: 0.1;
1556        --opacity-35-55: 0.35;
1557        --opacity-40-60: 0.4;
1558        --opacity-30-60: 0.3;
1559        --color-foreground: rgb(255 255 255 / 1.0);
1560        --color-foreground-rgb: 255 255 255;
1561        --color-foreground-heading: rgb(255 255 255 / 1.0);
1562        --color-foreground-heading-rgb: 255 255 255;
1563        --color-primary: rgb(255 255 255 / 1.0);
1564        --color-primary-rgb: 255 255 255;
1565        --color-primary-hover: rgb(255 255 255 / 0.76);
1566        --color-primary-hover-rgb: 255 255 255;
1567        --color-border: rgb(0 0 0 / 0.0);
1568        --color-border-rgb: 0 0 0;
1569        --color-shadow: rgb(0 0 0 / 0.0);
1570        --color-shadow-rgb: 0 0 0;
1571        --color-primary-button-text: rgb(26 84 161 / 1.0);
1572        --color-primary-button-background: rgb(255 255 255 / 1.0);
1573        --color-primary-button-border: rgb(0 0 0 / 0.0);
1574        --color-primary-button-hover-text: rgb(26 84 161 / 0.82);
1575        --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
1576        --color-primary-button-hover-border: rgb(0 0 0 / 0.0);
1577        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1578        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1579        --color-secondary-button-border: rgb(0 0 0 / 0.0);
1580        --color-secondary-button-hover-text: rgb(255 255 255 / 0.69);
1581        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1582        --color-secondary-button-hover-border: rgb(255 255 255 / 0.86);
1583        --color-input-background: rgb(255 255 255 / 1.0);
1584        --color-input-text: rgb(255 255 255 / 1.0);
1585        --color-input-text-rgb: 255 255 255;
1586        --color-input-border: rgb(255 255 255 / 1.0);
1587        --color-input-hover-background: rgb(245 245 245 / 1.0);
1588        --color-variant-background: rgb(255 255 255 / 1.0);
1589        --color-variant-border: rgb(27 86 165 / 1.0);
1590        --color-variant-text: rgb(255 255 255 / 1.0);
1591        --color-variant-text-rgb: 255 255 255;
1592        --color-variant-hover-background: rgb(27 86 165 / 1.0);
1593        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1594        --color-variant-hover-border: rgb(27 86 165 / 1.0);
1595        --color-selected-variant-background: rgb(26 84 161 / 1.0);
1596        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1597        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1598        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1599        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1600        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1601
1602        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1603        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1604        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1605        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1606        --font-h1--color: var(--color-foreground-heading);
1607        --font-h2--color: var(--color-foreground-heading);
1608        --font-h3--color: var(--color-foreground-heading);
1609        --font-h4--color: var(--color-foreground-heading);
1610        --font-h5--color: var(--color-foreground-heading);
1611        --font-h6--color: var(--color-foreground-heading);
1612
1613        /* Shadows */
1614        
1615        
1616          --shadow-blur: 20px;
1617          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1618        
1619      }
1620  
1621
1622  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7, .color-scheme-20e8beed-6389-4098-8b25-d9607b54b945 {
1623    color: var(--color-foreground);
1624    background-color: var(--color-background);
1625  }
1626</style>
1627
1628
1629    
1629<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1629<meta name="google-site-verification" content="zwvMI5C9xLEjA3xx93UZuvQvWHcxKzO_VQx4wP9pldY">
1630<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/47740059810/digital_wallets/dialog">
1631<meta id="in-context-paypal-metadata" data-shop-id="47740059810" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
1632<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/fine-paper-products-wrapping.atom" />
1633<link rel="alternate" type="application/json+oembed" href="https://zdgofficial.com/collections/fine-paper-products-wrapping.oembed">
1634<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
1634
1635<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1636<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=47740059810" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1636
1636
1637<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":47740059810,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/47740059810","merchantName":"Z.d.G. by Zoë de Givenchy","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","discover","amex","elo","jcb"],"total":{"type":"pending","label":"Z.d.G. by Zoë de Givenchy","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1637
1637
1638<script id="shopify-features" type="application/json">{"accessToken":"c9bc56cde07b654f65f058db92436820","betas":["rich-media-storefront-analytics"],"domain":"zdgofficial.com","predictiveSearch":true,"shopId":47740059810,"locale":"en"}</script>
vendor: 1 bytes, line 1638
1638
1639<script>var Shopify = Shopify || {};
1640Shopify.shop = "z-d-g.myshopify.com";
1641Shopify.locale = "en";
1642Shopify.currency = {"active":"USD","rate":"1.0"};
1643Shopify.country = "US";
1644Shopify.theme = {"name":"MASTER) Whisper - New Mega Menu","id":150279422114,"schema_name":"Horizon","schema_version":"3.5.1","theme_store_id":2481,"role":"main"};
1645Shopify.theme.handle = "null";
1646Shopify.theme.style = {"id":null,"handle":null};
1647Shopify.cdnHost = "zdgofficial.com/cdn";
1648Shopify.routes = Shopify.routes || {};
1649Shopify.routes.root = "/";
1650Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1651Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1652Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1653Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1653
1653
1654<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1654
1654
1655<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 1655
1655
1656<script>
1657  window.ShopifyPay = window.ShopifyPay || {};
1658  window.ShopifyPay.apiHost = "shop.app\/pay";
1659  window.ShopifyPay.redirectState = null;
1660</script>
vendor: 1 bytes, line 1660
1660
1661<script>
1662  window.Shopify = window.Shopify || {};
1663  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1664  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1665  window.Shopify.SignInWithShop.eligible = true;
1666</script>
vendor: 1 bytes, line 1666
1666
1667<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 1667
1667
1668<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 1668
1668
1669<script type="module">
1670  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1671
1672  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1673
1674</script>
vendor: 1 bytes, line 1674
1674
1675<script>
1676  window.Shopify = window.Shopify || {};
1677  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1678  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"]};
1679</script>
vendor: 1 bytes, line 1679
1679
1680<script>(function() {
1681  var isLoaded = false;
1682  function asyncLoad() {
1683    if (isLoaded) return;
1684    isLoaded = true;
1685    var urls = ["\/\/d1liekpayvooaz.cloudfront.net\/apps\/customizery\/customizery.js?shop=z-d-g.myshopify.com"];
1686    for (var i = 0; i < urls.length; i++) {
1687      var s = document.createElement('script');
1688      s.type = 'text/javascript';
1689      s.async = true;
1690      s.src = urls[i];
1691      var x = document.getElementsByTagName('script')[0];
1692      x.parentNode.insertBefore(s, x);
1693    }
1694  };
1695  if(window.attachEvent) {
1696    window.attachEvent('onload', asyncLoad);
1697  } else {
1698    window.addEventListener('load', asyncLoad, false);
1699  }
1700})();</script>
vendor: 1 bytes, line 1700
1700
1701<script id="__st">var __st={"a":47740059810,"offset":-25200,"reqid":"3401b450-c4ae-4b51-a86f-766569b0fa4e-1791412765","pageurl":"zdgofficial.com\/collections\/fine-paper-products-wrapping","u":"2afb1503e48a","p":"collection","rtyp":"collection","rid":322577367202};</script>
vendor: 1 bytes, line 1701
1701
1702<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1702
1702
1703<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 1703
1703
1704<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//zdgofficial.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1704
1704
1705<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 = "//zdgofficial.com/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>
1705<script crossorigin="anonymous" defer="defer" src="//zdgofficial.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
vendor: 1 bytes, line 1705
1705
1706<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 1706
1706
1707<script>
1708  window.Shopify = window.Shopify || {};
1709  window.Shopify.MCP = window.Shopify.MCP || {};
1710  window.Shopify.MCP.enabled = true;
1711  window.Shopify.MCP.shop = "z-d-g.myshopify.com";
1712  window.Shopify.MCP.mcpEndpoint = "https:\/\/zdgofficial.com\/api\/mcp";
1713  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"]}}];
1714</script>
vendor: 1 bytes, line 1714
1714
1715<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("\/\/zdgofficial.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1716</script>
vendor: 1 bytes, line 1716
1716
1717<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://zdgofficial.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1718</script>
vendor: 1 bytes, line 1718
1718
1719<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1720  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);
1721</script>
vendor: 1 bytes, line 1721
1721
1722<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})}}));
1723</script>
vendor: 1 bytes, line 1723
1723
1724<script id='scb4127' type='text/javascript' async='' src='https://zdgofficial.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1724<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://zdgofficial.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1725<style id="shopify-accelerated-checkout-cart">
1726        #shopify-buyer-consent {
1727  margin-top: 1em;
1728  display: inline-block;
1729  width: 100%;
1730}
1731
1732#shopify-buyer-consent.hidden {
1733  display: none;
1734}
1735
1736#shopify-subscription-policy-button {
1737  background: none;
1738  border: none;
1739  padding: 0;
1740  text-decoration: underline;
1741  font-size: inherit;
1742  cursor: pointer;
1743}
1744
1745#shopify-subscription-policy-button::before {
1746  box-shadow: none;
1747}
1748
1749      </style>
1750<link rel="compression-dictionary" href="//zdgofficial.com/cdn/shop/t/36/compiled_assets/styles.css?v=65389325346746706381790800779" crossorigin="anonymous">
1751<link rel="stylesheet" media="screen" href="//zdgofficial.com/cdn/shop/t/36/compiled_assets/styles.css?v=65389325346746706381790800779&subset=ABIAAAAAAAAwAAAAoCQAgKDwAaIHDIBdVbimgA" crossorigin="anonymous">
1752<script id="sections-script" data-sections="main-collection" defer="defer" src="//zdgofficial.com/cdn/shop/t/36/compiled_assets/scripts.js?v=47368013396670054441785429912"></script>
vendor: 1 bytes, line 1752
1752
1753<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1753
1754    
1755  <!-- BEGIN app block: shopify://apps/userway-website-accessibility/blocks/uw-widget-extension/bc2d8a34-1a37-451b-ab1a-271bc4e9daa7 -->
1756
1757
1758
1759
1760<script type="text/javascript" async="" src="https://cdn.userway.org/widget.js?account=GzB1o3M21Y&amp;platfAppInstalledSiteId=3799907&amp;shop=zdgofficial.com"></script>
1760
1761
1762<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
1763
1764
1765
1766
1767
1768
1769
1770
1771
1772
1773
1774
1775  
1775<script async src="https://static.klaviyo.com/onsite/js/Unsd75/klaviyo.js?company_id=Unsd75"></script>
1775
1776  
1776<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>
1776
1777
1778  
1779
1780
1781
1782
1783  
1783<script>
1784    window.klaviyoReviewsProductDesignMode = false
1785  </script>
1785
1786
1787
1788
1789
1790
1791
1792
1793
1794
1795<!-- END app block --><!-- BEGIN app block: shopify://apps/gift-reggie-gift-registry/blocks/app-embed-block/00fe746e-081c-46a2-a15d-bcbd6f41b0f0 -->
1795<script type="application/json" id="gift_reggie_data">
1796  {
1797    "storefrontAccessToken": null,
1798    "fallbackCheckoutOverride": null,
1799    "registryId": null,
1800    "registryAdmin": null,
1801    "storedCartId": null,
1802    "customerId": null,
1803    
1804
1805    "productId": null,
1806    "rootUrl": "\/",
1807    "accountLoginUrl": "\/customer_authentication\/login",
1808    "accountLoginReturnParam": "return_to=",
1809    "currentLanguage": null,
1810
1811    "button_layout": "column",
1812    "button_order": "registry_wishlist",
1813    "button_alignment": "justify",
1814    "behavior_on_no_id": "disable",
1815    "wishlist_button_visibility": "everyone",
1816    "registry_button_visibility": "everyone",
1817    "registry_button_behavior": "ajax",
1818    "online_store_version": "2",
1819    "button_location_override": "",
1820    "button_location_override_position": "inside",
1821
1822    "wishlist_button_appearance": "button",
1823    "registry_button_appearance": "button",
1824    "wishlist_button_classname": "",
1825    "registry_button_classname": "",
1826    "wishlist_button_image_not_present": null,
1827    "wishlist_button_image_is_present": null,
1828    "registry_button_image": null,
1829
1830    "checkout_button_selector": "",
1831
1832    "i18n": {
1833      "wishlist": {
1834        "idleAdd": "Add to Wishlist",
1835        "idleRemove": "Remove from Wishlist",
1836        "pending": "...",
1837        "successAdd": "Added to Wishlist",
1838        "successRemove": "Removed from Wishlist",
1839        "noVariant": "Add to Wishlist",
1840        "error": "Error"
1841      },
1842      "registry": {
1843        "idleAdd": "Add to Registry",
1844        "idleRemove": "Remove from Registry",
1845        "pending": "...",
1846        "successAdd": "Added to Registry",
1847        "successRemove": "Removed from Registry",
1848        "noVariant": "Add to Registry",
1849        "error": "Error"
1850      }
1851    }
1852  }
1853</script>
1853
1854<style>
1855  :root {
1856    --gift-reggie-wishlist-button-background-color: #ffffff;
1857    --gift-reggie-wishlist-button-text-color: #333333;
1858    --gift-reggie-registry-button-background-color: #ffffff;
1859    --gift-reggie-registry-button-text-color: #333333;
1860  }
1861</style><style>
1862    
1863  </style>
1864<!-- END app block --><!-- BEGIN app block: shopify://apps/accentuate/blocks/recently-viewed-embed/428a4822-57b4-4291-92b3-3f34bc7a240e -->
1865<script src="https://cdn.shopify.com/extensions/019e82aa-0748-7175-82a5-f616ef8d83fb/accentuate-24/assets/recently-viewed.js" defer></script>
1865
1866
1867
1868
1869<!-- END app block --><!-- BEGIN app block: shopify://apps/globo-mega-menu/blocks/app-embed/7a00835e-fe40-45a5-a615-2eb4ab697b58 -->
1870<link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a10efd-6cd2-735f-9493-ee30511016f8/mega-menu-builder-408/assets/globo.menu.submenu-styles.min.css" media="print" onload="this.media='all'">
1871<noscript><link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a10efd-6cd2-735f-9493-ee30511016f8/mega-menu-builder-408/assets/globo.menu.submenu-styles.min.css"></noscript><link href="//cdn.shopify.com/extensions/01a10efd-6cd2-735f-9493-ee30511016f8/mega-menu-builder-408/assets/globo.menu.main-navigation-styles.min.css" rel="stylesheet" type="text/css" media="all" />
1872<script type="text/javascript" hs-ignore data-cookieconsent="ignore" data-ccm-injected>
1873document.getElementsByTagName('html')[0].classList.add('globo-menu-loading');
1874window.GloboMenuConfig = window.GloboMenuConfig || {}
1875window.GloboMenuConfig.curLocale = "en";
1876window.GloboMenuConfig.bodyClasses = ['gm-menu-installed'];
1877window.GloboMenuConfig.shop = "z-d-g.myshopify.com";
1878window.GloboMenuConfig.page_type = "collection";
1879window.GloboMenuSFAT = null;
1880window.GloboMenuSFApiVersion = "2025-10";
1881window.GloboMenuConfig.GloboMenuLocale = "en";
1882window.GloboMenuConfig.locale = "en";
1883window.GloboMenuConfig.themeInfo = false;
1884window.GloboMenuAnalyticsEnabled = false;
1885window.menuRootUrl = "";
1886window.GloboMenuCustomer = false;
1887window.GloboMenuAssetsUrl = 'https://cdn.shopify.com/extensions/01a10efd-6cd2-735f-9493-ee30511016f8/mega-menu-builder-408/assets/';
1888window.GloboMenuFilesUrl = '//zdgofficial.com/cdn/shop/files/';
1889window.GloboMenuLinklists = {"main-menu": [{'url' :"\/collections\/le-potager-du-roi-by-zdg", 'title': "Le Potager du Roi"},{'url' :"\/collections\/the-zdg-bag", 'title': "The ZdG Bag"},{'url' :"\/collections\/all-collections", 'title': "Collections"},{'url' :"\/collections\/all-faience-1", 'title': "Faïence"},{'url' :"\/collections\/linens", 'title': "Linens"},{'url' :"\/collections\/cutlery", 'title': "Cutlery"},{'url' :"\/collections\/glassware", 'title': "Glassware"},{'url' :"\/collections\/all-decorative", 'title': "Decorative Objects"},{'url' :"\/collections\/gifting", 'title': "Gifting"},{'url' :"\/pages\/custom-orders", 'title': "Custom"},{'url' :"\/collections\/zoes-favourites", 'title': "Inspiration"}],"new-footer-menu": [{'url' :"\/", 'title': "Home"},{'url' :"\/pages\/about", 'title': "Our Story"},{'url' :"\/pages\/trade", 'title': "Trade"},{'url' :"\/apps\/giftregistry", 'title': "Gift Registry"},{'url' :"\/pages\/subscribe-to-zoes-table", 'title': "Subscribe to Zoë's Table"},{'url' :"\/pages\/contact", 'title': "Contact"}],"secondary-footer-menu": [{'url' :"\/", 'title': "\u0026copy; 2026, Z.d.G."},{'url' :"\/pages\/terms-of-service", 'title': "Terms of Service"},{'url' :"\/pages\/privacy-policy", 'title': "Privacy Policy"},{'url' :"\/pages\/shipping-policy", 'title': "Shipping Policy"},{'url' :"\/pages\/refund-policy", 'title': "Refund Policy"},{'url' :"\/pages\/accessibility-statement", 'title': "Accessibility Statement"},{'url' :"\/pages\/faq", 'title': "FAQ"},{'url' :"\/pages\/trade", 'title': "Trade"}],"main-menu-v2": [{'url' :"\/", 'title': "Home"},{'url' :"\/collections\/custom", 'title': "Custom"},{'url' :"\/pages\/about", 'title': "Our Story"},{'url' :"\/pages\/contact", 'title': "Contact"},{'url' :"\/blogs\/at-zoes-table", 'title': "Zoë's Journal"}],"footer-menu-v2": [{'url' :"\/", 'title': "Home"},{'url' :"\/collections\/spring", 'title': "Spring"},{'url' :"\/collections", 'title': "Collections"},{'url' :"\/pages\/categories", 'title': "Categories"},{'url' :"\/pages\/about", 'title': "About"},{'url' :"\/pages\/trade", 'title': "Trade"},{'url' :"\/apps\/giftregistry", 'title': "Gift Registry "},{'url' :"\/pages\/contact", 'title': "Contact"}],"mfr-main-menu": [{'url' :"\/pages\/about", 'title': "Our Story"},{'url' :"\/pages\/trade", 'title': "Trade"},{'url' :"https:\/\/zdgofficial.com\/apps\/giftregistry", 'title': "Registry"}],"megamenu-featured": [{'url' :"\/collections\/osier", 'title': "Osier"}],"megamenu-new-arrivals": [{'url' :"\/collections\/osier", 'title': "Osier"},{'url' :"\/collections\/picardie-florale", 'title': "Picardie"},{'url' :"\/collections\/la-mer", 'title': "La Mer"}],"megamenu-best-sellers": [{'url' :"\/collections\/osier", 'title': "Osier"}],"mfr-desktop-subnavigation": [{'url' :"\/collections\/the-zdg-bag", 'title': "The ZDG Bag"},{'url' :"\/collections", 'title': "Collections"},{'url' :"#", 'title': "Tableware"},{'url' :"\/collections\/linens", 'title': "Linens"},{'url' :"\/collections\/cutlery", 'title': "Cutlery"},{'url' :"\/collections\/glassware", 'title': "Glassware"},{'url' :"#", 'title': "Decorative"},{'url' :"\/collections\/gifting", 'title': "Gifting"},{'url' :"#", 'title': "Edits"}],"customer-account-main-menu": [{'url' :"https:\/\/shopify.com\/47740059810\/account\/orders?locale=en\u0026region_country=US\u0026buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJ6LWQtZy5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTIwMTc1NjUsIm5iZiI6MTc5MTQxMjc2NX0.TLjWV5omuZ2HgIBR0tKlBB2MJHD48-OzmEtdig4VCaU", 'title': "Orders"},{'url' :"https:\/\/shopify.com\/47740059810\/account\/profile?locale=en\u0026region_country=US\u0026buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJ6LWQtZy5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTIwMTc1NjUsIm5iZiI6MTc5MTQxMjc2NX0.TLjWV5omuZ2HgIBR0tKlBB2MJHD48-OzmEtdig4VCaU", 'title': "Profile"}]}
1890window.GloboMenuConfig.is_app_embedded = true;
1891window.showAdsInConsole = true;
1892</script>
1892
1893<link href="//cdn.shopify.com/extensions/01a10efd-6cd2-735f-9493-ee30511016f8/mega-menu-builder-408/assets/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
1894
1895
1896<link href="//cdn.shopify.com/extensions/01a10efd-6cd2-735f-9493-ee30511016f8/mega-menu-builder-408/assets/remixicon.min.css" rel="stylesheet" type="text/css" media="all" />
1897
1898<script>
1899if(window.AVADA_SPEED_WHITELIST){const gmm_w = new RegExp("globo-mega-menu", 'i');if(Array.isArray(window.AVADA_SPEED_WHITELIST)){window.AVADA_SPEED_WHITELIST.push(gmm_w);}else{window.AVADA_SPEED_WHITELIST = [gmm_w];}}</script>
1899
1900<!-- END app block -->
1900<script src="https://cdn.shopify.com/extensions/01a0f56c-a99a-7134-8ba4-eb7aec55b12f/ecomstar-pre-post-upsell-361/assets/widget.js" type="text/javascript" defer="defer"></script>
1900
1901<link href="https://cdn.shopify.com/extensions/01a0f56c-a99a-7134-8ba4-eb7aec55b12f/ecomstar-pre-post-upsell-361/assets/widget.css" rel="stylesheet" type="text/css" media="all">
1902<script src="https://cdn.shopify.com/extensions/01a11693-424f-7f39-a280-ffe36c7ecdf3/gift-reggie-gift-registry-169/assets/app-embed-block.js" type="text/javascript" defer="defer"></script>
1902
1903<link href="https://cdn.shopify.com/extensions/01a11693-424f-7f39-a280-ffe36c7ecdf3/gift-reggie-gift-registry-169/assets/app-embed-block.css" rel="stylesheet" type="text/css" media="all">
1904<script src="https://cdn.shopify.com/extensions/01a10efd-6cd2-735f-9493-ee30511016f8/mega-menu-builder-408/assets/globo.menu.index.js" type="text/javascript" defer="defer"></script>
1904
1905<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1906<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: 47740059810,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};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 1906
1906
1907<script>
1908  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1909</script>
vendor: 1 bytes, line 1909
1909
1910<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}
1910).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: 47740059810,storefrontBaseUrl: "https://zdgofficial.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://zdgofficial.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"2140340386","configuration":"{\"shopUrl\":\"z-d-g.myshopify.com\",\"appNameSignature\":\"globo_menu_revenue_pixel\",\"attributionStorageKey\":\"gm_menu_attribution\",\"analyticsEnabled\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22b3413df3f6c0
191056aec31bf3998ddb39","type":"APP","apiClientId":1747773,"privacyPurposes":["ANALYTICS","MARKETING","PREFERENCES","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1619427490","configuration":"{\"accountID\":\"Unsd75\",\"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":"218038434","configuration":"{\"pixel_id\":\"818077883426356\",\"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":"90472610","configuration":"{\"tagID\":\"2614196996114\"}","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":"113082530","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":"Z.d.G. by Zoë de Givenchy","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"z-d-g.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/zdgofficial.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8493837680802","handle":"holiday-hand-painted-notecards-set-of-12","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44921123635362","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8493972324514","handle":"hand-painted-placecards-set-of-six-chocolat-camaieu","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44921290031266","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8493952368802","handle":"holiday-hand-painted-swing-tags-set-of-6","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44921254740130","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8493977108642","handle":"hand-painted-placecards-set-of-six-red-brindille","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44921299566754","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8493959544994","handle":"hand-painted-swing-tags-set-of-six-red-brindille","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44921268076706","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8493957841058","handle":"hand-painted-swing-tags-set-of-six-green-camaieu","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44921262866594","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8493975011490","handle":"hand-painted-placecards-set-of-six-green-camaieu","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44921295372450","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://zdgofficial.com/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"150279422114","themeStoreId":"2481","themePublished":"true","eventMetadataId":"e70b56aa-1b10-4159-936b-c5455a3c6eb4","pageType":"collection","resourceId":"322577367202","shopId":"47740059810","storefrontBaseUrl":"https:\/\/zdgofficial.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"322577367202\",\"title\":\"Fine Paper Products \u0026 Wrapping\",\"productVariants\":[{\"price\":{\"amount\":55.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Hand Painted Notecards, Set of 12\",\"vendor\":\"Z.d.G. by Zoë de Givenchy\",\"id\":\"8493837680802\",\"untranslatedTitle\":\"Hand Painted Notecards, Set of 12\",\"url\":\"\/products\/holiday-hand-painted-notecards-set-of-12\",\"type\":\"notecards\"},\"id\":\"44921123635362\",\"image\":{\"src\":\"\/\/zdgofficial.com\/cdn\/shop\/files\/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221\"},\"sku\":\"NOTE202409001003\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":30.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Hand Painted Placecards, Set of 12, Chocolat Camaïeu\",\"vendor\":\"Z.d.G. by Zoë de Givenchy\",\"id\":\"8493972324514\",\"untranslatedTitle\":\"Hand Painted Placecards, Set of 12, Chocolat Camaïeu\",\"url\":\"\/products\/hand-painted-placecards-set-of-six-chocolat-camaieu\",\"type\":\"notecards\"},\"id\":\"44921290031266\",\"image\":{\"src\":\"\/\/zdgofficial.com\/cdn\/shop\/files\/HandPaintedPlacecards-Brown.jpg?v=1728993727\"},\"sku\":\"NOTE202409001007\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":35.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Hand Painted Swing Tags, Set of Six, Chocolat Camaïeu\",\"vendor\":\"Z.d.G. by Zoë de Givenchy\",\"id\":\"8493952368802\",\"untranslatedTitle\":\"Hand Painted Swing Tags, Set of Six, Chocolat Camaïeu\",\"url\":\"\/products\/holiday-hand-painted-swing-tags-set-of-6\",\"type\":\"notecards\"}
1910,\"id\":\"44921254740130\",\"image\":{\"src\":\"\/\/zdgofficial.com\/cdn\/shop\/files\/HandPaintedSwingTags-Brown.jpg?v=1728993896\"},\"sku\":\"NOTE202409001004\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":30.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Hand Painted Placecards, Set of 12, Red Brindille\",\"vendor\":\"Z.d.G. by Zoë de Givenchy\",\"id\":\"8493977108642\",\"untranslatedTitle\":\"Hand Painted Placecards, Set of 12, Red Brindille\",\"url\":\"\/products\/hand-painted-placecards-set-of-six-red-brindille\",\"type\":\"notecards\"},\"id\":\"44921299566754\",\"image\":{\"src\":\"\/\/zdgofficial.com\/cdn\/shop\/files\/HandPaintedPlacecards-Red.jpg?v=1728993834\"},\"sku\":\"NOTE202409001009\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":35.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Hand Painted Swing Tags, Set of Six, Red Brindille\",\"vendor\":\"Z.d.G. by Zoë de Givenchy\",\"id\":\"8493959544994\",\"untranslatedTitle\":\"Hand Painted Swing Tags, Set of Six, Red Brindille\",\"url\":\"\/products\/hand-painted-swing-tags-set-of-six-red-brindille\",\"type\":\"notecards\"},\"id\":\"44921268076706\",\"image\":{\"src\":\"\/\/zdgofficial.com\/cdn\/shop\/files\/HandPaintedSwingTags-Red.jpg?v=1728993967\"},\"sku\":\"NOTE202409001006\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":35.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Hand Painted Swing Tags, Set of Six, Green Camaïeu\",\"vendor\":\"Z.d.G. by Zoë de Givenchy\",\"id\":\"8493957841058\",\"untranslatedTitle\":\"Hand Painted Swing Tags, Set of Six, Green Camaïeu\",\"url\":\"\/products\/hand-painted-swing-tags-set-of-six-green-camaieu\",\"type\":\"notecards\"},\"id\":\"44921262866594\",\"image\":{\"src\":\"\/\/zdgofficial.com\/cdn\/shop\/files\/HandPaintedSwingTags-Green.jpg?v=1728993933\"},\"sku\":\"NOTE202409001005\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":30.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Hand Painted Placecards, Set of 12, Green Camaïeu\",\"vendor\":\"Z.d.G. by Zoë de Givenchy\",\"id\":\"8493975011490\",\"untranslatedTitle\":\"Hand Painted Placecards, Set of 12, Green Camaïeu\",\"url\":\"\/products\/hand-painted-placecards-set-of-six-green-camaieu\",\"type\":\"notecards\"},\"id\":\"44921295372450\",\"image\":{\"src\":\"\/\/zdgofficial.com\/cdn\/shop\/files\/HandPaintedPlacecards-Green.jpg?v=1728993798\"},\"sku\":\"NOTE202409001008\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}]}}]]"});})();</script>
1910<script>
1911  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1912  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1913  window.ShopifyAnalytics.meta.currency = 'USD';
1914  var meta = {"products":[{"id":8493837680802,"gid":"gid:\/\/shopify\/Product\/8493837680802","vendor":"Z.d.G. by Zoë de Givenchy","type":"notecards","handle":"holiday-hand-painted-notecards-set-of-12","variants":[{"id":44921123635362,"price":5500,"name":"Hand Painted Notecards, Set of 12","public_title":null,"sku":"NOTE202409001003"}],"remote":false},{"id":8493972324514,"gid":"gid:\/\/shopify\/Product\/8493972324514","vendor":"Z.d.G. by Zoë de Givenchy","type":"notecards","handle":"hand-painted-placecards-set-of-six-chocolat-camaieu","variants":[{"id":44921290031266,"price":3000,"name":"Hand Painted Placecards, Set of 12, Chocolat Camaïeu","public_title":null,"sku":"NOTE202409001007"}],"remote":false},{"id":8493952368802,"gid":"gid:\/\/shopify\/Product\/8493952368802","vendor":"Z.d.G. by Zoë de Givenchy","type":"notecards","handle":"holiday-hand-painted-swing-tags-set-of-6","variants":[{"id":44921254740130,"price":3500,"name":"Hand Painted Swing Tags, Set of Six, Chocolat Camaïeu","public_title":null,"sku":"NOTE202409001004"}],"remote":false},{"id":8493977108642,"gid":"gid:\/\/shopify\/Product\/8493977108642","vendor":"Z.d.G. by Zoë de Givenchy","type":"notecards","handle":"hand-painted-placecards-set-of-six-red-brindille","variants":[{"id":44921299566754,"price":3000,"name":"Hand Painted Placecards, Set of 12, Red Brindille","public_title":null,"sku":"NOTE202409001009"}],"remote":false},{"id":8493959544994,"gid":"gid:\/\/shopify\/Product\/8493959544994","vendor":"Z.d.G. by Zoë de Givenchy","type":"notecards","handle":"hand-painted-swing-tags-set-of-six-red-brindille","variants":[{"id":44921268076706,"price":3500,"name":"Hand Painted Swing Tags, Set of Six, Red Brindille","public_title":null,"sku":"NOTE202409001006"}],"remote":false},{"id":8493957841058,"gid":"gid:\/\/shopify\/Product\/8493957841058","vendor":"Z.d.G. by Zoë de Givenchy","type":"notecards","handle":"hand-painted-swing-tags-set-of-six-green-camaieu","variants":[{"id":44921262866594,"price":3500,"name":"Hand Painted Swing Tags, Set of Six, Green Camaïeu","public_title":null,"sku":"NOTE202409001005"}],"remote":false},{"id":8493975011490,"gid":"gid:\/\/shopify\/Product\/8493975011490","vendor":"Z.d.G. by Zoë de Givenchy","type":"notecards","handle":"hand-painted-placecards-set-of-six-green-camaieu","variants":[{"id":44921295372450,"price":3000,"name":"Hand Painted Placecards, Set of 12, Green Camaïeu","public_title":null,"sku":"NOTE202409001008"}],"remote":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":322577367202,"requestId":"3401b450-c4ae-4b51-a86f-766569b0fa4e-1791412765"}};
1915  for (var attr in meta) {
1916    window.ShopifyAnalytics.meta[attr] = meta[attr];
1917  }
1918</script>
vendor: 1 bytes, line 1918
1918
1919<script class="analytics">
1920  (function () {
1921    var customDocumentWrite = function(content) {
1922      var jquery = null;
1923
1924      if (window.jQuery) {
1925        jquery = window.jQuery;
1926      } else if (window.Checkout && window.Checkout.$) {
1927        jquery = window.Checkout.$;
1928      }
1929
1930      if (jquery) {
1931        jquery('body').append(content);
1932      }
1933    };
1934
1935    var hasLoggedConversion = function(token) {
1936      if (token) {
1937        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1938      }
1939      return false;
1940    }
1941
1942    var setCookieIfConversion = function(token) {
1943      if (token) {
1944        var twoMonthsFromNow = new Date(Date.now());
1945        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1946
1947        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1948      }
1949    }
1950
1951    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1952    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1953    if (trekkie.integrations) {
1954      return;
1955    }
1956    trekkie.methods = [
1957      'identify',
1958      'page',
1959      'ready',
1960      'track',
1961      'trackForm',
1962      'trackLink'
1963    ];
1964    trekkie.factory = function(method) {
1965      return function() {
1966        var args = Array.prototype.slice.call(arguments);
1967        args.unshift(method);
1968        trekkie.push(args);
1969        if (method == 'track' || method == 'page') {
1970          var pageUrl;
1971          try {
1972            pageUrl = window.location.href;
1973          } catch (e) {}
1974          var pageReferrer;
1975          try {
1976            pageReferrer = document.referrer;
1977          } catch (e) {}
1978          try {
1979            if (window.__TREKKIE_SHIM_QUEUE == null) {
1980              window.__TREKKIE_SHIM_QUEUE = [];
1981            }
1982            window.__TREKKIE_SHIM_QUEUE.push({
1983              from: 'trekkie-stub',
1984              method: method,
1985              args: args.slice(1),
1986              pageContext: {
1987                url: pageUrl,
1988                referrer: pageReferrer
1989              }
1990            });
1991          } catch (e) {
1992            // no-op
1993          }
1994        }
1995        return trekkie;
1996      };
1997    };
1998    for (var i = 0; i < trekkie.methods.length; i++) {
1999      var key = trekkie.methods[i];
2000      trekkie[key] = trekkie.factory(key);
2001    }
2002    trekkie.load = function(config) {
2003      trekkie.config = config || {};
2004      trekkie.config.initialDocumentCookie = document.cookie;
2005      var first = document.getElementsByTagName('script')[0];
2006var script = document.createElement('script');
2007script.type = 'text/javascript';
2008script.onerror = function(e) {
2009  var scriptFallback = document.createElement('script');
2010  scriptFallback.type = 'text/javascript';
2011  scriptFallback.onerror = function(error) {
2012          var Monorail = {
2013      produce: function produce(monorailDomain, schemaId, payload) {
2014        var currentMs = new Date().getTime();
2015        var event = {
2016          schema_id: schemaId,
2017          payload: payload,
2018          metadata: {
2019            event_created_at_ms: currentMs,
2020            event_sent_at_ms: currentMs
2021          }
2022        };
2023        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
2024      },
2025      sendRequest: function sendRequest(endpointUrl, payload) {
2026        // Try the sendBeacon API
2027        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
2028          var blobData = new window.Blob([payload], {
2029            type: 'text/plain'
2030          });
2031
2032          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
2033            return true;
2034          } // sendBeacon was not successful
2035
2036        } // XHR beacon
2037
2038        var xhr = new XMLHttpRequest();
2039
2040        try {
2041          xhr.open('POST', endpointUrl);
2042          xhr.setRequestHeader('Content-Type', 'text/plain');
2043          xhr.send(payload);
2044        } catch (e) {
2045          console.log(e);
2046        }
2047
2048        return false;
2049      },
2050      isIos12: function isIos12() {
2051        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
2052      }
2053    };
2054    Monorail.produce('monorail-edge.shopifysvc.com',
2055      'trekkie_storefront_load_errors/1.1',
2056      {shop_id: 47740059810,
2057      theme_id: 150279422114,
2058      app_name: "storefront",
2059      context_url: window.location.href,
2060      source_url: "//zdgofficial.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"});
2061
2062  };
2063  scriptFallback.async = true;
2064  scriptFallback.src = '//zdgofficial.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
2065  first.parentNode.insertBefore(scriptFallback, first);
2066};
2067script.async = true;
2068script.src = '//zdgofficial.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
2069first.parentNode.insertBefore(script, first);
2070
2071    };
2072    trekkie.load(
2073      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":47740059810,"isMerchantRequest":null,"themeId":150279422114,"themeCityHash":"16298094050447687288","contentLanguage":"en","currency":"USD","eventMetadataId":"e70b56aa-1b10-4159-936b-c5455a3c6eb4"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
2074    );
2075
2076    var loaded = false;
2077    trekkie.ready(function() {
2078      if (loaded) return;
2079      loaded = true;
2080
2081      window.ShopifyAnalytics.lib = window.trekkie;
2082
2083      var originalDocumentWrite = document.write;
2084      document.write = customDocumentWrite;
2085      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
2086      document.write = originalDocumentWrite;
2087
2088      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
2089      var token = match? match[1]: undefined;
2090      if (!hasLoggedConversion(token)) {
2091        setCookieIfConversion(token);
2092        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: fine-paper-products-wrapping","collectionName":"fine-paper-products-wrapping","collectionId":322577367202,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
2093      }
2094    });
2095
2096    window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":322577367202,"requestId":"3401b450-c4ae-4b51-a86f-766569b0fa4e-1791412765","shopifyEmitted":true});
2097
2098    var eventsListenerScript = document.createElement('script');
2099    eventsListenerScript.async = true;
2100    eventsListenerScript.src = "//zdgofficial.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
2101    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
2102})();</script>
2102
2103  
2103<script>
2104  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
2105    window.ga = function ga() {
2106      (window.ga.q = window.ga.q || []).push(arguments);
2107      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
2108        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
2109      }
2110      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.");
2111    };
2112    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
2113      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
2114    }
2115  }
2116</script>
vendor: 1 bytes, line 2116
2116
2117<script
2118  defer
2119  src="https://zdgofficial.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.6.min.js"
2120  data-application="storefront-renderer"
2121  data-shop-id="47740059810"
2122  data-render-region="gcp-us-central1"
2123  data-page-type="collection"
2124  data-theme-instance-id="150279422114"
2125  data-theme-name="Horizon"
2126  data-theme-version="3.5.1"
2127  data-monorail-region="shop_domain"
2128  data-resource-timing-sampling-rate="10"
2129  data-shs="true"
2130  data-shs-beacon="true"
2131  data-shs-export-with-fetch="true"
2132  data-shs-logs-sample-rate="1"
2133  data-shs-beacon-endpoint="https://zdgofficial.com/api/collect"
2134></script>
vendor: 1 bytes, line 2134
2134
2135<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
2135<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"47740059810","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.loading","value":"Loading"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":false},"visitor":{"country":"US","language":"en"}}</script>
2135
2136<meta name="shopify-y" content="aa4bcb5f-7d0b-47d4-977d-8eedfb0c18a1" data-expiration="1822970365000"><meta name="shopify-s" content="4b33d0df-3a43-41ee-8b81-5147dff12881" data-expiration="1791414565000"><meta name="new-cookie-storage-activated" content="t">
2137</head>
2138
2139  <body class="page-width-wide card-hover-effect-lift">
2140    <a
2141  class="skip-to-content-link button-secondary"
2142  href="#MainContent"
2143>
2144  Skip to content
2145</a>
2146
2147
2148
2149    <div id="header-group">
2150      <!-- BEGIN sections: header-group -->
2151<header id="shopify-section-sections--20431058108578__header_section" class="shopify-section shopify-section-group-header-group header-section">
2152
2153
2154
2155
2156
2157
2158
2159
2160
2161<script type="application/ld+json">
2162  {
2163    "@context": "http://schema.org",
2164    "@type": "Organization",
2165    "name": "Z.d.G. by Zoë de Givenchy",
2166    
2167      "logo": "https:\/\/zdgofficial.com\/cdn\/shop\/files\/ZdG_Logo_Blue.svg?v=1782763756\u0026width=500",
2168    
2169    "url": "https:\/\/zdgofficial.com"
2170  }
2171</script>
2171
2172
2173<header-component
2174  id="header-component"
2175  class="header header--collapse-row-paddings"
2176  data-theme-color="rgb(244 241 234)"
2177  
2178  
2179    sticky="always"
2180  
2181  data-skip-node-update
2182  data-scroll-direction="none"
2183  
2184  
2185  style="
2186    --color-scheme-top-row: rgba(244 241 234 / 1.0);
2187    --color-scheme-bottom-row: rgba(244 241 234 / 1.0);
2188    
2189  "
2190>
2191  <div class="header__underlay header__underlay-closed"></div>
2192  <div
2193    class="header__underlay header__underlay-open"
2194  ></div>
2195    
2196
2197    
2198
2199    
2200    
2201      <div
2202        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--full-width divider--page-width"
2203        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
2204        <div class="header__columns spacing-style">
2205          <div
2206      class="header__column header__column--left"
2207      data-testid="header-top-left"
2208    >
2209      
2210        
2211          
2212              
2213
2214
2215
2216    <div
2217      class="header__drawer"
2218      ref="headerDrawerContainer"
2219      data-hydration-key="header-drawer-mobile"
2220      
2221    >
2222      
2223
2224<script
2225  src="//zdgofficial.com/cdn/shop/t/36/assets/header-drawer.js?v=121243031541024704371785429912"
2226  type="module"
2227  fetchpriority="low"
2228></script>
2228
2229
2230<header-drawer
2231  class="header-drawer "
2232  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
2233>
2234  <details
2235    id="Details-menu-drawer-container"
2236    data-skip-node-update="true"
2237    class="menu-drawer-container"
2238    ref="details"
2239    scroll-lock
2240  >
2241    <summary
2242      class="header__icon header__icon--menu header__icon--summary"
2243      aria-label="Menu"
2244      on:click="/toggle"
2245    >
2246      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2247  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2248  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2249</svg>
2250</span>
2251      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2252  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2253  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2254</svg>
2255</span>
2256    </summary>
2257    <div
2258      ref="menuDrawer"
2259      class="
2260        menu-drawer
2261        color-scheme-1
2262      "
2263    >
2264      <button
2265        class="button close-button menu-drawer__close-button"
2266        type="button"
2267        aria-label="Close"
2268        on:click="/close"
2269      >
2270        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2271  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2272  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2273</svg>
2274</span>
2275      </button>
2276      <nav
2277        class="menu-drawer__navigation"
2278        style="--menu-top-level-font-family: var(--font-primary--family);
2279--menu-top-level-font-size-desktop: 1.125rem; --menu-top-level-font-style: var(--font-primary--style); --menu-top-level-font-weight: var(--font-primary--weight); --menu-top-level-font-case:none;
2280
2281  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
2282  var(--menu-font-2xl--line-height);
2283
2284--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2285
2286--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
2287var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
2288none;
2289
2290    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
2291    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
2292    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
2293  
2294--menu-child-font-family: var(--font-primary--family); --menu-child-font-style:
2295var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:
2296none;
2297
2298    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
2299    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
2300    var(--opacity-subdued-text));
2301  
2302
2303        "
2304        aria-label="Primary"
2305      >
2306        <ul
2307          class="menu-drawer__menu has-submenu"
2308          role="list"
2309        >
2310            
2311            
2312
2313              <li
2314                style="--menu-drawer-animation-index: 1;"
2315                class="menu-drawer__list-item--deep"
2316              >
2317                
2318<a
2319                    id="HeaderDrawer-le-potager-du-roi"
2320                    href="/collections/le-potager-du-roi-by-zdg"
2321                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2322                    
2323                  >
2324                    <span class="menu-drawer__menu-item-text wrap-text">Le Potager du Roi</span>
2325                  </a>
2326                
2327              </li>
2328              <li
2329                style="--menu-drawer-animation-index: 2;"
2330                class="menu-drawer__list-item--deep"
2331              >
2332                
2333<a
2334                    id="HeaderDrawer-the-zdg-bag"
2335                    href="/collections/the-zdg-bag"
2336                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2337                    
2338                  >
2339                    <span class="menu-drawer__menu-item-text wrap-text">The ZdG Bag</span>
2340                  </a>
2341                
2342              </li>
2343              <li
2344                style="--menu-drawer-animation-index: 3;"
2345                class="menu-drawer__list-item--deep"
2346              >
2347                
2348
2349                  
2350                  <accordion-custom
2351  
2352  
2353  
2354  
2355  
2356  
2357  
2358  
2359  
2360>
2361  
2362                    <details
2363                      id="Details-menu-drawer-collections"
2364                    >
2365                      <summary
2366                        id="HeaderDrawer-collections"
2367                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2368                      >
2369                        <span class="menu-drawer__menu-item-text wrap-text">Collections</span>
2370                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2371  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2372  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2373</svg>
2374</span>
2375                      </summary>
2376                      
2377                      <ul
2378                        class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content"
2379                        role="list"
2380                        tabindex="-1"
2381                      ><li
2382                            class="menu-drawer__list-item"
2383                            style="--menu-drawer-animation-index: 1;"
2384                          >
2385                            <a
2386                              id="HeaderDrawer-collections-all-collections"
2387                              href="/collections/all-collections"
2388                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2389                              
2390                            >
2391                              
2392                              <span class="menu-drawer__menu-item-text wrap-text">All Collections</span>
2393                            </a>
2394                          </li><li
2395                            class="menu-drawer__list-item"
2396                            style="--menu-drawer-animation-index: 2;"
2397                          >
2398                            <a
2399                              id="HeaderDrawer-collections-le-potager-du-roi"
2400                              href="/collections/le-potager-du-roi-by-zdg"
2401                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2402                              
2403                            >
2404                              
2405                              <span class="menu-drawer__menu-item-text wrap-text">Le Potager du Roi</span>
2406                            </a>
2407                          </li><li
2408                            class="menu-drawer__list-item"
2409                            style="--menu-drawer-animation-index: 3;"
2410                          >
2411                            <a
2412                              id="HeaderDrawer-collections-brindille"
2413                              href="/collections/brindille"
2414                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2415                              
2416                            >
2417                              
2418                              <span class="menu-drawer__menu-item-text wrap-text">Brindille</span>
2419                            </a>
2420                          </li><li
2421                            class="menu-drawer__list-item"
2422                            style="--menu-drawer-animation-index: 4;"
2423                          >
2424                            <a
2425                              id="HeaderDrawer-collections-camaieu"
2426                              href="/collections/camaieu"
2427                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2428                              
2429                            >
2430                              
2431                              <span class="menu-drawer__menu-item-text wrap-text">Camaïeu</span>
2432                            </a>
2433                          </li><li
2434                            class="menu-drawer__list-item"
2435                            style="--menu-drawer-animation-index: 5;"
2436                          >
2437                            <a
2438                              id="HeaderDrawer-collections-dore"
2439                              href="/collections/frutta-gold"
2440                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2441                              
2442                            >
2443                              
2444                              <span class="menu-drawer__menu-item-text wrap-text">Doré</span>
2445                            </a>
2446                          </li><li
2447                            class="menu-drawer__list-item"
2448                            style="--menu-drawer-animation-index: 6;"
2449                          >
2450                            <a
2451                              id="HeaderDrawer-collections-les-bleuets"
2452                              href="/collections/les-bleuets"
2453                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2454                              
2455                            >
2456                              
2457                              <span class="menu-drawer__menu-item-text wrap-text">Les Bleuets</span>
2458                            </a>
2459                          </li><li
2460                            class="menu-drawer__list-item"
2461                            style="--menu-drawer-animation-index: 7;"
2462                          >
2463                            <a
2464                              id="HeaderDrawer-collections-la-savane"
2465                              href="/collections/la-savane"
2466                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2467                              
2468                            >
2469                              
2470                              <span class="menu-drawer__menu-item-text wrap-text">La Savane</span>
2471                            </a>
2472                          </li><li
2473                            class="menu-drawer__list-item"
2474                            style="--menu-drawer-animation-index: 8;"
2475                          >
2476                            <a
2477                              id="HeaderDrawer-collections-nenuphar"
2478                              href="/collections/nenuphar"
2479                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2480                              
2481                            >
2482                              
2483                              <span class="menu-drawer__menu-item-text wrap-text">Nénuphar</span>
2484                            </a>
2485                          </li><li
2486                            class="menu-drawer__list-item"
2487                            style="--menu-drawer-animation-index: 9;"
2488                          >
2489                            <a
2490                              id="HeaderDrawer-collections-objets-trouve"
2491                              href="/collections/antique-objects"
2492                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2493                              
2494                            >
2495                              
2496                              <span class="menu-drawer__menu-item-text wrap-text">Objets Trouvé</span>
2497                            </a>
2498                          </li><li
2499                            class="menu-drawer__list-item"
2500                            style="--menu-drawer-animation-index: 10;"
2501                          >
2502                            <a
2503                              id="HeaderDrawer-collections-osier"
2504                              href="/collections/osier"
2505                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2506                              
2507                            >
2508                              
2509                              <span class="menu-drawer__menu-item-text wrap-text">Osier</span>
2510                            </a>
2511                          </li><li
2512                            class="menu-drawer__list-item"
2513                            style="--menu-drawer-animation-index: 11;"
2514                          >
2515                            <a
2516                              id="HeaderDrawer-collections-picardie"
2517                              href="/collections/picardie-florale"
2518                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2519                              
2520                            >
2521                              
2522                              <span class="menu-drawer__menu-item-text wrap-text">Picardie</span>
2523                            </a>
2524                          </li><li
2525                            class="menu-drawer__list-item"
2526                            style="--menu-drawer-animation-index: 12;"
2527                          >
2528                            <a
2529                              id="HeaderDrawer-collections-ramatuelle-bamboo"
2530                              href="/collections/ramatuelle"
2531                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2532                              
2533                            >
2534                              
2535                              <span class="menu-drawer__menu-item-text wrap-text">Ramatuelle Bamboo</span>
2536                            </a>
2537                          </li><li
2538                            class="menu-drawer__list-item"
2539                            style="--menu-drawer-animation-index: 13;"
2540                          >
2541                            <a
2542                              id="HeaderDrawer-collections-trompe-loeil"
2543                              href="/collections/trompe-loeil"
2544                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2545                              
2546                            >
2547                              
2548                              <span class="menu-drawer__menu-item-text wrap-text">Trompe L&#39;œil </span>
2549                            </a>
2550                          </li><li
2551                            class="menu-drawer__list-item"
2552                            style="--menu-drawer-animation-index: 14;"
2553                          >
2554                            <a
2555                              id="HeaderDrawer-collections-tulipa"
2556                              href="/collections/tulipa"
2557                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2558                              
2559                            >
2560                              
2561                              <span class="menu-drawer__menu-item-text wrap-text">Tulipa</span>
2562                            </a>
2563                          </li></ul>
2564                    </details>
2565                  
2566</accordion-custom>
2567
2568
2569
2570
2571
2572                
2573              </li>
2574              <li
2575                style="--menu-drawer-animation-index: 4;"
2576                class="menu-drawer__list-item--deep"
2577              >
2578                
2579
2580                  
2581                  <accordion-custom
2582  
2583  
2584  
2585  
2586  
2587  
2588  
2589  
2590  
2591>
2592  
2593                    <details
2594                      id="Details-menu-drawer-faience"
2595                    >
2596                      <summary
2597                        id="HeaderDrawer-faience"
2598                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2599                      >
2600                        <span class="menu-drawer__menu-item-text wrap-text">Faïence</span>
2601                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2602  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2603  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2604</svg>
2605</span>
2606                      </summary>
2607                      
2608                      <ul
2609                        class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content"
2610                        role="list"
2611                        tabindex="-1"
2612                      ><li
2613                            class="menu-drawer__list-item"
2614                            style="--menu-drawer-animation-index: 1;"
2615                          >
2616                            <a
2617                              id="HeaderDrawer-faience-all-faience"
2618                              href="/collections/all-faience-1"
2619                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2620                              
2621                            >
2622                              
2623                              <span class="menu-drawer__menu-item-text wrap-text">All Faïence</span>
2624                            </a>
2625                          </li><li
2626                            class="menu-drawer__list-item"
2627                            style="--menu-drawer-animation-index: 2;"
2628                          >
2629                            <a
2630                              id="HeaderDrawer-faience-bread-plates"
2631                              href="/collections/bread-plates"
2632                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2633                              
2634                            >
2635                              
2636                              <span class="menu-drawer__menu-item-text wrap-text">Bread Plates</span>
2637                            </a>
2638                          </li><li
2639                            class="menu-drawer__list-item"
2640                            style="--menu-drawer-animation-index: 3;"
2641                          >
2642                            <a
2643                              id="HeaderDrawer-faience-bowls"
2644                              href="/collections/bowls"
2645                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2646                              
2647                            >
2648                              
2649                              <span class="menu-drawer__menu-item-text wrap-text">Bowls</span>
2650                            </a>
2651                          </li><li
2652                            class="menu-drawer__list-item"
2653                            style="--menu-drawer-animation-index: 4;"
2654                          >
2655                            <a
2656                              id="HeaderDrawer-faience-coffee-tea"
2657                              href="/collections/coffee-tea"
2658                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2659                              
2660                            >
2661                              
2662                              <span class="menu-drawer__menu-item-text wrap-text">Coffee &amp; Tea</span>
2663                            </a>
2664                          </li><li
2665                            class="menu-drawer__list-item"
2666                            style="--menu-drawer-animation-index: 5;"
2667                          >
2668                            <a
2669                              id="HeaderDrawer-faience-charger-plates"
2670                              href="/collections/large-dinner-charger-plates"
2671                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2672                              
2673                            >
2674                              
2675                              <span class="menu-drawer__menu-item-text wrap-text">Charger Plates</span>
2676                            </a>
2677                          </li><li
2678                            class="menu-drawer__list-item"
2679                            style="--menu-drawer-animation-index: 6;"
2680                          >
2681                            <a
2682                              id="HeaderDrawer-faience-dinner-plates"
2683                              href="/collections/dinner-plates"
2684                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2685                              
2686                            >
2687                              
2688                              <span class="menu-drawer__menu-item-text wrap-text">Dinner Plates</span>
2689                            </a>
2690                          </li><li
2691                            class="menu-drawer__list-item"
2692                            style="--menu-drawer-animation-index: 7;"
2693                          >
2694                            <a
2695                              id="HeaderDrawer-faience-pasta-soup-plates"
2696                              href="/collections/soup-plates"
2697                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2698                              
2699                            >
2700                              
2701                              <span class="menu-drawer__menu-item-text wrap-text">Pasta/Soup Plates</span>
2702                            </a>
2703                          </li><li
2704                            class="menu-drawer__list-item"
2705                            style="--menu-drawer-animation-index: 8;"
2706                          >
2707                            <a
2708                              id="HeaderDrawer-faience-salad-dessert-plates"
2709                              href="/collections/salad-plates"
2710                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2711                              
2712                            >
2713                              
2714                              <span class="menu-drawer__menu-item-text wrap-text">Salad/Dessert Plates</span>
2715                            </a>
2716                          </li><li
2717                            class="menu-drawer__list-item"
2718                            style="--menu-drawer-animation-index: 9;"
2719                          >
2720                            <a
2721                              id="HeaderDrawer-faience-side-plates"
2722                              href="/collections/side-plates"
2723                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2724                              
2725                            >
2726                              
2727                              <span class="menu-drawer__menu-item-text wrap-text">Side Plates</span>
2728                            </a>
2729                          </li><li
2730                            class="menu-drawer__list-item"
2731                            style="--menu-drawer-animation-index: 10;"
2732                          >
2733                            <a
2734                              id="HeaderDrawer-faience-serving-ware"
2735                              href="/collections/serving-pieces"
2736                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2737                              
2738                            >
2739                              
2740                              <span class="menu-drawer__menu-item-text wrap-text">Serving Ware</span>
2741                            </a>
2742                          </li></ul>
2743                    </details>
2744                  
2745</accordion-custom>
2746
2747
2748
2749
2750
2751                
2752              </li>
2753              <li
2754                style="--menu-drawer-animation-index: 5;"
2755                class="menu-drawer__list-item--deep"
2756              >
2757                
2758
2759                  
2760                  <accordion-custom
2761  
2762  
2763  
2764  
2765  
2766  
2767  
2768  
2769  
2770>
2771  
2772                    <details
2773                      id="Details-menu-drawer-linens"
2774                    >
2775                      <summary
2776                        id="HeaderDrawer-linens"
2777                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2778                      >
2779                        <span class="menu-drawer__menu-item-text wrap-text">Linens</span>
2780                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2781  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2782  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2783</svg>
2784</span>
2785                      </summary>
2786                      
2787                      <ul
2788                        class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content"
2789                        role="list"
2790                        tabindex="-1"
2791                      ><li
2792                            class="menu-drawer__list-item"
2793                            style="--menu-drawer-animation-index: 1;"
2794                          >
2795                            <a
2796                              id="HeaderDrawer-linens-all-linens"
2797                              href="/collections/linens"
2798                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2799                              
2800                            >
2801                              
2802                              <span class="menu-drawer__menu-item-text wrap-text">All Linens</span>
2803                            </a>
2804                          </li><li
2805                            class="menu-drawer__list-item"
2806                            style="--menu-drawer-animation-index: 2;"
2807                          >
2808                            <a
2809                              id="HeaderDrawer-linens-cocktail-napkins"
2810                              href="/collections/cocktail-napkins"
2811                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2812                              
2813                            >
2814                              
2815                              <span class="menu-drawer__menu-item-text wrap-text">Cocktail Napkins</span>
2816                            </a>
2817                          </li><li
2818                            class="menu-drawer__list-item"
2819                            style="--menu-drawer-animation-index: 3;"
2820                          >
2821                            <a
2822                              id="HeaderDrawer-linens-napkins"
2823                              href="/collections/napkins"
2824                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2825                              
2826                            >
2827                              
2828                              <span class="menu-drawer__menu-item-text wrap-text">Napkins</span>
2829                            </a>
2830                          </li><li
2831                            class="menu-drawer__list-item"
2832                            style="--menu-drawer-animation-index: 4;"
2833                          >
2834                            <a
2835                              id="HeaderDrawer-linens-placemats"
2836                              href="/collections/placemats"
2837                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2838                              
2839                            >
2840                              
2841                              <span class="menu-drawer__menu-item-text wrap-text">Placemats</span>
2842                            </a>
2843                          </li><li
2844                            class="menu-drawer__list-item"
2845                            style="--menu-drawer-animation-index: 5;"
2846                          >
2847                            <a
2848                              id="HeaderDrawer-linens-tablecloths"
2849                              href="/collections/tablecloths"
2850                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2851                              
2852                            >
2853                              
2854                              <span class="menu-drawer__menu-item-text wrap-text">Tablecloths</span>
2855                            </a>
2856                          </li></ul>
2857                    </details>
2858                  
2859</accordion-custom>
2860
2861
2862
2863
2864
2865                
2866              </li>
2867              <li
2868                style="--menu-drawer-animation-index: 6;"
2869                class="menu-drawer__list-item--deep"
2870              >
2871                
2872
2873                  
2874                  <accordion-custom
2875  
2876  
2877  
2878  
2879  
2880  
2881  
2882  
2883  
2884>
2885  
2886                    <details
2887                      id="Details-menu-drawer-cutlery"
2888                    >
2889                      <summary
2890                        id="HeaderDrawer-cutlery"
2891                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2892                      >
2893                        <span class="menu-drawer__menu-item-text wrap-text">Cutlery</span>
2894                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2895  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2896  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2897</svg>
2898</span>
2899                      </summary>
2900                      
2901                      <ul
2902                        class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content"
2903                        role="list"
2904                        tabindex="-1"
2905                      ><li
2906                            class="menu-drawer__list-item"
2907                            style="--menu-drawer-animation-index: 1;"
2908                          >
2909                            <a
2910                              id="HeaderDrawer-cutlery-all-cutlery"
2911                              href="/collections/cutlery"
2912                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2913                              
2914                            >
2915                              
2916                              <span class="menu-drawer__menu-item-text wrap-text">All Cutlery</span>
2917                            </a>
2918                          </li><li
2919                            class="menu-drawer__list-item"
2920                            style="--menu-drawer-animation-index: 2;"
2921                          >
2922                            <a
2923                              id="HeaderDrawer-cutlery-banyan"
2924                              href="/collections/banyan"
2925                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2926                              
2927                            >
2928                              
2929                              <span class="menu-drawer__menu-item-text wrap-text">Banyan</span>
2930                            </a>
2931                          </li><li
2932                            class="menu-drawer__list-item"
2933                            style="--menu-drawer-animation-index: 3;"
2934                          >
2935                            <a
2936                              id="HeaderDrawer-cutlery-cutlery-sets"
2937                              href="/collections/cutlery-sets"
2938                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2939                              
2940                            >
2941                              
2942                              <span class="menu-drawer__menu-item-text wrap-text">Cutlery Sets</span>
2943                            </a>
2944                          </li><li
2945                            class="menu-drawer__list-item"
2946                            style="--menu-drawer-animation-index: 4;"
2947                          >
2948                            <a
2949                              id="HeaderDrawer-cutlery-green-bamboo"
2950                              href="/collections/green-bamboo"
2951                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2952                              
2953                            >
2954                              
2955                              <span class="menu-drawer__menu-item-text wrap-text">Green Bamboo</span>
2956                            </a>
2957                          </li><li
2958                            class="menu-drawer__list-item"
2959                            style="--menu-drawer-animation-index: 5;"
2960                          >
2961                            <a
2962                              id="HeaderDrawer-cutlery-romilly"
2963                              href="/collections/romilly"
2964                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2965                              
2966                            >
2967                              
2968                              <span class="menu-drawer__menu-item-text wrap-text">Romilly</span>
2969                            </a>
2970                          </li><li
2971                            class="menu-drawer__list-item"
2972                            style="--menu-drawer-animation-index: 6;"
2973                          >
2974                            <a
2975                              id="HeaderDrawer-cutlery-serving-pieces"
2976                              href="/collections/serving-pieces-1"
2977                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2978                              
2979                            >
2980                              
2981                              <span class="menu-drawer__menu-item-text wrap-text">Serving Pieces</span>
2982                            </a>
2983                          </li><li
2984                            class="menu-drawer__list-item"
2985                            style="--menu-drawer-animation-index: 7;"
2986                          >
2987                            <a
2988                              id="HeaderDrawer-cutlery-trousdale"
2989                              href="/collections/trousdale"
2990                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2991                              
2992                            >
2993                              
2994                              <span class="menu-drawer__menu-item-text wrap-text">Trousdale</span>
2995                            </a>
2996                          </li></ul>
2997                    </details>
2998                  
2999</accordion-custom>
3000
3001
3002
3003
3004
3005                
3006              </li>
3007              <li
3008                style="--menu-drawer-animation-index: 7;"
3009                class="menu-drawer__list-item--deep"
3010              >
3011                
3012
3013                  
3014                  <accordion-custom
3015  
3016  
3017  
3018  
3019  
3020  
3021  
3022  
3023  
3024>
3025  
3026                    <details
3027                      id="Details-menu-drawer-glassware"
3028                    >
3029                      <summary
3030                        id="HeaderDrawer-glassware"
3031                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
3032                      >
3033                        <span class="menu-drawer__menu-item-text wrap-text">Glassware</span>
3034                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3035  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3036  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3037</svg>
3038</span>
3039                      </summary>
3040                      
3041                      <ul
3042                        class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content"
3043                        role="list"
3044                        tabindex="-1"
3045                      ><li
3046                            class="menu-drawer__list-item"
3047                            style="--menu-drawer-animation-index: 1;"
3048                          >
3049                            <a
3050                              id="HeaderDrawer-glassware-all-glassware"
3051                              href="/collections/glassware"
3052                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3053                              
3054                            >
3055                              
3056                              <span class="menu-drawer__menu-item-text wrap-text">All Glassware</span>
3057                            </a>
3058                          </li></ul>
3059                    </details>
3060                  
3061</accordion-custom>
3062
3063
3064
3065
3066
3067                
3068              </li>
3069              <li
3070                style="--menu-drawer-animation-index: 8;"
3071                class="menu-drawer__list-item--deep"
3072              >
3073                
3074
3075                  
3076                  <accordion-custom
3077  
3078  
3079  
3080  
3081  
3082  
3083  
3084  
3085  
3086>
3087  
3088                    <details
3089                      id="Details-menu-drawer-decorative-objects"
3090                    >
3091                      <summary
3092                        id="HeaderDrawer-decorative-objects"
3093                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
3094                      >
3095                        <span class="menu-drawer__menu-item-text wrap-text">Decorative Objects</span>
3096                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3097  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3098  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3099</svg>
3100</span>
3101                      </summary>
3102                      
3103                      <ul
3104                        class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content"
3105                        role="list"
3106                        tabindex="-1"
3107                      ><li
3108                            class="menu-drawer__list-item"
3109                            style="--menu-drawer-animation-index: 1;"
3110                          >
3111                            <a
3112                              id="HeaderDrawer-decorative-objects-all-decorative-objects"
3113                              href="/collections/all-decorative"
3114                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3115                              
3116                            >
3117                              
3118                              <span class="menu-drawer__menu-item-text wrap-text">All Decorative Objects</span>
3119                            </a>
3120                          </li><li
3121                            class="menu-drawer__list-item"
3122                            style="--menu-drawer-animation-index: 2;"
3123                          >
3124                            <a
3125                              id="HeaderDrawer-decorative-objects-accessories"
3126                              href="/collections/accessories"
3127                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3128                              
3129                            >
3130                              
3131                              <span class="menu-drawer__menu-item-text wrap-text">Accessories </span>
3132                            </a>
3133                          </li><li
3134                            class="menu-drawer__list-item"
3135                            style="--menu-drawer-animation-index: 3;"
3136                          >
3137                            <a
3138                              id="HeaderDrawer-decorative-objects-cache-pots-verriers"
3139                              href="/collections/cache-pot"
3140                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3141                              
3142                            >
3143                              
3144                              <span class="menu-drawer__menu-item-text wrap-text">Cache Pots &amp; Verriers</span>
3145                            </a>
3146                          </li><li
3147                            class="menu-drawer__list-item"
3148                            style="--menu-drawer-animation-index: 4;"
3149                          >
3150                            <a
3151                              id="HeaderDrawer-decorative-objects-candle-ware"
3152                              href="/collections/candleware"
3153                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3154                              
3155                            >
3156                              
3157                              <span class="menu-drawer__menu-item-text wrap-text">Candle Ware</span>
3158                            </a>
3159                          </li><li
3160                            class="menu-drawer__list-item"
3161                            style="--menu-drawer-animation-index: 5;"
3162                          >
3163                            <a
3164                              id="HeaderDrawer-decorative-objects-objets-trouve"
3165                              href="/collections/antique-objects"
3166                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3167                              
3168                            >
3169                              
3170                              <span class="menu-drawer__menu-item-text wrap-text">Objets Trouvé</span>
3171                            </a>
3172                          </li><li
3173                            class="menu-drawer__list-item"
3174                            style="--menu-drawer-animation-index: 6;"
3175                          >
3176                            <a
3177                              id="HeaderDrawer-decorative-objects-centerpieces"
3178                              href="/collections/centerpieces"
3179                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3180                              
3181                            >
3182                              
3183                              <span class="menu-drawer__menu-item-text wrap-text">Centerpieces </span>
3184                            </a>
3185                          </li><li
3186                            class="menu-drawer__list-item"
3187                            style="--menu-drawer-animation-index: 7;"
3188                          >
3189                            <a
3190                              id="HeaderDrawer-decorative-objects-small-objects"
3191                              href="/collections/small-objects"
3192                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3193                              
3194                            >
3195                              
3196                              <span class="menu-drawer__menu-item-text wrap-text">Small Objects</span>
3197                            </a>
3198                          </li><li
3199                            class="menu-drawer__list-item"
3200                            style="--menu-drawer-animation-index: 8;"
3201                          >
3202                            <a
3203                              id="HeaderDrawer-decorative-objects-signature-packaging"
3204                              href="/collections/packaging"
3205                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3206                              
3207                            >
3208                              
3209                              <span class="menu-drawer__menu-item-text wrap-text">Signature Packaging</span>
3210                            </a>
3211                          </li><li
3212                            class="menu-drawer__list-item"
3213                            style="--menu-drawer-animation-index: 9;"
3214                          >
3215                            <a
3216                              id="HeaderDrawer-decorative-objects-trompe-loeil"
3217                              href="/collections/trompe-loeil"
3218                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3219                              
3220                            >
3221                              
3222                              <span class="menu-drawer__menu-item-text wrap-text">Trompe L&#39;œil</span>
3223                            </a>
3224                          </li></ul>
3225                    </details>
3226                  
3227</accordion-custom>
3228
3229
3230
3231
3232
3233                
3234              </li>
3235              <li
3236                style="--menu-drawer-animation-index: 9;"
3237                class="menu-drawer__list-item--deep"
3238              >
3239                
3240
3241                  
3242                  <accordion-custom
3243  
3244  
3245  
3246  
3247  
3248  
3249  
3250  
3251  
3252>
3253  
3254                    <details
3255                      id="Details-menu-drawer-gifting"
3256                    >
3257                      <summary
3258                        id="HeaderDrawer-gifting"
3259                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
3260                      >
3261                        <span class="menu-drawer__menu-item-text wrap-text">Gifting</span>
3262                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3263  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3264  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3265</svg>
3266</span>
3267                      </summary>
3268                      
3269                      <ul
3270                        class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content"
3271                        role="list"
3272                        tabindex="-1"
3273                      ><li
3274                            class="menu-drawer__list-item"
3275                            style="--menu-drawer-animation-index: 1;"
3276                          >
3277                            <a
3278                              id="HeaderDrawer-gifting-gift-registry"
3279                              href="/apps/giftregistry"
3280                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3281                              
3282                            >
3283                              
3284                              <span class="menu-drawer__menu-item-text wrap-text">Gift Registry</span>
3285                            </a>
3286                          </li><li
3287                            class="menu-drawer__list-item"
3288                            style="--menu-drawer-animation-index: 2;"
3289                          >
3290                            <a
3291                              id="HeaderDrawer-gifting-baby-gifts"
3292                              href="/collections/baby-gifts"
3293                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3294                              
3295                            >
3296                              
3297                              <span class="menu-drawer__menu-item-text wrap-text">Baby Gifts</span>
3298                            </a>
3299                          </li><li
3300                            class="menu-drawer__list-item"
3301                            style="--menu-drawer-animation-index: 3;"
3302                          >
3303                            <a
3304                              id="HeaderDrawer-gifting-wedding-gifts"
3305                              href="/collections/wedding-gifts"
3306                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3307                              
3308                            >
3309                              
3310                              <span class="menu-drawer__menu-item-text wrap-text">Wedding Gifts</span>
3311                            </a>
3312                          </li><li
3313                            class="menu-drawer__list-item"
3314                            style="--menu-drawer-animation-index: 4;"
3315                          >
3316                            <a
3317                              id="HeaderDrawer-gifting-gift-cards"
3318                              href="/collections/gift-cards"
3319                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3320                              
3321                            >
3322                              
3323                              <span class="menu-drawer__menu-item-text wrap-text">Gift Cards</span>
3324                            </a>
3325                          </li><li
3326                            class="menu-drawer__list-item"
3327                            style="--menu-drawer-animation-index: 5;"
3328                          >
3329                            <a
3330                              id="HeaderDrawer-gifting-gifts-under-300"
3331                              href="/collections/gifts-under-500"
3332                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3333                              
3334                            >
3335                              
3336                              <span class="menu-drawer__menu-item-text wrap-text">Gifts Under $300</span>
3337                            </a>
3338                          </li><li
3339                            class="menu-drawer__list-item"
3340                            style="--menu-drawer-animation-index: 6;"
3341                          >
3342                            <a
3343                              id="HeaderDrawer-gifting-fine-paper-products"
3344                              href="/collections/fine-paper-products-wrapping"
3345                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset menu-drawer__menu-item--active"
3346                              
3347                                aria-current="page"
3348                              
3349                            >
3350                              
3351                              <span class="menu-drawer__menu-item-text wrap-text">Fine Paper Products </span>
3352                            </a>
3353                          </li><li
3354                            class="menu-drawer__list-item"
3355                            style="--menu-drawer-animation-index: 7;"
3356                          >
3357                            <a
3358                              id="HeaderDrawer-gifting-signature-packaging"
3359                              href="/collections/packaging"
3360                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3361                              
3362                            >
3363                              
3364                              <span class="menu-drawer__menu-item-text wrap-text">Signature Packaging</span>
3365                            </a>
3366                          </li></ul>
3367                    </details>
3368                  
3369</accordion-custom>
3370
3371
3372
3373
3374
3375                
3376              </li>
3377              <li
3378                style="--menu-drawer-animation-index: 10;"
3379                class="menu-drawer__list-item--deep"
3380              >
3381                
3382
3383                  
3384                  <accordion-custom
3385  
3386  
3387  
3388  
3389  
3390  
3391  
3392  
3393  
3394>
3395  
3396                    <details
3397                      id="Details-menu-drawer-custom"
3398                    >
3399                      <summary
3400                        id="HeaderDrawer-custom"
3401                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
3402                      >
3403                        <span class="menu-drawer__menu-item-text wrap-text">Custom</span>
3404                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3405  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3406  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3407</svg>
3408</span>
3409                      </summary>
3410                      
3411                      <ul
3412                        class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content"
3413                        role="list"
3414                        tabindex="-1"
3415                      ><li
3416                            class="menu-drawer__list-item"
3417                            style="--menu-drawer-animation-index: 1;"
3418                          >
3419                            <a
3420                              id="HeaderDrawer-custom-custom-orders"
3421                              href="/pages/custom-orders"
3422                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3423                              
3424                            >
3425                              
3426                              <span class="menu-drawer__menu-item-text wrap-text">Custom Orders</span>
3427                            </a>
3428                          </li><li
3429                            class="menu-drawer__list-item"
3430                            style="--menu-drawer-animation-index: 2;"
3431                          >
3432                            <a
3433                              id="HeaderDrawer-custom-personalised-objects-by-zdg"
3434                              href="/collections/the-zdg-monogram-collection-copy"
3435                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3436                              
3437                            >
3438                              
3439                              <span class="menu-drawer__menu-item-text wrap-text">Personalised Objects by ZdG</span>
3440                            </a>
3441                          </li></ul>
3442                    </details>
3443                  
3444</accordion-custom>
3445
3446
3447
3448
3449
3450                
3451              </li>
3452              <li
3453                style="--menu-drawer-animation-index: 11;"
3454                class="menu-drawer__list-item--deep"
3455              >
3456                
3457
3458                  
3459                  <accordion-custom
3460  
3461  
3462  
3463  
3464  
3465  
3466  
3467  
3468  
3469>
3470  
3471                    <details
3472                      id="Details-menu-drawer-inspiration"
3473                    >
3474                      <summary
3475                        id="HeaderDrawer-inspiration"
3476                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
3477                      >
3478                        <span class="menu-drawer__menu-item-text wrap-text">Inspiration</span>
3479                        <span class="svg-wrapper icon-plus"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3480  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3481  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
3482</svg>
3483</span>
3484                      </summary>
3485                      
3486                      <ul
3487                        class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__animated-element details-content"
3488                        role="list"
3489                        tabindex="-1"
3490                      ><li
3491                            class="menu-drawer__list-item"
3492                            style="--menu-drawer-animation-index: 1;"
3493                          >
3494                            <a
3495                              id="HeaderDrawer-inspiration-zoes-autumn-edit"
3496                              href="/collections/zoes-favourites"
3497                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3498                              
3499                            >
3500                              
3501                              <span class="menu-drawer__menu-item-text wrap-text">Zoë&#39;s Autumn Edit</span>
3502                            </a>
3503                          </li><li
3504                            class="menu-drawer__list-item"
3505                            style="--menu-drawer-animation-index: 2;"
3506                          >
3507                            <a
3508                              id="HeaderDrawer-inspiration-zdg-x-adam-lippes"
3509                              href="/collections/zdg-x-adam-lippes-palm-beach"
3510                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3511                              
3512                            >
3513                              
3514                              <span class="menu-drawer__menu-item-text wrap-text">ZdG x Adam Lippes</span>
3515                            </a>
3516                          </li><li
3517                            class="menu-drawer__list-item"
3518                            style="--menu-drawer-animation-index: 3;"
3519                          >
3520                            <a
3521                              id="HeaderDrawer-inspiration-zdg-x-casa-gusto"
3522                              href="/collections/casa-gusto"
3523                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3524                              
3525                            >
3526                              
3527                              <span class="menu-drawer__menu-item-text wrap-text">ZdG x Casa Gusto</span>
3528                            </a>
3529                          </li><li
3530                            class="menu-drawer__list-item"
3531                            style="--menu-drawer-animation-index: 4;"
3532                          >
3533                            <a
3534                              id="HeaderDrawer-inspiration-zdg-x-julia-amory"
3535                              href="/collections/zdg-x-julia-amory"
3536                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3537                              
3538                            >
3539                              
3540                              <span class="menu-drawer__menu-item-text wrap-text">ZdG x Julia Amory</span>
3541                            </a>
3542                          </li><li
3543                            class="menu-drawer__list-item"
3544                            style="--menu-drawer-animation-index: 5;"
3545                          >
3546                            <a
3547                              id="HeaderDrawer-inspiration-zdg-x-sezane"
3548                              href="/collections/zdg-x-sezane"
3549                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3550                              
3551                            >
3552                              
3553                              <span class="menu-drawer__menu-item-text wrap-text">ZdG x Sézane</span>
3554                            </a>
3555                          </li><li
3556                            class="menu-drawer__list-item"
3557                            style="--menu-drawer-animation-index: 6;"
3558                          >
3559                            <a
3560                              id="HeaderDrawer-inspiration-zdg-x-over-the-moon"
3561                              href="/collections/the-zdg-monogram-collection"
3562                              class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3563                              
3564                            >
3565                              
3566                              <span class="menu-drawer__menu-item-text wrap-text">ZdG x Over the Moon</span>
3567                            </a>
3568                          </li></ul>
3569                    </details>
3570                  
3571</accordion-custom>
3572
3573
3574
3575
3576
3577                
3578              </li>
3579        </ul>
3580      </nav>
3581      <div
3582        class="menu-drawer__utility-links menu-drawer__animated-element"
3583        style="--menu-drawer-animation-index: 11;"
3584      >
3585        
3586        
3587          
3588          
3589            <drawer-localization-component class="menu-drawer__localization">
3590              <details
3591                id="drawer-localization"
3592                class="drawer-localization"
3593                on:toggle="/toggle"
3594              >
3595                <summary
3596                  id="HeaderDrawer-localization"
3597                  class="drawer-localization__button h3 link focus-inset"
3598                  aria-expanded="false"
3599                  on:click="header-drawer/open/submenu"
3600                  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
3601                >
3602                  <div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link"><span class="currency-code">USD</span>
3603                      </div></div>
3604                  <span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3605  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3606</svg>
3607</span>
3608                </summary>
3609
3610                <div
3611                  class="menu-drawer__submenu has-submenu color-scheme-1"
3612                  style=""
3613                >
3614                  <div
3615                    class="menu-drawer__nav-buttons"
3616                    ref="navButtons"
3617                  >
3618                    <button
3619                      class="button menu-drawer__back-button link focus-inset"
3620                      on:click="header-drawer/back"
3621                    >
3622                      <span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3623  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3624</svg>
3625</span>
3626                      Region and language
3627                    </button>
3628                    <button
3629                      class="button close-button menu-drawer__close-button"
3630                      type="button"
3631                      aria-label="Close"
3632                      on:click="header-drawer/close"
3633                    >
3634                      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3635  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3636  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3637</svg>
3638</span>
3639                    </button>
3640                  </div>
3641
3642                  
3643<localization-form-component
3644  ref="localizationForm"
3645  data-label-results-count="[count] results"
3646  data-show-filter="true"
3647  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
3648>
3649  
3650<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" />
3651      
3652        <div class="country-filter">
3653          <div class="field">
3654            <div class="country-filter__search-icon field__button">
3655              <span class="svg-wrapper">
3656                <svg aria-hidden="true" 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>
3657
3658              </span>
3659            </div>
3660            <input
3661              class="country-filter__input"
3662              id="country-filter-input"
3663              type="search"
3664              name="country_filter"
3665              value=""
3666              placeholder="Search"
3667              role="combobox"
3668              aria-owns="country-results"
3669              aria-controls="country-results"
3670              aria-haspopup="listbox"
3671              aria-autocomplete="list"
3672              aria-label="Find country"
3673              autocorrect="off"
3674              autocomplete="off"
3675              autocapitalize="off"
3676              spellcheck="false"
3677              ref="search"
3678              on:keyup="/filterCountries"
3679            >
3680            <label
3681              class="field__label visually-hidden"
3682              for="country-filter-input"
3683            >Search</label>
3684            <button
3685              type="reset"
3686              class="button button-unstyled country-filter__reset-button field__button"
3687              aria-label="Reset"
3688              ref="resetButton"
3689              hidden
3690              on:click="/resetCountriesFilter"
3691            >
3692              <span class="svg-wrapper">
3693                <svg aria-hidden="true" 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>
3694
3695              </span>
3696            </button>
3697          </div>
3698        </div>
3699      
3700      <div class="country-selector-form__wrapper">
3701        <h2
3702          class="visually-hidden"
3703          id="drawer-CountryLabel"
3704        >
3705          Country/Region
3706        </h2>
3707        
3708          <div
3709            id="sr-country-search-results-AQ2JudFlHUmlFNFVSN__header-menu-1"
3710            class="visually-hidden"
3711            aria-live="polite"
3712            ref="liveRegion"
3713          ></div>
3714        
3715        <div
3716          class="localization-form__list"
3717          id="drawer-country-results"
3718          ref="countryList"
3719        >
3720          
3721            <ul
3722              role="list"
3723              class="list-unstyled popular-countries"
3724              aria-label="Country/Region"
3725              ref="popularCountries"
3726            >
3727                <li
3728                  class="localization-form__list-item"
3729                  
3730                  data-value="FR"
3731                  
3732                    data-aliases=""
3733                  
3734                  id="France"
3735                  aria-label="France"
3736                  role="option"
3737                  tabindex="-1"
3738                  ref="countryListItems[]"
3739                  on:click="/selectCountry/FR"
3740                >
3741                  <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3742<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3743</svg>
3744</span>
3745                  <span class="country">France</span>
3746                  <span
3747                    class="localization-form__currency"
3748                    
3749                  >
3750                    EUR
3751                    €</span>
3752                </li>
3753                <li
3754                  class="localization-form__list-item"
3755                  
3756                  data-value="CH"
3757                  
3758                    data-aliases=""
3759                  
3760                  id="Switzerland"
3761                  aria-label="Switzerland"
3762                  role="option"
3763                  tabindex="-1"
3764                  ref="countryListItems[]"
3765                  on:click="/selectCountry/CH"
3766                >
3767                  <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3768<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3769</svg>
3770</span>
3771                  <span class="country">Switzerland</span>
3772                  <span
3773                    class="localization-form__currency"
3774                    
3775                  >
3776                    CHF
3777                    CHF</span>
3778                </li>
3779                <li
3780                  class="localization-form__list-item"
3781                  
3782                  data-value="GB"
3783                  
3784                    data-aliases="uk,gb,great britain"
3785                  
3786                  id="United Kingdom"
3787                  aria-label="United Kingdom"
3788                  role="option"
3789                  tabindex="-1"
3790                  ref="countryListItems[]"
3791                  on:click="/selectCountry/GB"
3792                >
3793                  <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3794<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3795</svg>
3796</span>
3797                  <span class="country">United Kingdom</span>
3798                  <span
3799                    class="localization-form__currency"
3800                    
3801                  >
3802                    GBP
3803                    £</span>
3804                </li>
3805                <li
3806                  class="localization-form__list-item"
3807                  
3808                    aria-current="true"
3809                  
3810                  data-value="US"
3811                  
3812                    data-aliases="us,usa,america,united states of america"
3813                  
3814                  id="United States"
3815                  aria-label="United States"
3816                  role="option"
3817                  tabindex="-1"
3818                  ref="countryListItems[]"
3819                  on:click="/selectCountry/US"
3820                >
3821                  <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3822<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3823</svg>
3824</span>
3825                  <span class="country">United States</span>
3826                  <span
3827                    class="localization-form__currency"
3828                    
3829                  >
3830                    USD
3831                    $</span>
3832                </li></ul>
3833          
3834          <ul
3835            role="list"
3836            class="list-unstyled countries"
3837          >
3838            <span
3839              class="localization-form__list-item localization-form__list-item-disabled"
3840              id="no-results-message"
3841              ref="noResultsMessage"
3842              hidden
3843            >No results found</span>
3844              <li
3845                class="localization-form__list-item"
3846                
3847                data-value="AU"
3848                
3849                  data-aliases=""
3850                
3851                id="Australia"
3852                aria-label="Australia"
3853                role="option"
3854                tabindex="-1"
3855                ref="countryListItems[]"
3856                on:click="/selectCountry/AU"
3857              >
3858                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3859<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3860</svg>
3861</span>
3862                <span class="country">Australia</span>
3863                <span
3864                  class="localization-form__currency"
3865                  
3866                >
3867                  AUD
3868                  $</span>
3869              </li>
3870              <li
3871                class="localization-form__list-item"
3872                
3873                data-value="AT"
3874                
3875                  data-aliases=""
3876                
3877                id="Austria"
3878                aria-label="Austria"
3879                role="option"
3880                tabindex="-1"
3881                ref="countryListItems[]"
3882                on:click="/selectCountry/AT"
3883              >
3884                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3885<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3886</svg>
3887</span>
3888                <span class="country">Austria</span>
3889                <span
3890                  class="localization-form__currency"
3891                  
3892                >
3893                  EUR
3894                  €</span>
3895              </li>
3896              <li
3897                class="localization-form__list-item"
3898                
3899                data-value="BH"
3900                
3901                  data-aliases=""
3902                
3903                id="Bahrain"
3904                aria-label="Bahrain"
3905                role="option"
3906                tabindex="-1"
3907                ref="countryListItems[]"
3908                on:click="/selectCountry/BH"
3909              >
3910                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3911<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3912</svg>
3913</span>
3914                <span class="country">Bahrain</span>
3915                <span
3916                  class="localization-form__currency"
3917                  
3918                >
3919                  USD
3920                  $</span>
3921              </li>
3922              <li
3923                class="localization-form__list-item"
3924                
3925                data-value="BE"
3926                
3927                  data-aliases=""
3928                
3929                id="Belgium"
3930                aria-label="Belgium"
3931                role="option"
3932                tabindex="-1"
3933                ref="countryListItems[]"
3934                on:click="/selectCountry/BE"
3935              >
3936                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3937<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3938</svg>
3939</span>
3940                <span class="country">Belgium</span>
3941                <span
3942                  class="localization-form__currency"
3943                  
3944                >
3945                  EUR
3946                  €</span>
3947              </li>
3948              <li
3949                class="localization-form__list-item"
3950                
3951                data-value="BG"
3952                
3953                  data-aliases=""
3954                
3955                id="Bulgaria"
3956                aria-label="Bulgaria"
3957                role="option"
3958                tabindex="-1"
3959                ref="countryListItems[]"
3960                on:click="/selectCountry/BG"
3961              >
3962                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3963<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3964</svg>
3965</span>
3966                <span class="country">Bulgaria</span>
3967                <span
3968                  class="localization-form__currency"
3969                  
3970                >
3971                  EUR
3972                  €</span>
3973              </li>
3974              <li
3975                class="localization-form__list-item"
3976                
3977                data-value="CA"
3978                
3979                  data-aliases=""
3980                
3981                id="Canada"
3982                aria-label="Canada"
3983                role="option"
3984                tabindex="-1"
3985                ref="countryListItems[]"
3986                on:click="/selectCountry/CA"
3987              >
3988                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3989<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3990</svg>
3991</span>
3992                <span class="country">Canada</span>
3993                <span
3994                  class="localization-form__currency"
3995                  
3996                >
3997                  CAD
3998                  $</span>
3999              </li>
4000              <li
4001                class="localization-form__list-item"
4002                
4003                data-value="CY"
4004                
4005                  data-aliases=""
4006                
4007                id="Cyprus"
4008                aria-label="Cyprus"
4009                role="option"
4010                tabindex="-1"
4011                ref="countryListItems[]"
4012                on:click="/selectCountry/CY"
4013              >
4014                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4015<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4016</svg>
4017</span>
4018                <span class="country">Cyprus</span>
4019                <span
4020                  class="localization-form__currency"
4021                  
4022                >
4023                  EUR
4024                  €</span>
4025              </li>
4026              <li
4027                class="localization-form__list-item"
4028                
4029                data-value="DK"
4030                
4031                  data-aliases=""
4032                
4033                id="Denmark"
4034                aria-label="Denmark"
4035                role="option"
4036                tabindex="-1"
4037                ref="countryListItems[]"
4038                on:click="/selectCountry/DK"
4039              >
4040                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4041<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4042</svg>
4043</span>
4044                <span class="country">Denmark</span>
4045                <span
4046                  class="localization-form__currency"
4047                  
4048                >
4049                  EUR
4050                  €</span>
4051              </li>
4052              <li
4053                class="localization-form__list-item"
4054                
4055                data-value="FI"
4056                
4057                  data-aliases=""
4058                
4059                id="Finland"
4060                aria-label="Finland"
4061                role="option"
4062                tabindex="-1"
4063                ref="countryListItems[]"
4064                on:click="/selectCountry/FI"
4065              >
4066                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4067<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4068</svg>
4069</span>
4070                <span class="country">Finland</span>
4071                <span
4072                  class="localization-form__currency"
4073                  
4074                >
4075                  EUR
4076                  €</span>
4077              </li>
4078              <li
4079                class="localization-form__list-item"
4080                
4081                data-value="FR"
4082                
4083                  data-aliases=""
4084                
4085                id="France"
4086                aria-label="France"
4087                role="option"
4088                tabindex="-1"
4089                ref="countryListItems[]"
4090                on:click="/selectCountry/FR"
4091              >
4092                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4093<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4094</svg>
4095</span>
4096                <span class="country">France</span>
4097                <span
4098                  class="localization-form__currency"
4099                  
4100                >
4101                  EUR
4102                  €</span>
4103              </li>
4104              <li
4105                class="localization-form__list-item"
4106                
4107                data-value="DE"
4108                
4109                  data-aliases=""
4110                
4111                id="Germany"
4112                aria-label="Germany"
4113                role="option"
4114                tabindex="-1"
4115                ref="countryListItems[]"
4116                on:click="/selectCountry/DE"
4117              >
4118                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4119<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4120</svg>
4121</span>
4122                <span class="country">Germany</span>
4123                <span
4124                  class="localization-form__currency"
4125                  
4126                >
4127                  EUR
4128                  €</span>
4129              </li>
4130              <li
4131                class="localization-form__list-item"
4132                
4133                data-value="GR"
4134                
4135                  data-aliases=""
4136                
4137                id="Greece"
4138                aria-label="Greece"
4139                role="option"
4140                tabindex="-1"
4141                ref="countryListItems[]"
4142                on:click="/selectCountry/GR"
4143              >
4144                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4145<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4146</svg>
4147</span>
4148                <span class="country">Greece</span>
4149                <span
4150                  class="localization-form__currency"
4151                  
4152                >
4153                  EUR
4154                  €</span>
4155              </li>
4156              <li
4157                class="localization-form__list-item"
4158                
4159                data-value="GL"
4160                
4161                  data-aliases=""
4162                
4163                id="Greenland"
4164                aria-label="Greenland"
4165                role="option"
4166                tabindex="-1"
4167                ref="countryListItems[]"
4168                on:click="/selectCountry/GL"
4169              >
4170                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4171<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4172</svg>
4173</span>
4174                <span class="country">Greenland</span>
4175                <span
4176                  class="localization-form__currency"
4177                  
4178                >
4179                  DKK
4180                  kr.</span>
4181              </li>
4182              <li
4183                class="localization-form__list-item"
4184                
4185                data-value="HK"
4186                
4187                  data-aliases=""
4188                
4189                id="Hong Kong SAR"
4190                aria-label="Hong Kong SAR"
4191                role="option"
4192                tabindex="-1"
4193                ref="countryListItems[]"
4194                on:click="/selectCountry/HK"
4195              >
4196                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4197<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4198</svg>
4199</span>
4200                <span class="country">Hong Kong SAR</span>
4201                <span
4202                  class="localization-form__currency"
4203                  
4204                >
4205                  HKD
4206                  $</span>
4207              </li>
4208              <li
4209                class="localization-form__list-item"
4210                
4211                data-value="IE"
4212                
4213                  data-aliases=""
4214                
4215                id="Ireland"
4216                aria-label="Ireland"
4217                role="option"
4218                tabindex="-1"
4219                ref="countryListItems[]"
4220                on:click="/selectCountry/IE"
4221              >
4222                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4223<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4224</svg>
4225</span>
4226                <span class="country">Ireland</span>
4227                <span
4228                  class="localization-form__currency"
4229                  
4230                >
4231                  EUR
4232                  €</span>
4233              </li>
4234              <li
4235                class="localization-form__list-item"
4236                
4237                data-value="IT"
4238                
4239                  data-aliases=""
4240                
4241                id="Italy"
4242                aria-label="Italy"
4243                role="option"
4244                tabindex="-1"
4245                ref="countryListItems[]"
4246                on:click="/selectCountry/IT"
4247              >
4248                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4249<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4250</svg>
4251</span>
4252                <span class="country">Italy</span>
4253                <span
4254                  class="localization-form__currency"
4255                  
4256                >
4257                  EUR
4258                  €</span>
4259              </li>
4260              <li
4261                class="localization-form__list-item"
4262                
4263                data-value="KW"
4264                
4265                  data-aliases=""
4266                
4267                id="Kuwait"
4268                aria-label="Kuwait"
4269                role="option"
4270                tabindex="-1"
4271                ref="countryListItems[]"
4272                on:click="/selectCountry/KW"
4273              >
4274                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4275<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4276</svg>
4277</span>
4278                <span class="country">Kuwait</span>
4279                <span
4280                  class="localization-form__currency"
4281                  
4282                >
4283                  USD
4284                  $</span>
4285              </li>
4286              <li
4287                class="localization-form__list-item"
4288                
4289                data-value="LI"
4290                
4291                  data-aliases=""
4292                
4293                id="Liechtenstein"
4294                aria-label="Liechtenstein"
4295                role="option"
4296                tabindex="-1"
4297                ref="countryListItems[]"
4298                on:click="/selectCountry/LI"
4299              >
4300                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4301<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4302</svg>
4303</span>
4304                <span class="country">Liechtenstein</span>
4305                <span
4306                  class="localization-form__currency"
4307                  
4308                >
4309                  CHF
4310                  CHF</span>
4311              </li>
4312              <li
4313                class="localization-form__list-item"
4314                
4315                data-value="LU"
4316                
4317                  data-aliases=""
4318                
4319                id="Luxembourg"
4320                aria-label="Luxembourg"
4321                role="option"
4322                tabindex="-1"
4323                ref="countryListItems[]"
4324                on:click="/selectCountry/LU"
4325              >
4326                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4327<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4328</svg>
4329</span>
4330                <span class="country">Luxembourg</span>
4331                <span
4332                  class="localization-form__currency"
4333                  
4334                >
4335                  EUR
4336                  €</span>
4337              </li>
4338              <li
4339                class="localization-form__list-item"
4340                
4341                data-value="MT"
4342                
4343                  data-aliases=""
4344                
4345                id="Malta"
4346                aria-label="Malta"
4347                role="option"
4348                tabindex="-1"
4349                ref="countryListItems[]"
4350                on:click="/selectCountry/MT"
4351              >
4352                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4353<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4354</svg>
4355</span>
4356                <span class="country">Malta</span>
4357                <span
4358                  class="localization-form__currency"
4359                  
4360                >
4361                  EUR
4362                  €</span>
4363              </li>
4364              <li
4365                class="localization-form__list-item"
4366                
4367                data-value="MC"
4368                
4369                  data-aliases=""
4370                
4371                id="Monaco"
4372                aria-label="Monaco"
4373                role="option"
4374                tabindex="-1"
4375                ref="countryListItems[]"
4376                on:click="/selectCountry/MC"
4377              >
4378                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4379<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4380</svg>
4381</span>
4382                <span class="country">Monaco</span>
4383                <span
4384                  class="localization-form__currency"
4385                  
4386                >
4387                  EUR
4388                  €</span>
4389              </li>
4390              <li
4391                class="localization-form__list-item"
4392                
4393                data-value="NL"
4394                
4395                  data-aliases=""
4396                
4397                id="Netherlands"
4398                aria-label="Netherlands"
4399                role="option"
4400                tabindex="-1"
4401                ref="countryListItems[]"
4402                on:click="/selectCountry/NL"
4403              >
4404                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4405<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4406</svg>
4407</span>
4408                <span class="country">Netherlands</span>
4409                <span
4410                  class="localization-form__currency"
4411                  
4412                >
4413                  EUR
4414                  €</span>
4415              </li>
4416              <li
4417                class="localization-form__list-item"
4418                
4419                data-value="NZ"
4420                
4421                  data-aliases=""
4422                
4423                id="New Zealand"
4424                aria-label="New Zealand"
4425                role="option"
4426                tabindex="-1"
4427                ref="countryListItems[]"
4428                on:click="/selectCountry/NZ"
4429              >
4430                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4431<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4432</svg>
4433</span>
4434                <span class="country">New Zealand</span>
4435                <span
4436                  class="localization-form__currency"
4437                  
4438                >
4439                  NZD
4440                  $</span>
4441              </li>
4442              <li
4443                class="localization-form__list-item"
4444                
4445                data-value="NO"
4446                
4447                  data-aliases=""
4448                
4449                id="Norway"
4450                aria-label="Norway"
4451                role="option"
4452                tabindex="-1"
4453                ref="countryListItems[]"
4454                on:click="/selectCountry/NO"
4455              >
4456                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4457<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4458</svg>
4459</span>
4460                <span class="country">Norway</span>
4461                <span
4462                  class="localization-form__currency"
4463                  
4464                >
4465                  USD
4466                  $</span>
4467              </li>
4468              <li
4469                class="localization-form__list-item"
4470                
4471                data-value="PL"
4472                
4473                  data-aliases=""
4474                
4475                id="Poland"
4476                aria-label="Poland"
4477                role="option"
4478                tabindex="-1"
4479                ref="countryListItems[]"
4480                on:click="/selectCountry/PL"
4481              >
4482                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4483<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4484</svg>
4485</span>
4486                <span class="country">Poland</span>
4487                <span
4488                  class="localization-form__currency"
4489                  
4490                >
4491                  PLN
4492                  zł</span>
4493              </li>
4494              <li
4495                class="localization-form__list-item"
4496                
4497                data-value="PT"
4498                
4499                  data-aliases=""
4500                
4501                id="Portugal"
4502                aria-label="Portugal"
4503                role="option"
4504                tabindex="-1"
4505                ref="countryListItems[]"
4506                on:click="/selectCountry/PT"
4507              >
4508                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4509<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4510</svg>
4511</span>
4512                <span class="country">Portugal</span>
4513                <span
4514                  class="localization-form__currency"
4515                  
4516                >
4517                  EUR
4518                  €</span>
4519              </li>
4520              <li
4521                class="localization-form__list-item"
4522                
4523                data-value="QA"
4524                
4525                  data-aliases=""
4526                
4527                id="Qatar"
4528                aria-label="Qatar"
4529                role="option"
4530                tabindex="-1"
4531                ref="countryListItems[]"
4532                on:click="/selectCountry/QA"
4533              >
4534                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4535<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4536</svg>
4537</span>
4538                <span class="country">Qatar</span>
4539                <span
4540                  class="localization-form__currency"
4541                  
4542                >
4543                  QAR
4544                  ر.ق</span>
4545              </li>
4546              <li
4547                class="localization-form__list-item"
4548                
4549                data-value="SA"
4550                
4551                  data-aliases=""
4552                
4553                id="Saudi Arabia"
4554                aria-label="Saudi Arabia"
4555                role="option"
4556                tabindex="-1"
4557                ref="countryListItems[]"
4558                on:click="/selectCountry/SA"
4559              >
4560                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4561<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4562</svg>
4563</span>
4564                <span class="country">Saudi Arabia</span>
4565                <span
4566                  class="localization-form__currency"
4567                  
4568                >
4569                  SAR
4570                  ر.س</span>
4571              </li>
4572              <li
4573                class="localization-form__list-item"
4574                
4575                data-value="SG"
4576                
4577                  data-aliases=""
4578                
4579                id="Singapore"
4580                aria-label="Singapore"
4581                role="option"
4582                tabindex="-1"
4583                ref="countryListItems[]"
4584                on:click="/selectCountry/SG"
4585              >
4586                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4587<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4588</svg>
4589</span>
4590                <span class="country">Singapore</span>
4591                <span
4592                  class="localization-form__currency"
4593                  
4594                >
4595                  SGD
4596                  $</span>
4597              </li>
4598              <li
4599                class="localization-form__list-item"
4600                
4601                data-value="KR"
4602                
4603                  data-aliases=""
4604                
4605                id="South Korea"
4606                aria-label="South Korea"
4607                role="option"
4608                tabindex="-1"
4609                ref="countryListItems[]"
4610                on:click="/selectCountry/KR"
4611              >
4612                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4613<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4614</svg>
4615</span>
4616                <span class="country">South Korea</span>
4617                <span
4618                  class="localization-form__currency"
4619                  
4620                >
4621                  KRW
4622                  ₩</span>
4623              </li>
4624              <li
4625                class="localization-form__list-item"
4626                
4627                data-value="ES"
4628                
4629                  data-aliases=""
4630                
4631                id="Spain"
4632                aria-label="Spain"
4633                role="option"
4634                tabindex="-1"
4635                ref="countryListItems[]"
4636                on:click="/selectCountry/ES"
4637              >
4638                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4639<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4640</svg>
4641</span>
4642                <span class="country">Spain</span>
4643                <span
4644                  class="localization-form__currency"
4645                  
4646                >
4647                  EUR
4648                  €</span>
4649              </li>
4650              <li
4651                class="localization-form__list-item"
4652                
4653                data-value="CH"
4654                
4655                  data-aliases=""
4656                
4657                id="Switzerland"
4658                aria-label="Switzerland"
4659                role="option"
4660                tabindex="-1"
4661                ref="countryListItems[]"
4662                on:click="/selectCountry/CH"
4663              >
4664                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4665<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4666</svg>
4667</span>
4668                <span class="country">Switzerland</span>
4669                <span
4670                  class="localization-form__currency"
4671                  
4672                >
4673                  CHF
4674                  CHF</span>
4675              </li>
4676              <li
4677                class="localization-form__list-item"
4678                
4679                data-value="TW"
4680                
4681                  data-aliases=""
4682                
4683                id="Taiwan"
4684                aria-label="Taiwan"
4685                role="option"
4686                tabindex="-1"
4687                ref="countryListItems[]"
4688                on:click="/selectCountry/TW"
4689              >
4690                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4691<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4692</svg>
4693</span>
4694                <span class="country">Taiwan</span>
4695                <span
4696                  class="localization-form__currency"
4697                  
4698                >
4699                  TWD
4700                  $</span>
4701              </li>
4702              <li
4703                class="localization-form__list-item"
4704                
4705                data-value="AE"
4706                
4707                  data-aliases=""
4708                
4709                id="United Arab Emirates"
4710                aria-label="United Arab Emirates"
4711                role="option"
4712                tabindex="-1"
4713                ref="countryListItems[]"
4714                on:click="/selectCountry/AE"
4715              >
4716                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4717<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4718</svg>
4719</span>
4720                <span class="country">United Arab Emirates</span>
4721                <span
4722                  class="localization-form__currency"
4723                  
4724                >
4725                  AED
4726                  د.إ</span>
4727              </li>
4728              <li
4729                class="localization-form__list-item"
4730                
4731                data-value="GB"
4732                
4733                  data-aliases="uk,gb,great britain"
4734                
4735                id="United Kingdom"
4736                aria-label="United Kingdom"
4737                role="option"
4738                tabindex="-1"
4739                ref="countryListItems[]"
4740                on:click="/selectCountry/GB"
4741              >
4742                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4743<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4744</svg>
4745</span>
4746                <span class="country">United Kingdom</span>
4747                <span
4748                  class="localization-form__currency"
4749                  
4750                >
4751                  GBP
4752                  £</span>
4753              </li>
4754              <li
4755                class="localization-form__list-item"
4756                
4757                  aria-current="true"
4758                
4759                data-value="US"
4760                
4761                  data-aliases="us,usa,america,united states of america"
4762                
4763                id="United States"
4764                aria-label="United States"
4765                role="option"
4766                tabindex="-1"
4767                ref="countryListItems[]"
4768                on:click="/selectCountry/US"
4769              >
4770                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
4771<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4772</svg>
4773</span>
4774                <span class="country">United States</span>
4775                <span
4776                  class="localization-form__currency"
4777                  
4778                >
4779                  USD
4780                  $</span>
4781              </li></ul>
4782        </div>
4783        <div class="country-selector__overlay"></div>
4784        <input
4785          type="hidden"
4786          name="country_code"
4787          value="US"
4788          ref="countryInput"
4789        >
4790      </div>
4791    
4792
4793    
4794</form></localization-form-component>
4795
4796
4797
4798                </div>
4799              </details>
4800            </drawer-localization-component>
4801          
4802</div>
4803
4804      
4805    </div>
4806    <div
4807      class="menu-drawer__backdrop"
4808      on:click="header-drawer/close"
4809    ></div>
4810  </details>
4811</header-drawer>
4812
4813
4814
4815    </div>
4816
4817  
4818
4819<style data-shopify>
4820  .header__underlay {
4821    --color-submenu: rgb(244 241 234 / 1.0);
4822  }
4823</style>
4824
4825
4826
4827
4828            
4829        
4830      
4831        
4832          
4833              
4834  <search-button
4835    class="search-action search-action--hidden-on-menu"
4836  >
4837    <button
4838      on:click="#search-modal/showDialog"
4839      class="button-unstyled header-actions__action"
4840      aria-label="Search"
4841      aria-haspopup="dialog"
4842    >
4843      <span class="hidden">
4844        Search
4845      </span>
4846
4847      <span class="svg-wrapper ">
4848        <svg aria-hidden="true" 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>
4849
4850      </span>
4851    </button>
4852  </search-button>
4853
4854
4855
4856
4857            
4858        
4859      
4860    </div><div
4861      class="header__column header__column--center"
4862      data-testid="header-top-center"
4863    >
4864      
4865        
4866          
4867              
4868
4869
4870
4871
4872<a
4873  
4874  href="/"
4875  class="size-style spacing-style header-logo"
4876  style="
4877    --size-style-width: ;--size-style-height: ;
4878    --padding-block-start: 10px;--padding-block-end: 20px;
4879    --font-family: var(--font-body--family);
4880    --font-style: var(--font-body--style);
4881    --font-weight: 600;
4882  "
4883  
4884>
4885  
4886
4887  <span
4888    class="header-logo__image-container header-logo__image-container--original"
4889    data-testid="header-logo"
4890  >
4891    
4892  
4893  
4894  
4895  
4896
4897  
4898
4899  
4900
4901  
4902
4903  <img src="//zdgofficial.com/cdn/shop/files/ZdG_Logo_Blue.svg?height=60&amp;v=1782763756" alt="Z.d.G. by Zoë de Givenchy - Home" width="41" height="60" class="header-logo__image" srcset="//zdgofficial.com/cdn/shop/files/ZdG_Logo_Blue.svg?height=60&amp;v=1782763756 1x, //zdgofficial.com/cdn/shop/files/ZdG_Logo_Blue.svg?height=120&amp;v=1782763756 2x, //zdgofficial.com/cdn/shop/files/ZdG_Logo_Blue.svg?height=180&amp;v=1782763756 3x" style="--header-logo-image-width: 41px;--header-logo-image-width-mobile: 28px; --header-logo-image-height: 60px; --header-logo-image-height-mobile: 40px;">
4904
4905
4906  </span>
4907
4908  
4909</a>
4910
4911
4912
4913
4914
4915            
4916        
4917      
4918    </div><div
4919      class="header__column header__column--right"
4920      data-testid="header-top-right"
4921    >
4922      
4923        
4924          
4925              
4926  
4927  
4928    <dropdown-localization-component
4929      class="dropdown-localization mobile:hidden"
4930    >
4931      <button
4932        type="button"
4933        class="button dropdown-localization__button localization-selector header-actions__action"
4934        aria-expanded="false"
4935        aria-controls="dropdown-localization-results"
4936        ref="button"
4937        on:click="/toggleSelector"
4938        style="--menu-localization-font: var(--font-heading--family);  --menu-localization-font-size: 1rem; "
4939      >
4940        
4941          
4942          <span
4943            class="currency-code"
4944            data-testid="localization-currency-code"
4945          >USD</span>
4946        
4947        <span
4948          class="visually-hidden"
4949          data-testid="localization-visually-hidden"
4950        >Region and language selector</span><span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4951  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4952</svg>
4953</span>
4954      </button>
4955
4956      <div
4957        class="localization-wrapper right-bound color-scheme-1"
4958        hidden
4959        ref="panel"
4960      >
4961        
4962<localization-form-component
4963  ref="localizationForm"
4964  data-label-results-count="[count] results"
4965  data-show-filter="true"
4966  style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 1rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
4967>
4968  
4969<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" />
4970      
4971        <div class="country-filter">
4972          <div class="field">
4973            <div class="country-filter__search-icon field__button">
4974              <span class="svg-wrapper">
4975                <svg aria-hidden="true" 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>
4976
4977              </span>
4978            </div>
4979            <input
4980              class="country-filter__input"
4981              id="country-filter-input"
4982              type="search"
4983              name="country_filter"
4984              value=""
4985              placeholder="Search"
4986              role="combobox"
4987              aria-owns="country-results"
4988              aria-controls="country-results"
4989              aria-haspopup="listbox"
4990              aria-autocomplete="list"
4991              aria-label="Find country"
4992              autocorrect="off"
4993              autocomplete="off"
4994              autocapitalize="off"
4995              spellcheck="false"
4996              ref="search"
4997              on:keyup="/filterCountries"
4998            >
4999            <label
5000              class="field__label visually-hidden"
5001              for="country-filter-input"
5002            >Search</label>
5003            <button
5004              type="reset"
5005              class="button button-unstyled country-filter__reset-button field__button"
5006              aria-label="Reset"
5007              ref="resetButton"
5008              hidden
5009              on:click="/resetCountriesFilter"
5010            >
5011              <span class="svg-wrapper">
5012                <svg aria-hidden="true" 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>
5013
5014              </span>
5015            </button>
5016          </div>
5017        </div>
5018      
5019      <div class="country-selector-form__wrapper">
5020        <h2
5021          class="visually-hidden"
5022          id="dropdown-CountryLabel"
5023        >
5024          Country/Region
5025        </h2>
5026        
5027          <div
5028            id="sr-country-search-results-sections--20431058108578__header_section"
5029            class="visually-hidden"
5030            aria-live="polite"
5031            ref="liveRegion"
5032          ></div>
5033        
5034        <div
5035          class="localization-form__list"
5036          id="dropdown-country-results"
5037          ref="countryList"
5038        >
5039          
5040            <ul
5041              role="list"
5042              class="list-unstyled popular-countries"
5043              aria-label="Country/Region"
5044              ref="popularCountries"
5045            >
5046                <li
5047                  class="localization-form__list-item"
5048                  
5049                  data-value="FR"
5050                  
5051                    data-aliases=""
5052                  
5053                  id="France"
5054                  aria-label="France"
5055                  role="option"
5056                  tabindex="-1"
5057                  ref="countryListItems[]"
5058                  on:click="/selectCountry/FR"
5059                >
5060                  <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5061<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5062</svg>
5063</span>
5064                  <span class="country">France</span>
5065                  <span
5066                    class="localization-form__currency"
5067                    
5068                  >
5069                    EUR
5070                    €</span>
5071                </li>
5072                <li
5073                  class="localization-form__list-item"
5074                  
5075                  data-value="CH"
5076                  
5077                    data-aliases=""
5078                  
5079                  id="Switzerland"
5080                  aria-label="Switzerland"
5081                  role="option"
5082                  tabindex="-1"
5083                  ref="countryListItems[]"
5084                  on:click="/selectCountry/CH"
5085                >
5086                  <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5087<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5088</svg>
5089</span>
5090                  <span class="country">Switzerland</span>
5091                  <span
5092                    class="localization-form__currency"
5093                    
5094                  >
5095                    CHF
5096                    CHF</span>
5097                </li>
5098                <li
5099                  class="localization-form__list-item"
5100                  
5101                  data-value="GB"
5102                  
5103                    data-aliases="uk,gb,great britain"
5104                  
5105                  id="United Kingdom"
5106                  aria-label="United Kingdom"
5107                  role="option"
5108                  tabindex="-1"
5109                  ref="countryListItems[]"
5110                  on:click="/selectCountry/GB"
5111                >
5112                  <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5113<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5114</svg>
5115</span>
5116                  <span class="country">United Kingdom</span>
5117                  <span
5118                    class="localization-form__currency"
5119                    
5120                  >
5121                    GBP
5122                    £</span>
5123                </li>
5124                <li
5125                  class="localization-form__list-item"
5126                  
5127                    aria-current="true"
5128                  
5129                  data-value="US"
5130                  
5131                    data-aliases="us,usa,america,united states of america"
5132                  
5133                  id="United States"
5134                  aria-label="United States"
5135                  role="option"
5136                  tabindex="-1"
5137                  ref="countryListItems[]"
5138                  on:click="/selectCountry/US"
5139                >
5140                  <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5141<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5142</svg>
5143</span>
5144                  <span class="country">United States</span>
5145                  <span
5146                    class="localization-form__currency"
5147                    
5148                  >
5149                    USD
5150                    $</span>
5151                </li></ul>
5152          
5153          <ul
5154            role="list"
5155            class="list-unstyled countries"
5156          >
5157            <span
5158              class="localization-form__list-item localization-form__list-item-disabled"
5159              id="no-results-message"
5160              ref="noResultsMessage"
5161              hidden
5162            >No results found</span>
5163              <li
5164                class="localization-form__list-item"
5165                
5166                data-value="AU"
5167                
5168                  data-aliases=""
5169                
5170                id="Australia"
5171                aria-label="Australia"
5172                role="option"
5173                tabindex="-1"
5174                ref="countryListItems[]"
5175                on:click="/selectCountry/AU"
5176              >
5177                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5178<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5179</svg>
5180</span>
5181                <span class="country">Australia</span>
5182                <span
5183                  class="localization-form__currency"
5184                  
5185                >
5186                  AUD
5187                  $</span>
5188              </li>
5189              <li
5190                class="localization-form__list-item"
5191                
5192                data-value="AT"
5193                
5194                  data-aliases=""
5195                
5196                id="Austria"
5197                aria-label="Austria"
5198                role="option"
5199                tabindex="-1"
5200                ref="countryListItems[]"
5201                on:click="/selectCountry/AT"
5202              >
5203                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5204<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5205</svg>
5206</span>
5207                <span class="country">Austria</span>
5208                <span
5209                  class="localization-form__currency"
5210                  
5211                >
5212                  EUR
5213                  €</span>
5214              </li>
5215              <li
5216                class="localization-form__list-item"
5217                
5218                data-value="BH"
5219                
5220                  data-aliases=""
5221                
5222                id="Bahrain"
5223                aria-label="Bahrain"
5224                role="option"
5225                tabindex="-1"
5226                ref="countryListItems[]"
5227                on:click="/selectCountry/BH"
5228              >
5229                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5230<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5231</svg>
5232</span>
5233                <span class="country">Bahrain</span>
5234                <span
5235                  class="localization-form__currency"
5236                  
5237                >
5238                  USD
5239                  $</span>
5240              </li>
5241              <li
5242                class="localization-form__list-item"
5243                
5244                data-value="BE"
5245                
5246                  data-aliases=""
5247                
5248                id="Belgium"
5249                aria-label="Belgium"
5250                role="option"
5251                tabindex="-1"
5252                ref="countryListItems[]"
5253                on:click="/selectCountry/BE"
5254              >
5255                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5256<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5257</svg>
5258</span>
5259                <span class="country">Belgium</span>
5260                <span
5261                  class="localization-form__currency"
5262                  
5263                >
5264                  EUR
5265                  €</span>
5266              </li>
5267              <li
5268                class="localization-form__list-item"
5269                
5270                data-value="BG"
5271                
5272                  data-aliases=""
5273                
5274                id="Bulgaria"
5275                aria-label="Bulgaria"
5276                role="option"
5277                tabindex="-1"
5278                ref="countryListItems[]"
5279                on:click="/selectCountry/BG"
5280              >
5281                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5282<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5283</svg>
5284</span>
5285                <span class="country">Bulgaria</span>
5286                <span
5287                  class="localization-form__currency"
5288                  
5289                >
5290                  EUR
5291                  €</span>
5292              </li>
5293              <li
5294                class="localization-form__list-item"
5295                
5296                data-value="CA"
5297                
5298                  data-aliases=""
5299                
5300                id="Canada"
5301                aria-label="Canada"
5302                role="option"
5303                tabindex="-1"
5304                ref="countryListItems[]"
5305                on:click="/selectCountry/CA"
5306              >
5307                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5308<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5309</svg>
5310</span>
5311                <span class="country">Canada</span>
5312                <span
5313                  class="localization-form__currency"
5314                  
5315                >
5316                  CAD
5317                  $</span>
5318              </li>
5319              <li
5320                class="localization-form__list-item"
5321                
5322                data-value="CY"
5323                
5324                  data-aliases=""
5325                
5326                id="Cyprus"
5327                aria-label="Cyprus"
5328                role="option"
5329                tabindex="-1"
5330                ref="countryListItems[]"
5331                on:click="/selectCountry/CY"
5332              >
5333                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5334<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5335</svg>
5336</span>
5337                <span class="country">Cyprus</span>
5338                <span
5339                  class="localization-form__currency"
5340                  
5341                >
5342                  EUR
5343                  €</span>
5344              </li>
5345              <li
5346                class="localization-form__list-item"
5347                
5348                data-value="DK"
5349                
5350                  data-aliases=""
5351                
5352                id="Denmark"
5353                aria-label="Denmark"
5354                role="option"
5355                tabindex="-1"
5356                ref="countryListItems[]"
5357                on:click="/selectCountry/DK"
5358              >
5359                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5360<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5361</svg>
5362</span>
5363                <span class="country">Denmark</span>
5364                <span
5365                  class="localization-form__currency"
5366                  
5367                >
5368                  EUR
5369                  €</span>
5370              </li>
5371              <li
5372                class="localization-form__list-item"
5373                
5374                data-value="FI"
5375                
5376                  data-aliases=""
5377                
5378                id="Finland"
5379                aria-label="Finland"
5380                role="option"
5381                tabindex="-1"
5382                ref="countryListItems[]"
5383                on:click="/selectCountry/FI"
5384              >
5385                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5386<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5387</svg>
5388</span>
5389                <span class="country">Finland</span>
5390                <span
5391                  class="localization-form__currency"
5392                  
5393                >
5394                  EUR
5395                  €</span>
5396              </li>
5397              <li
5398                class="localization-form__list-item"
5399                
5400                data-value="FR"
5401                
5402                  data-aliases=""
5403                
5404                id="France"
5405                aria-label="France"
5406                role="option"
5407                tabindex="-1"
5408                ref="countryListItems[]"
5409                on:click="/selectCountry/FR"
5410              >
5411                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5412<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5413</svg>
5414</span>
5415                <span class="country">France</span>
5416                <span
5417                  class="localization-form__currency"
5418                  
5419                >
5420                  EUR
5421                  €</span>
5422              </li>
5423              <li
5424                class="localization-form__list-item"
5425                
5426                data-value="DE"
5427                
5428                  data-aliases=""
5429                
5430                id="Germany"
5431                aria-label="Germany"
5432                role="option"
5433                tabindex="-1"
5434                ref="countryListItems[]"
5435                on:click="/selectCountry/DE"
5436              >
5437                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5438<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5439</svg>
5440</span>
5441                <span class="country">Germany</span>
5442                <span
5443                  class="localization-form__currency"
5444                  
5445                >
5446                  EUR
5447                  €</span>
5448              </li>
5449              <li
5450                class="localization-form__list-item"
5451                
5452                data-value="GR"
5453                
5454                  data-aliases=""
5455                
5456                id="Greece"
5457                aria-label="Greece"
5458                role="option"
5459                tabindex="-1"
5460                ref="countryListItems[]"
5461                on:click="/selectCountry/GR"
5462              >
5463                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5464<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5465</svg>
5466</span>
5467                <span class="country">Greece</span>
5468                <span
5469                  class="localization-form__currency"
5470                  
5471                >
5472                  EUR
5473                  €</span>
5474              </li>
5475              <li
5476                class="localization-form__list-item"
5477                
5478                data-value="GL"
5479                
5480                  data-aliases=""
5481                
5482                id="Greenland"
5483                aria-label="Greenland"
5484                role="option"
5485                tabindex="-1"
5486                ref="countryListItems[]"
5487                on:click="/selectCountry/GL"
5488              >
5489                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5490<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5491</svg>
5492</span>
5493                <span class="country">Greenland</span>
5494                <span
5495                  class="localization-form__currency"
5496                  
5497                >
5498                  DKK
5499                  kr.</span>
5500              </li>
5501              <li
5502                class="localization-form__list-item"
5503                
5504                data-value="HK"
5505                
5506                  data-aliases=""
5507                
5508                id="Hong Kong SAR"
5509                aria-label="Hong Kong SAR"
5510                role="option"
5511                tabindex="-1"
5512                ref="countryListItems[]"
5513                on:click="/selectCountry/HK"
5514              >
5515                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5516<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5517</svg>
5518</span>
5519                <span class="country">Hong Kong SAR</span>
5520                <span
5521                  class="localization-form__currency"
5522                  
5523                >
5524                  HKD
5525                  $</span>
5526              </li>
5527              <li
5528                class="localization-form__list-item"
5529                
5530                data-value="IE"
5531                
5532                  data-aliases=""
5533                
5534                id="Ireland"
5535                aria-label="Ireland"
5536                role="option"
5537                tabindex="-1"
5538                ref="countryListItems[]"
5539                on:click="/selectCountry/IE"
5540              >
5541                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5542<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5543</svg>
5544</span>
5545                <span class="country">Ireland</span>
5546                <span
5547                  class="localization-form__currency"
5548                  
5549                >
5550                  EUR
5551                  €</span>
5552              </li>
5553              <li
5554                class="localization-form__list-item"
5555                
5556                data-value="IT"
5557                
5558                  data-aliases=""
5559                
5560                id="Italy"
5561                aria-label="Italy"
5562                role="option"
5563                tabindex="-1"
5564                ref="countryListItems[]"
5565                on:click="/selectCountry/IT"
5566              >
5567                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5568<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5569</svg>
5570</span>
5571                <span class="country">Italy</span>
5572                <span
5573                  class="localization-form__currency"
5574                  
5575                >
5576                  EUR
5577                  €</span>
5578              </li>
5579              <li
5580                class="localization-form__list-item"
5581                
5582                data-value="KW"
5583                
5584                  data-aliases=""
5585                
5586                id="Kuwait"
5587                aria-label="Kuwait"
5588                role="option"
5589                tabindex="-1"
5590                ref="countryListItems[]"
5591                on:click="/selectCountry/KW"
5592              >
5593                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5594<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5595</svg>
5596</span>
5597                <span class="country">Kuwait</span>
5598                <span
5599                  class="localization-form__currency"
5600                  
5601                >
5602                  USD
5603                  $</span>
5604              </li>
5605              <li
5606                class="localization-form__list-item"
5607                
5608                data-value="LI"
5609                
5610                  data-aliases=""
5611                
5612                id="Liechtenstein"
5613                aria-label="Liechtenstein"
5614                role="option"
5615                tabindex="-1"
5616                ref="countryListItems[]"
5617                on:click="/selectCountry/LI"
5618              >
5619                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5620<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5621</svg>
5622</span>
5623                <span class="country">Liechtenstein</span>
5624                <span
5625                  class="localization-form__currency"
5626                  
5627                >
5628                  CHF
5629                  CHF</span>
5630              </li>
5631              <li
5632                class="localization-form__list-item"
5633                
5634                data-value="LU"
5635                
5636                  data-aliases=""
5637                
5638                id="Luxembourg"
5639                aria-label="Luxembourg"
5640                role="option"
5641                tabindex="-1"
5642                ref="countryListItems[]"
5643                on:click="/selectCountry/LU"
5644              >
5645                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5646<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5647</svg>
5648</span>
5649                <span class="country">Luxembourg</span>
5650                <span
5651                  class="localization-form__currency"
5652                  
5653                >
5654                  EUR
5655                  €</span>
5656              </li>
5657              <li
5658                class="localization-form__list-item"
5659                
5660                data-value="MT"
5661                
5662                  data-aliases=""
5663                
5664                id="Malta"
5665                aria-label="Malta"
5666                role="option"
5667                tabindex="-1"
5668                ref="countryListItems[]"
5669                on:click="/selectCountry/MT"
5670              >
5671                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5672<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5673</svg>
5674</span>
5675                <span class="country">Malta</span>
5676                <span
5677                  class="localization-form__currency"
5678                  
5679                >
5680                  EUR
5681                  €</span>
5682              </li>
5683              <li
5684                class="localization-form__list-item"
5685                
5686                data-value="MC"
5687                
5688                  data-aliases=""
5689                
5690                id="Monaco"
5691                aria-label="Monaco"
5692                role="option"
5693                tabindex="-1"
5694                ref="countryListItems[]"
5695                on:click="/selectCountry/MC"
5696              >
5697                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5698<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5699</svg>
5700</span>
5701                <span class="country">Monaco</span>
5702                <span
5703                  class="localization-form__currency"
5704                  
5705                >
5706                  EUR
5707                  €</span>
5708              </li>
5709              <li
5710                class="localization-form__list-item"
5711                
5712                data-value="NL"
5713                
5714                  data-aliases=""
5715                
5716                id="Netherlands"
5717                aria-label="Netherlands"
5718                role="option"
5719                tabindex="-1"
5720                ref="countryListItems[]"
5721                on:click="/selectCountry/NL"
5722              >
5723                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5724<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5725</svg>
5726</span>
5727                <span class="country">Netherlands</span>
5728                <span
5729                  class="localization-form__currency"
5730                  
5731                >
5732                  EUR
5733                  €</span>
5734              </li>
5735              <li
5736                class="localization-form__list-item"
5737                
5738                data-value="NZ"
5739                
5740                  data-aliases=""
5741                
5742                id="New Zealand"
5743                aria-label="New Zealand"
5744                role="option"
5745                tabindex="-1"
5746                ref="countryListItems[]"
5747                on:click="/selectCountry/NZ"
5748              >
5749                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5750<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5751</svg>
5752</span>
5753                <span class="country">New Zealand</span>
5754                <span
5755                  class="localization-form__currency"
5756                  
5757                >
5758                  NZD
5759                  $</span>
5760              </li>
5761              <li
5762                class="localization-form__list-item"
5763                
5764                data-value="NO"
5765                
5766                  data-aliases=""
5767                
5768                id="Norway"
5769                aria-label="Norway"
5770                role="option"
5771                tabindex="-1"
5772                ref="countryListItems[]"
5773                on:click="/selectCountry/NO"
5774              >
5775                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5776<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5777</svg>
5778</span>
5779                <span class="country">Norway</span>
5780                <span
5781                  class="localization-form__currency"
5782                  
5783                >
5784                  USD
5785                  $</span>
5786              </li>
5787              <li
5788                class="localization-form__list-item"
5789                
5790                data-value="PL"
5791                
5792                  data-aliases=""
5793                
5794                id="Poland"
5795                aria-label="Poland"
5796                role="option"
5797                tabindex="-1"
5798                ref="countryListItems[]"
5799                on:click="/selectCountry/PL"
5800              >
5801                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5802<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5803</svg>
5804</span>
5805                <span class="country">Poland</span>
5806                <span
5807                  class="localization-form__currency"
5808                  
5809                >
5810                  PLN
5811                  zł</span>
5812              </li>
5813              <li
5814                class="localization-form__list-item"
5815                
5816                data-value="PT"
5817                
5818                  data-aliases=""
5819                
5820                id="Portugal"
5821                aria-label="Portugal"
5822                role="option"
5823                tabindex="-1"
5824                ref="countryListItems[]"
5825                on:click="/selectCountry/PT"
5826              >
5827                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5828<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5829</svg>
5830</span>
5831                <span class="country">Portugal</span>
5832                <span
5833                  class="localization-form__currency"
5834                  
5835                >
5836                  EUR
5837                  €</span>
5838              </li>
5839              <li
5840                class="localization-form__list-item"
5841                
5842                data-value="QA"
5843                
5844                  data-aliases=""
5845                
5846                id="Qatar"
5847                aria-label="Qatar"
5848                role="option"
5849                tabindex="-1"
5850                ref="countryListItems[]"
5851                on:click="/selectCountry/QA"
5852              >
5853                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5854<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5855</svg>
5856</span>
5857                <span class="country">Qatar</span>
5858                <span
5859                  class="localization-form__currency"
5860                  
5861                >
5862                  QAR
5863                  ر.ق</span>
5864              </li>
5865              <li
5866                class="localization-form__list-item"
5867                
5868                data-value="SA"
5869                
5870                  data-aliases=""
5871                
5872                id="Saudi Arabia"
5873                aria-label="Saudi Arabia"
5874                role="option"
5875                tabindex="-1"
5876                ref="countryListItems[]"
5877                on:click="/selectCountry/SA"
5878              >
5879                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5880<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5881</svg>
5882</span>
5883                <span class="country">Saudi Arabia</span>
5884                <span
5885                  class="localization-form__currency"
5886                  
5887                >
5888                  SAR
5889                  ر.س</span>
5890              </li>
5891              <li
5892                class="localization-form__list-item"
5893                
5894                data-value="SG"
5895                
5896                  data-aliases=""
5897                
5898                id="Singapore"
5899                aria-label="Singapore"
5900                role="option"
5901                tabindex="-1"
5902                ref="countryListItems[]"
5903                on:click="/selectCountry/SG"
5904              >
5905                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5906<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5907</svg>
5908</span>
5909                <span class="country">Singapore</span>
5910                <span
5911                  class="localization-form__currency"
5912                  
5913                >
5914                  SGD
5915                  $</span>
5916              </li>
5917              <li
5918                class="localization-form__list-item"
5919                
5920                data-value="KR"
5921                
5922                  data-aliases=""
5923                
5924                id="South Korea"
5925                aria-label="South Korea"
5926                role="option"
5927                tabindex="-1"
5928                ref="countryListItems[]"
5929                on:click="/selectCountry/KR"
5930              >
5931                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5932<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5933</svg>
5934</span>
5935                <span class="country">South Korea</span>
5936                <span
5937                  class="localization-form__currency"
5938                  
5939                >
5940                  KRW
5941                  ₩</span>
5942              </li>
5943              <li
5944                class="localization-form__list-item"
5945                
5946                data-value="ES"
5947                
5948                  data-aliases=""
5949                
5950                id="Spain"
5951                aria-label="Spain"
5952                role="option"
5953                tabindex="-1"
5954                ref="countryListItems[]"
5955                on:click="/selectCountry/ES"
5956              >
5957                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5958<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5959</svg>
5960</span>
5961                <span class="country">Spain</span>
5962                <span
5963                  class="localization-form__currency"
5964                  
5965                >
5966                  EUR
5967                  €</span>
5968              </li>
5969              <li
5970                class="localization-form__list-item"
5971                
5972                data-value="CH"
5973                
5974                  data-aliases=""
5975                
5976                id="Switzerland"
5977                aria-label="Switzerland"
5978                role="option"
5979                tabindex="-1"
5980                ref="countryListItems[]"
5981                on:click="/selectCountry/CH"
5982              >
5983                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5984<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5985</svg>
5986</span>
5987                <span class="country">Switzerland</span>
5988                <span
5989                  class="localization-form__currency"
5990                  
5991                >
5992                  CHF
5993                  CHF</span>
5994              </li>
5995              <li
5996                class="localization-form__list-item"
5997                
5998                data-value="TW"
5999                
6000                  data-aliases=""
6001                
6002                id="Taiwan"
6003                aria-label="Taiwan"
6004                role="option"
6005                tabindex="-1"
6006                ref="countryListItems[]"
6007                on:click="/selectCountry/TW"
6008              >
6009                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6010<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6011</svg>
6012</span>
6013                <span class="country">Taiwan</span>
6014                <span
6015                  class="localization-form__currency"
6016                  
6017                >
6018                  TWD
6019                  $</span>
6020              </li>
6021              <li
6022                class="localization-form__list-item"
6023                
6024                data-value="AE"
6025                
6026                  data-aliases=""
6027                
6028                id="United Arab Emirates"
6029                aria-label="United Arab Emirates"
6030                role="option"
6031                tabindex="-1"
6032                ref="countryListItems[]"
6033                on:click="/selectCountry/AE"
6034              >
6035                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6036<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6037</svg>
6038</span>
6039                <span class="country">United Arab Emirates</span>
6040                <span
6041                  class="localization-form__currency"
6042                  
6043                >
6044                  AED
6045                  د.إ</span>
6046              </li>
6047              <li
6048                class="localization-form__list-item"
6049                
6050                data-value="GB"
6051                
6052                  data-aliases="uk,gb,great britain"
6053                
6054                id="United Kingdom"
6055                aria-label="United Kingdom"
6056                role="option"
6057                tabindex="-1"
6058                ref="countryListItems[]"
6059                on:click="/selectCountry/GB"
6060              >
6061                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6062<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6063</svg>
6064</span>
6065                <span class="country">United Kingdom</span>
6066                <span
6067                  class="localization-form__currency"
6068                  
6069                >
6070                  GBP
6071                  £</span>
6072              </li>
6073              <li
6074                class="localization-form__list-item"
6075                
6076                  aria-current="true"
6077                
6078                data-value="US"
6079                
6080                  data-aliases="us,usa,america,united states of america"
6081                
6082                id="United States"
6083                aria-label="United States"
6084                role="option"
6085                tabindex="-1"
6086                ref="countryListItems[]"
6087                on:click="/selectCountry/US"
6088              >
6089                <span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
6090<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6091</svg>
6092</span>
6093                <span class="country">United States</span>
6094                <span
6095                  class="localization-form__currency"
6096                  
6097                >
6098                  USD
6099                  $</span>
6100              </li></ul>
6101        </div>
6102        <div class="country-selector__overlay"></div>
6103        <input
6104          type="hidden"
6105          name="country_code"
6106          value="US"
6107          ref="countryInput"
6108        >
6109      </div>
6110    
6111
6112    
6113</form></localization-form-component>
6114
6115
6116
6117      </div>
6118    </dropdown-localization-component>
6119  
6120
6121            
6122        
6123      
6124        
6125          
6126              
6127  <search-button
6128    class="search-action search-action--hidden-on-drawer"
6129  >
6130    <button
6131      on:click="#search-modal/showDialog"
6132      class="button-unstyled header-actions__action"
6133      aria-label="Search"
6134      aria-haspopup="dialog"
6135    >
6136      <span class="hidden">
6137        Search
6138      </span>
6139
6140      <span class="svg-wrapper ">
6141        <svg aria-hidden="true" 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>
6142
6143      </span>
6144    </button>
6145  </search-button>
6146
6147
6148
6149
6150            
6151        
6152      
6153        
6154          
6155              
6156
6157<script
6158  type="module"
6159  src="//zdgofficial.com/cdn/shop/t/36/assets/cart-icon.js?v=157241182139685326961785429912"
6160  fetchpriority="low"
6161></script>
6161
6162
6163
6164
6165
6166
6167<header-actions
6168  
6169>
6170  
6171    
6172    <div
6173      class="account-button header-actions__action color-scheme-1"
6174    >
6175      <shopify-store store-domain="https://zdgofficial.com" country="US" language="en"></shopify-store>
6176<shopify-account
6177        menu="customer-account-main-menu"
6178        
6179      >
6180        
6181          <span
6182            slot="signed-out-avatar"
6183            class="account-button__text header-actions__text-style hidden"
6184          >
6185            Account
6186          </span>
6187
6188          <span
6189            slot="signed-out-avatar"
6190            class=""
6191            aria-hidden="true"
6192          >
6193            
6194  <svg
6195    xmlns="http://www.w3.org/2000/svg"
6196    width="15"
6197    height="17"
6198    viewBox="0 0 15 17"
6199    fill="none"
6200    slot="signed-out-avatar"
6201    class="account-button__icon"
6202  >
6203    <path
6204      stroke="currentColor"
6205      stroke-linejoin="round"
6206      stroke-width="var(--icon-stroke-width)"
6207      d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
6208    />
6209  </svg>
6210
6211          </span>
6212        
6213      </shopify-account>
6214    </div>
6215  
6216
6217  
6218    
6218<script
6219      src="//zdgofficial.com/cdn/shop/t/36/assets/cart-drawer.js?v=35649724213056774541785429912"
6220      type="module"
6221      fetchpriority="low"
6222    ></script>
6222
6223
6224    
6225
6226    <cart-drawer-component
6227      class="cart-drawer"
6228      
6229      
6230    >
6231      <template id="empty-cart-template">
6232        
6233      <div class="cart-drawer__header">
6234        <button
6235          ref="closeButton"
6236          on:click="cart-drawer-component/close"
6237          class="button close-button cart-drawer__close-button button-unstyled"
6238          aria-label="Close dialog"
6239        >
6240          <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6241  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6242  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6243</svg>
6244</span>
6245        </button>
6246      </div>
6247
6248      <div
6249        class="cart-drawer__content"
6250        aria-label="Cart"
6251      >
6252        <h2
6253          class="cart-drawer__heading h4 cart-drawer__heading--empty"
6254          id="cart-drawer-heading-empty"
6255        >
6256          Your cart is empty
6257        </h2>
6258
6259        <div class="cart-drawer__items">
6260          
6261
6262
6263
6264<script
6265  src="//zdgofficial.com/cdn/shop/t/36/assets/component-cart-items.js?v=165440327125931659001785429912"
6266  type="module"
6267  fetchpriority="low"
6268></script>
vendor: 1 bytes, line 6268
6268
6269<script
6270  src="//zdgofficial.com/cdn/shop/t/36/assets/component-cart-quantity-selector.js?v=105130809908858639751785429912"
6271  type="module"
6272  fetchpriority="low"
6273></script>
vendor: 1 bytes, line 6273
6273
6274<script
6275  src="//zdgofficial.com/cdn/shop/t/36/assets/volume-pricing-info.js?v=94479640769665442661785429912"
6276  type="module"
6277  fetchpriority="low"
6278></script>
6278
6279
6280<div
6281  
6282  class="cart-items__wrapper"
6283  
6284>
6285  
6286<p>
6287        Have an account? <a href="https://zdgofficial.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
6288      </p><a
6289      class="button cart-items__empty-button"
6290      href="/collections/all"
6291    >
6292      <span class="button-text">
6293        Continue shopping
6294      </span>
6295    </a></div>
6296
6297
6298
6299        </div>
6300      </div>
6301    
6302      </template>
6303      <button
6304        class="header-actions__action button-unstyled"
6305        on:click="/open"
6306        aria-haspopup="dialog"
6307        aria-label="Cart"
6308        aria-describedby="cart-bubble-text"
6309        data-testid="cart-drawer-trigger"
6310      >
6311        
6312  <cart-icon
6313    class="header-actions__cart-icon"
6314    data-testid="cart-icon"
6315  >
6316    <span class="hidden">
6317      Cart
6318    </span>
6319
6320    <span
6321      class="svg-wrapper "
6322      aria-hidden="true"
6323    >
6324      <svg aria-hidden="true" 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>
6325
6326    </span>
6327
6328    <div
6329  ref="cartBubble"
6330  class="cart-bubble visually-hidden"
6331  
6332  
6333    data-maintain-ratio
6334  
6335>
6336  <span class="cart-bubble__background"></span>
6337  <span
6338    ref="cartBubbleText"
6339    id="cart-bubble-text"
6340    class="cart-bubble__text"
6341  >
6342    <span
6343      class="cart-bubble__text-count hidden"
6344      ref="cartBubbleCount"
6345      aria-hidden="true"
6346      data-testid="cart-bubble"
6347    >
63480</span>
6349  </span>
6350</div>
6351
6352
6353
6354  </cart-icon>
6355
6356      </button>
6357
6358      <dialog
6359        ref="dialog"
6360        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
6361        data-testid="cart-drawer-dialog"
6362        aria-labelledby="cart-drawer-heading-empty"
6363        scroll-lock
6364        cart-summary-sticky="true"
6365      >
6366        <span
6367          ref="liveRegion"
6368          class="visually-hidden"
6369          role="status"
6370        ></span>
6371        <div
6372          class="cart-drawer__inner"
6373          data-hydration-key="cart-drawer-inner"
6374        >
6375          
6376          
6377
6378<cart-items-component
6379  class="cart-items-component"
6380  
6381    data-drawer
6382  
6383  data-section-id="sections--20431058108578__header_section"
6384>
6385  
6386
6387      <div class="cart-drawer__header">
6388        <button
6389          ref="closeButton"
6390          on:click="cart-drawer-component/close"
6391          class="button close-button cart-drawer__close-button button-unstyled"
6392          aria-label="Close dialog"
6393        >
6394          <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6395  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6396  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6397</svg>
6398</span>
6399        </button>
6400      </div>
6401
6402      <div
6403        class="cart-drawer__content"
6404        aria-label="Cart"
6405      >
6406        <h2
6407          class="cart-drawer__heading h4 cart-drawer__heading--empty"
6408          id="cart-drawer-heading-empty"
6409        >
6410          Your cart is empty
6411        </h2>
6412
6413        <div class="cart-drawer__items">
6414          
6415
6416
6417
6418<script
6419  src="//zdgofficial.com/cdn/shop/t/36/assets/component-cart-items.js?v=165440327125931659001785429912"
6420  type="module"
6421  fetchpriority="low"
6422></script>
vendor: 1 bytes, line 6422
6422
6423<script
6424  src="//zdgofficial.com/cdn/shop/t/36/assets/component-cart-quantity-selector.js?v=105130809908858639751785429912"
6425  type="module"
6426  fetchpriority="low"
6427></script>
vendor: 1 bytes, line 6427
6427
6428<script
6429  src="//zdgofficial.com/cdn/shop/t/36/assets/volume-pricing-info.js?v=94479640769665442661785429912"
6430  type="module"
6431  fetchpriority="low"
6432></script>
6432
6433
6434<div
6435  
6436  class="cart-items__wrapper"
6437  
6438>
6439  
6440<p>
6441        Have an account? <a href="https://zdgofficial.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
6442      </p><a
6443      class="button cart-items__empty-button"
6444      href="/collections/all"
6445    >
6446      <span class="button-text">
6447        Continue shopping
6448      </span>
6449    </a></div>
6450
6451
6452
6453        </div>
6454      </div>
6455    
6456
6457</cart-items-component>
6458
6459
6460
6461        </div>
6462      </dialog>
6463    </cart-drawer-component>
6464  
6465
6466  <span
6467    ref="liveRegion"
6468    class="visually-hidden"
6469    role="status"
6470    data-testid="cart-count-live-region"
6471  ></span>
6472</header-actions>
6473
6474<script
6475  type="module"
6476  src="//zdgofficial.com/cdn/shop/t/36/assets/header-actions.js?v=121308165565653895611785429912"
6477  fetchpriority="low"
6478></script>
6478
6479
6480
6481
6482          
6483        
6484      
6485    </div>
6486        </div>
6487      </div>
6488    
6489  
6490    
6491
6492    
6493
6494    
6495    
6496      <div
6497        class="header__row header__row--bottom color-scheme-1 section section--full-width-margin section--full-width mobile:hidden"
6498        ref="headerRowTop"style="--border-bottom-width: 0px;">
6499        <div class="header__columns spacing-style">
6500          <div
6501      class="header__column header__column--center"
6502      data-testid="header-bottom-center"
6503    >
6504      
6505        
6506          
6507              
6508
6509
6510
6511    
6512
6513    
6514
6515    <header-menu
6516      ref="headerMenu"
6517      class="header-menu"
6518      
6519      data-hydration-key="header-menu"
6520    >
6521      <div class="header-menu__inner">
6522        <nav
6523          class="menu-list"
6524          aria-label="Primary"
6525          style="--menu-top-level-font-family: var(--font-primary--family);
6526--menu-top-level-font-size-desktop: 1.125rem; --menu-top-level-font-style: var(--font-primary--style); --menu-top-level-font-weight: var(--font-primary--weight); --menu-top-level-font-case:none;
6527
6528  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
6529  var(--menu-font-sm--line-height);
6530
6531--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
6532"
6533        >
6534          
6535          <overflow-list
6536  
6537    ref="overflowMenu"
6538  
6539  
6540    class="overflow-menu color-scheme-matches-parent"
6541  
6542  
6543    minimum-items="2"
6544  
6545  
6546    data-testid="header-menu-overflow-list"
6547  
6548  
6549    data-skip-node-update
6550  
6551>
6552  <template shadowrootmode="open">
6553    <link href="//zdgofficial.com/cdn/shop/t/36/assets/overflow-list.css?v=16727044177065489451785429912" rel="stylesheet" type="text/css" media="all" />
6554
6555    <ul part="list">
6556      <slot></slot>
6557      <slot
6558        name="more"
6559        part="more"
6560        hidden
6561        
6562      >
6563        <li
6564          part="more"
6565        >
6566          <button
6567            class="button"
6568            type="button"
6569            tabindex="0"
6570            
6571          >
6572            More
6573          </button>
6574        </li>
6575      </slot>
6576      <li
6577        part="placeholder"
6578        hidden
6579      ></li>
6580    </ul>
6581
6582    <div part="overflow">
6583      <ul part="overflow-list">
6584        <slot name="overflow"></slot>
6585      </ul>
6586    </div>
6587  </template>
6588
6589  
6590      
6591        <li
6592          role="presentation"
6593          class="menu-list__list-item"
6594          on:focus="/activate"
6595          on:blur="/deactivate"
6596          on:pointerenter="/activate"
6597          on:pointerleave="/deactivate"
6598        >
6599          <a
6600            href="/collections/le-potager-du-roi-by-zdg"
6601            data-skip-node-update="true"
6602            class="menu-list__link"
6603            ref="menuitem"
6604          >
6605            <span class="menu-list__link-title">Le Potager du Roi</span>
6606          </a></li>
6607      
6608        <li
6609          role="presentation"
6610          class="menu-list__list-item"
6611          on:focus="/activate"
6612          on:blur="/deactivate"
6613          on:pointerenter="/activate"
6614          on:pointerleave="/deactivate"
6615        >
6616          <a
6617            href="/collections/the-zdg-bag"
6618            data-skip-node-update="true"
6619            class="menu-list__link"
6620            ref="menuitem"
6621          >
6622            <span class="menu-list__link-title">The ZdG Bag</span>
6623          </a></li>
6624      
6625        <li
6626          role="presentation"
6627          class="menu-list__list-item"
6628          on:focus="/activate"
6629          on:blur="/deactivate"
6630          on:pointerenter="/activate"
6631          on:pointerleave="/deactivate"
6632        >
6633          <a
6634            href="/collections/all-collections"
6635            data-skip-node-update="true"
6636            class="menu-list__link"aria-controls="submenu-3"
6637              aria-haspopup="true"
6638              aria-expanded="false"
6639            ref="menuitem"
6640          >
6641            <span class="menu-list__link-title">Collections</span>
6642          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
6643              <div
6644                id="submenu-3"
6645                class="menu-list__submenu-inner"
6646                style="--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
6647var(--font-primary--style);
6647 --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
6648none;
6649
6650    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
6651    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
6652    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
6653  
6654--menu-child-font-family: var(--font-primary--family); --menu-child-font-style:
6655var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:
6656none;
6657
6658    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
6659    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
6660    var(--opacity-subdued-text));
6661  
6662"
6663              >
6664                
6665                <div class="mega-menu section section--full-width-margin section--full-width">
6666                  <div
6667                    class="mega-menu__grid"
6668                    data-menu-grid-id="MegaMenuList-3"
6669                  >
6670                    
6671<ul
6672  data-menu-list-id="MegaMenuList-3"
6673  class="mega-menu__list list-unstyled"
6674  style="--menu-image-border-radius: 0px;"
6675>
6676  
6677    <li class="mega-menu__column mega-menu__column--span-1">
6678    <div>
6679      <a
6680        href="/collections/all-collections"
6681        class="mega-menu__link "
6682        
6683        data-mega-menu-link="MegaMenuList-3-1"
6684      >
6685        
6686        <span class="wrap-text">All Collections</span>
6687      </a>
6688      
6689    </div>
6690
6691    
6692  
6693    
6694    <div>
6695      <a
6696        href="/collections/le-potager-du-roi-by-zdg"
6697        class="mega-menu__link "
6698        
6699        data-mega-menu-link="MegaMenuList-3-2"
6700      >
6701        
6702        <span class="wrap-text">Le Potager du Roi</span>
6703      </a>
6704      
6705    </div>
6706
6707    
6708  
6709    
6710    <div>
6711      <a
6712        href="/collections/brindille"
6713        class="mega-menu__link "
6714        
6715        data-mega-menu-link="MegaMenuList-3-3"
6716      >
6717        
6718        <span class="wrap-text">Brindille</span>
6719      </a>
6720      
6721    </div>
6722
6723    
6724  
6725    
6726    <div>
6727      <a
6728        href="/collections/camaieu"
6729        class="mega-menu__link "
6730        
6731        data-mega-menu-link="MegaMenuList-3-4"
6732      >
6733        
6734        <span class="wrap-text">Camaïeu</span>
6735      </a>
6736      
6737    </div>
6738
6739    
6740  
6741    
6742    <div>
6743      <a
6744        href="/collections/frutta-gold"
6745        class="mega-menu__link "
6746        
6747        data-mega-menu-link="MegaMenuList-3-5"
6748      >
6749        
6750        <span class="wrap-text">Doré</span>
6751      </a>
6752      
6753    </div>
6754
6755    
6756  
6757    
6758    <div>
6759      <a
6760        href="/collections/les-bleuets"
6761        class="mega-menu__link "
6762        
6763        data-mega-menu-link="MegaMenuList-3-6"
6764      >
6765        
6766        <span class="wrap-text">Les Bleuets</span>
6767      </a>
6768      
6769    </div>
6770
6771    
6772  
6773    
6774    <div>
6775      <a
6776        href="/collections/la-savane"
6777        class="mega-menu__link "
6778        
6779        data-mega-menu-link="MegaMenuList-3-7"
6780      >
6781        
6782        <span class="wrap-text">La Savane</span>
6783      </a>
6784      
6785    </div>
6786
6787    
6788  
6789    
6790    <div>
6791      <a
6792        href="/collections/nenuphar"
6793        class="mega-menu__link "
6794        
6795        data-mega-menu-link="MegaMenuList-3-8"
6796      >
6797        
6798        <span class="wrap-text">Nénuphar</span>
6799      </a>
6800      
6801    </div>
6802
6803    
6804  
6805    
6806    <div>
6807      <a
6808        href="/collections/antique-objects"
6809        class="mega-menu__link "
6810        
6811        data-mega-menu-link="MegaMenuList-3-9"
6812      >
6813        
6814        <span class="wrap-text">Objets Trouvé</span>
6815      </a>
6816      
6817    </div>
6818
6819    
6820  
6821    
6822    <div>
6823      <a
6824        href="/collections/osier"
6825        class="mega-menu__link "
6826        
6827        data-mega-menu-link="MegaMenuList-3-10"
6828      >
6829        
6830        <span class="wrap-text">Osier</span>
6831      </a>
6832      
6833    </div>
6834
6835    
6836  
6837    
6838    <div>
6839      <a
6840        href="/collections/picardie-florale"
6841        class="mega-menu__link "
6842        
6843        data-mega-menu-link="MegaMenuList-3-11"
6844      >
6845        
6846        <span class="wrap-text">Picardie</span>
6847      </a>
6848      
6849    </div>
6850
6851    
6852  
6853    
6854    <div>
6855      <a
6856        href="/collections/ramatuelle"
6857        class="mega-menu__link "
6858        
6859        data-mega-menu-link="MegaMenuList-3-12"
6860      >
6861        
6862        <span class="wrap-text">Ramatuelle Bamboo</span>
6863      </a>
6864      
6865    </div>
6866
6867    
6868  
6869    
6870    <div>
6871      <a
6872        href="/collections/trompe-loeil"
6873        class="mega-menu__link "
6874        
6875        data-mega-menu-link="MegaMenuList-3-13"
6876      >
6877        
6878        <span class="wrap-text">Trompe L'œil </span>
6879      </a>
6880      
6881    </div>
6882
6883    
6884  
6885    
6886    <div>
6887      <a
6888        href="/collections/tulipa"
6889        class="mega-menu__link "
6890        
6891        data-mega-menu-link="MegaMenuList-3-14"
6892      >
6893        
6894        <span class="wrap-text">Tulipa</span>
6895      </a>
6896      
6897    </div>
6898
6899    </li>
6900  
6901</ul>
6902
6903
6904
6905<style data-shopify>
6906  [data-menu-grid-id="MegaMenuList-3"] {
6907    
6908      --menu-columns-desktop: 6;
6909      --menu-columns-tablet: 4;
6910    
6911  }
6912
6913  [data-menu-list-id="MegaMenuList-3"] {
6914    
6915      --menu-columns-desktop: 6;
6916      --menu-columns-tablet: 4;
6917    
6918  }
6919</style>
6920
6921
6922<style data-shopify>
6923  [data-menu-list-id="MegaMenuList-3"] > li > div > a.mega-menu__link {
6924    transition: opacity var(--animation-speed) var(--animation-easing);
6925  }
6926
6927  [data-menu-list-id="MegaMenuList-3"] > li > div > a.mega-menu__link--dimmed {
6928    opacity: var(--opacity-subdued-text);
6929  }
6930</style>
6931
6932
6933<span
6934      class="mega-menu__content"
6935      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
6936    >
6937      
6938      <ul
6939        class="mega-menu__content-list mega-menu__content-list--products mega-menu__content-list--default list-unstyled"
6940        data-mega-menu-panel="MegaMenuList-3-default"
6941      >
6942        
6943      </ul>
6944
6945      
6946      
6947    </span>
6948
6949    
6950    
6950<script
6951      src="//zdgofficial.com/cdn/shop/t/36/assets/mega-menu-featured-products.js?v=70122961978957894521785527881"
6952      type="module"
6953      fetchpriority="low"
6954    ></script>
6954
6955
6956    <style data-shopify>
6957      /* Hide every per-submenu-item panel by default; JS toggles --active to reveal the one
6958         matching the currently hovered/focused submenu link */
6959      [data-menu-grid-id="MegaMenuList-3"] .mega-menu__content-list--variant {
6960        display: none;
6961      }
6962
6963      [data-menu-grid-id="MegaMenuList-3"] .mega-menu__content-list--variant.mega-menu__content-list--active {
6964        display: grid;
6965      }
6966
6967      /* Hide the default panel whenever any variant panel is active */
6968      [data-menu-grid-id="MegaMenuList-3"]:has(.mega-menu__content-list--variant.mega-menu__content-list--active) .mega-menu__content-list--default {
6969        display: none;
6970      }
6971    </style>
6972  
6973
6974                  </div>
6975                </div>
6976              </div>
6977            </div></li>
6978      
6979        <li
6980          role="presentation"
6981          class="menu-list__list-item"
6982          on:focus="/activate"
6983          on:blur="/deactivate"
6984          on:pointerenter="/activate"
6985          on:pointerleave="/deactivate"
6986        >
6987          <a
6988            href="/collections/all-faience-1"
6989            data-skip-node-update="true"
6990            class="menu-list__link"aria-controls="submenu-4"
6991              aria-haspopup="true"
6992              aria-expanded="false"
6993            ref="menuitem"
6994          >
6995            <span class="menu-list__link-title">Faïence</span>
6996          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
6997              <div
6998                id="submenu-4"
6999                class="menu-list__submenu-inner"
7000                style="--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
7001var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
7002none;
7003
7004    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
7005    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
7006    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
7007  
7008--menu-child-font-family: var(--font-primary--family); --menu-child-font-style:
7009var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:
7010none;
7011
7012    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
7013    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
7014    var(--opacity-subdued-text));
7015  
7016"
7017              >
7018                
7019                <div class="mega-menu section section--full-width-margin section--full-width">
7020                  <div
7021                    class="mega-menu__grid"
7022                    data-menu-grid-id="MegaMenuList-4"
7023                  >
7024                    
7025<ul
7026  data-menu-list-id="MegaMenuList-4"
7027  class="mega-menu__list list-unstyled"
7028  style="--menu-image-border-radius: 0px;"
7029>
7030  
7031    <li class="mega-menu__column mega-menu__column--span-1">
7032    <div>
7033      <a
7034        href="/collections/all-faience-1"
7035        class="mega-menu__link "
7036        
7037        data-mega-menu-link="MegaMenuList-4-1"
7038      >
7039        
7040        <span class="wrap-text">All Faïence</span>
7041      </a>
7042      
7043    </div>
7044
7045    
7046  
7047    
7048    <div>
7049      <a
7050        href="/collections/bread-plates"
7051        class="mega-menu__link "
7052        
7053        data-mega-menu-link="MegaMenuList-4-2"
7054      >
7055        
7056        <span class="wrap-text">Bread Plates</span>
7057      </a>
7058      
7059    </div>
7060
7061    
7062  
7063    
7064    <div>
7065      <a
7066        href="/collections/bowls"
7067        class="mega-menu__link "
7068        
7069        data-mega-menu-link="MegaMenuList-4-3"
7070      >
7071        
7072        <span class="wrap-text">Bowls</span>
7073      </a>
7074      
7075    </div>
7076
7077    
7078  
7079    
7080    <div>
7081      <a
7082        href="/collections/coffee-tea"
7083        class="mega-menu__link "
7084        
7085        data-mega-menu-link="MegaMenuList-4-4"
7086      >
7087        
7088        <span class="wrap-text">Coffee & Tea</span>
7089      </a>
7090      
7091    </div>
7092
7093    
7094  
7095    
7096    <div>
7097      <a
7098        href="/collections/large-dinner-charger-plates"
7099        class="mega-menu__link "
7100        
7101        data-mega-menu-link="MegaMenuList-4-5"
7102      >
7103        
7104        <span class="wrap-text">Charger Plates</span>
7105      </a>
7106      
7107    </div>
7108
7109    
7110  
7111    
7112    <div>
7113      <a
7114        href="/collections/dinner-plates"
7115        class="mega-menu__link "
7116        
7117        data-mega-menu-link="MegaMenuList-4-6"
7118      >
7119        
7120        <span class="wrap-text">Dinner Plates</span>
7121      </a>
7122      
7123    </div>
7124
7125    
7126  
7127    
7128    <div>
7129      <a
7130        href="/collections/soup-plates"
7131        class="mega-menu__link "
7132        
7133        data-mega-menu-link="MegaMenuList-4-7"
7134      >
7135        
7136        <span class="wrap-text">Pasta/Soup Plates</span>
7137      </a>
7138      
7139    </div>
7140
7141    
7142  
7143    
7144    <div>
7145      <a
7146        href="/collections/salad-plates"
7147        class="mega-menu__link "
7148        
7149        data-mega-menu-link="MegaMenuList-4-8"
7150      >
7151        
7152        <span class="wrap-text">Salad/Dessert Plates</span>
7153      </a>
7154      
7155    </div>
7156
7157    
7158  
7159    
7160    <div>
7161      <a
7162        href="/collections/side-plates"
7163        class="mega-menu__link "
7164        
7165        data-mega-menu-link="MegaMenuList-4-9"
7166      >
7167        
7168        <span class="wrap-text">Side Plates</span>
7169      </a>
7170      
7171    </div>
7172
7173    
7174  
7175    
7176    <div>
7177      <a
7178        href="/collections/serving-pieces"
7179        class="mega-menu__link "
7180        
7181        data-mega-menu-link="MegaMenuList-4-10"
7182      >
7183        
7184        <span class="wrap-text">Serving Ware</span>
7185      </a>
7186      
7187    </div>
7188
7189    </li>
7190  
7191</ul>
7192
7193
7194
7195<style data-shopify>
7196  [data-menu-grid-id="MegaMenuList-4"] {
7197    
7198      --menu-columns-desktop: 6;
7199      --menu-columns-tablet: 4;
7200    
7201  }
7202
7203  [data-menu-list-id="MegaMenuList-4"] {
7204    
7205      --menu-columns-desktop: 6;
7206      --menu-columns-tablet: 4;
7207    
7208  }
7209</style>
7210
7211
7212<style data-shopify>
7213  [data-menu-list-id="MegaMenuList-4"] > li > div > a.mega-menu__link {
7214    transition: opacity var(--animation-speed) var(--animation-easing);
7215  }
7216
7217  [data-menu-list-id="MegaMenuList-4"] > li > div > a.mega-menu__link--dimmed {
7218    opacity: var(--opacity-subdued-text);
7219  }
7220</style>
7221
7222
7223<span
7224      class="mega-menu__content"
7225      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
7226    >
7227      
7228      <ul
7229        class="mega-menu__content-list mega-menu__content-list--products mega-menu__content-list--default list-unstyled"
7230        data-mega-menu-panel="MegaMenuList-4-default"
7231      >
7232        
7233      </ul>
7234
7235      
7236      
7237    </span>
7238
7239    
7240    
7240<script
7241      src="//zdgofficial.com/cdn/shop/t/36/assets/mega-menu-featured-products.js?v=70122961978957894521785527881"
7242      type="module"
7243      fetchpriority="low"
7244    ></script>
7244
7245
7246    <style data-shopify>
7247      /* Hide every per-submenu-item panel by default; JS toggles --active to reveal the one
7248         matching the currently hovered/focused submenu link */
7249      [data-menu-grid-id="MegaMenuList-4"] .mega-menu__content-list--variant {
7250        display: none;
7251      }
7252
7253      [data-menu-grid-id="MegaMenuList-4"] .mega-menu__content-list--variant.mega-menu__content-list--active {
7254        display: grid;
7255      }
7256
7257      /* Hide the default panel whenever any variant panel is active */
7258      [data-menu-grid-id="MegaMenuList-4"]:has(.mega-menu__content-list--variant.mega-menu__content-list--active) .mega-menu__content-list--default {
7259        display: none;
7260      }
7261    </style>
7262  
7263
7264                  </div>
7265                </div>
7266              </div>
7267            </div></li>
7268      
7269        <li
7270          role="presentation"
7271          class="menu-list__list-item"
7272          on:focus="/activate"
7273          on:blur="/deactivate"
7274          on:pointerenter="/activate"
7275          on:pointerleave="/deactivate"
7276        >
7277          <a
7278            href="/collections/linens"
7279            data-skip-node-update="true"
7280            class="menu-list__link"aria-controls="submenu-5"
7281              aria-haspopup="true"
7282              aria-expanded="false"
7283            ref="menuitem"
7284          >
7285            <span class="menu-list__link-title">Linens</span>
7286          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
7287              <div
7288                id="submenu-5"
7289                class="menu-list__submenu-inner"
7290                style="--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
7291var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
7292none;
7293
7294    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
7295    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
7296    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
7297  
7298--menu-child-font-family: var(--font-primary--family); --menu-child-font-style:
7299var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:
7300none;
7301
7302    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
7303    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
7304    var(--opacity-subdued-text));
7305  
7306"
7307              >
7308                
7309                <div class="mega-menu section section--full-width-margin section--full-width">
7310                  <div
7311                    class="mega-menu__grid"
7312                    data-menu-grid-id="MegaMenuList-5"
7313                  >
7314                    
7315<ul
7316  data-menu-list-id="MegaMenuList-5"
7317  class="mega-menu__list list-unstyled"
7318  style="--menu-image-border-radius: 0px;"
7319>
7320  
7321    <li class="mega-menu__column mega-menu__column--span-1">
7322    <div>
7323      <a
7324        href="/collections/linens"
7325        class="mega-menu__link "
7326        
7327        data-mega-menu-link="MegaMenuList-5-1"
7328      >
7329        
7330        <span class="wrap-text">All Linens</span>
7331      </a>
7332      
7333    </div>
7334
7335    
7336  
7337    
7338    <div>
7339      <a
7340        href="/collections/cocktail-napkins"
7341        class="mega-menu__link "
7342        
7343        data-mega-menu-link="MegaMenuList-5-2"
7344      >
7345        
7346        <span class="wrap-text">Cocktail Napkins</span>
7347      </a>
7348      
7349    </div>
7350
7351    
7352  
7353    
7354    <div>
7355      <a
7356        href="/collections/napkins"
7357        class="mega-menu__link "
7358        
7359        data-mega-menu-link="MegaMenuList-5-3"
7360      >
7361        
7362        <span class="wrap-text">Napkins</span>
7363      </a>
7364      
7365    </div>
7366
7367    
7368  
7369    
7370    <div>
7371      <a
7372        href="/collections/placemats"
7373        class="mega-menu__link "
7374        
7375        data-mega-menu-link="MegaMenuList-5-4"
7376      >
7377        
7378        <span class="wrap-text">Placemats</span>
7379      </a>
7380      
7381    </div>
7382
7383    
7384  
7385    
7386    <div>
7387      <a
7388        href="/collections/tablecloths"
7389        class="mega-menu__link "
7390        
7391        data-mega-menu-link="MegaMenuList-5-5"
7392      >
7393        
7394        <span class="wrap-text">Tablecloths</span>
7395      </a>
7396      
7397    </div>
7398
7399    </li>
7400  
7401</ul>
7402
7403
7404
7405<style data-shopify>
7406  [data-menu-grid-id="MegaMenuList-5"] {
7407    
7408      --menu-columns-desktop: 6;
7409      --menu-columns-tablet: 4;
7410    
7411  }
7412
7413  [data-menu-list-id="MegaMenuList-5"] {
7414    
7415      --menu-columns-desktop: 6;
7416      --menu-columns-tablet: 4;
7417    
7418  }
7419</style>
7420
7421
7422<style data-shopify>
7423  [data-menu-list-id="MegaMenuList-5"] > li > div > a.mega-menu__link {
7424    transition: opacity var(--animation-speed) var(--animation-easing);
7425  }
7426
7427  [data-menu-list-id="MegaMenuList-5"] > li > div > a.mega-menu__link--dimmed {
7428    opacity: var(--opacity-subdued-text);
7429  }
7430</style>
7431
7432
7433<span
7434      class="mega-menu__content"
7435      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
7436    >
7437      
7438      <ul
7439        class="mega-menu__content-list mega-menu__content-list--products mega-menu__content-list--default list-unstyled"
7440        data-mega-menu-panel="MegaMenuList-5-default"
7441      >
7442        
7443      </ul>
7444
7445      
7446      
7447    </span>
7448
7449    
7450    
7450<script
7451      src="//zdgofficial.com/cdn/shop/t/36/assets/mega-menu-featured-products.js?v=70122961978957894521785527881"
7452      type="module"
7453      fetchpriority="low"
7454    ></script>
7454
7455
7456    <style data-shopify>
7457      /* Hide every per-submenu-item panel by default; JS toggles --active to reveal the one
7458         matching the currently hovered/focused submenu link */
7459      [data-menu-grid-id="MegaMenuList-5"] .mega-menu__content-list--variant {
7460        display: none;
7461      }
7462
7463      [data-menu-grid-id="MegaMenuList-5"] .mega-menu__content-list--variant.mega-menu__content-list--active {
7464        display: grid;
7465      }
7466
7467      /* Hide the default panel whenever any variant panel is active */
7468      [data-menu-grid-id="MegaMenuList-5"]:has(.mega-menu__content-list--variant.mega-menu__content-list--active) .mega-menu__content-list--default {
7469        display: none;
7470      }
7471    </style>
7472  
7473
7474                  </div>
7475                </div>
7476              </div>
7477            </div></li>
7478      
7479        <li
7480          role="presentation"
7481          class="menu-list__list-item"
7482          on:focus="/activate"
7483          on:blur="/deactivate"
7484          on:pointerenter="/activate"
7485          on:pointerleave="/deactivate"
7486        >
7487          <a
7488            href="/collections/cutlery"
7489            data-skip-node-update="true"
7490            class="menu-list__link"aria-controls="submenu-6"
7491              aria-haspopup="true"
7492              aria-expanded="false"
7493            ref="menuitem"
7494          >
7495            <span class="menu-list__link-title">Cutlery</span>
7496          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
7497              <div
7498                id="submenu-6"
7499                class="menu-list__submenu-inner"
7500                style="--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
7501var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
7502none;
7503
7504    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
7505    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
7506    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
7507  
7508--menu-child-font-family: var(--font-primary--family); --menu-child-font-style:
7509var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:
7510none;
7511
7512    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
7513    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
7514    var(--opacity-subdued-text));
7515  
7516"
7517              >
7518                
7519                <div class="mega-menu section section--full-width-margin section--full-width">
7520                  <div
7521                    class="mega-menu__grid"
7522                    data-menu-grid-id="MegaMenuList-6"
7523                  >
7524                    
7525<ul
7526  data-menu-list-id="MegaMenuList-6"
7527  class="mega-menu__list list-unstyled"
7528  style="--menu-image-border-radius: 0px;"
7529>
7530  
7531    <li class="mega-menu__column mega-menu__column--span-1">
7532    <div>
7533      <a
7534        href="/collections/cutlery"
7535        class="mega-menu__link "
7536        
7537        data-mega-menu-link="MegaMenuList-6-1"
7538      >
7539        
7540        <span class="wrap-text">All Cutlery</span>
7541      </a>
7542      
7543    </div>
7544
7545    
7546  
7547    
7548    <div>
7549      <a
7550        href="/collections/banyan"
7551        class="mega-menu__link "
7552        
7553        data-mega-menu-link="MegaMenuList-6-2"
7554      >
7555        
7556        <span class="wrap-text">Banyan</span>
7557      </a>
7558      
7559    </div>
7560
7561    
7562  
7563    
7564    <div>
7565      <a
7566        href="/collections/cutlery-sets"
7567        class="mega-menu__link "
7568        
7569        data-mega-menu-link="MegaMenuList-6-3"
7570      >
7571        
7572        <span class="wrap-text">Cutlery Sets</span>
7573      </a>
7574      
7575    </div>
7576
7577    
7578  
7579    
7580    <div>
7581      <a
7582        href="/collections/green-bamboo"
7583        class="mega-menu__link "
7584        
7585        data-mega-menu-link="MegaMenuList-6-4"
7586      >
7587        
7588        <span class="wrap-text">Green Bamboo</span>
7589      </a>
7590      
7591    </div>
7592
7593    
7594  
7595    
7596    <div>
7597      <a
7598        href="/collections/romilly"
7599        class="mega-menu__link "
7600        
7601        data-mega-menu-link="MegaMenuList-6-5"
7602      >
7603        
7604        <span class="wrap-text">Romilly</span>
7605      </a>
7606      
7607    </div>
7608
7609    
7610  
7611    
7612    <div>
7613      <a
7614        href="/collections/serving-pieces-1"
7615        class="mega-menu__link "
7616        
7617        data-mega-menu-link="MegaMenuList-6-6"
7618      >
7619        
7620        <span class="wrap-text">Serving Pieces</span>
7621      </a>
7622      
7623    </div>
7624
7625    
7626  
7627    
7628    <div>
7629      <a
7630        href="/collections/trousdale"
7631        class="mega-menu__link "
7632        
7633        data-mega-menu-link="MegaMenuList-6-7"
7634      >
7635        
7636        <span class="wrap-text">Trousdale</span>
7637      </a>
7638      
7639    </div>
7640
7641    </li>
7642  
7643</ul>
7644
7645
7646
7647<style data-shopify>
7648  [data-menu-grid-id="MegaMenuList-6"] {
7649    
7650      --menu-columns-desktop: 6;
7651      --menu-columns-tablet: 4;
7652    
7653  }
7654
7655  [data-menu-list-id="MegaMenuList-6"] {
7656    
7657      --menu-columns-desktop: 6;
7658      --menu-columns-tablet: 4;
7659    
7660  }
7661</style>
7662
7663
7664<style data-shopify>
7665  [data-menu-list-id="MegaMenuList-6"] > li > div > a.mega-menu__link {
7666    transition: opacity var(--animation-speed) var(--animation-easing);
7667  }
7668
7669  [data-menu-list-id="MegaMenuList-6"] > li > div > a.mega-menu__link--dimmed {
7670    opacity: var(--opacity-subdued-text);
7671  }
7672</style>
7673
7674
7675<span
7676      class="mega-menu__content"
7677      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
7678    >
7679      
7680      <ul
7681        class="mega-menu__content-list mega-menu__content-list--products mega-menu__content-list--default list-unstyled"
7682        data-mega-menu-panel="MegaMenuList-6-default"
7683      >
7684        
7685      </ul>
7686
7687      
7688      
7689    </span>
7690
7691    
7692    
7692<script
7693      src="//zdgofficial.com/cdn/shop/t/36/assets/mega-menu-featured-products.js?v=70122961978957894521785527881"
7694      type="module"
7695      fetchpriority="low"
7696    ></script>
7696
7697
7698    <style data-shopify>
7699      /* Hide every per-submenu-item panel by default; JS toggles --active to reveal the one
7700         matching the currently hovered/focused submenu link */
7701      [data-menu-grid-id="MegaMenuList-6"] .mega-menu__content-list--variant {
7702        display: none;
7703      }
7704
7705      [data-menu-grid-id="MegaMenuList-6"] .mega-menu__content-list--variant.mega-menu__content-list--active {
7706        display: grid;
7707      }
7708
7709      /* Hide the default panel whenever any variant panel is active */
7710      [data-menu-grid-id="MegaMenuList-6"]:has(.mega-menu__content-list--variant.mega-menu__content-list--active) .mega-menu__content-list--default {
7711        display: none;
7712      }
7713    </style>
7714  
7715
7716                  </div>
7717                </div>
7718              </div>
7719            </div></li>
7720      
7721        <li
7722          role="presentation"
7723          class="menu-list__list-item"
7724          on:focus="/activate"
7725          on:blur="/deactivate"
7726          on:pointerenter="/activate"
7727          on:pointerleave="/deactivate"
7728        >
7729          <a
7730            href="/collections/glassware"
7731            data-skip-node-update="true"
7732            class="menu-list__link"aria-controls="submenu-7"
7733              aria-haspopup="true"
7734              aria-expanded="false"
7735            ref="menuitem"
7736          >
7737            <span class="menu-list__link-title">Glassware</span>
7738          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
7739              <div
7740                id="submenu-7"
7741                class="menu-list__submenu-inner"
7742                style="--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
7743var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
7744none;
7745
7746    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
7747    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
7748    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
7749  
7750--menu-child-font-family: var(--font-primary--family); --menu-child-font-style:
7751var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:
7752none;
7753
7754    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
7755    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
7756    var(--opacity-subdued-text));
7757  
7758"
7759              >
7760                
7761                <div class="mega-menu section section--full-width-margin section--full-width">
7762                  <div
7763                    class="mega-menu__grid"
7764                    data-menu-grid-id="MegaMenuList-7"
7765                  >
7766                    
7767<ul
7768  data-menu-list-id="MegaMenuList-7"
7769  class="mega-menu__list list-unstyled"
7770  style="--menu-image-border-radius: 0px;"
7771>
7772  
7773    <li class="mega-menu__column mega-menu__column--span-1">
7774    <div>
7775      <a
7776        href="/collections/glassware"
7777        class="mega-menu__link "
7778        
7779        data-mega-menu-link="MegaMenuList-7-1"
7780      >
7781        
7782        <span class="wrap-text">All Glassware</span>
7783      </a>
7784      
7785    </div>
7786
7787    </li>
7788  
7789</ul>
7790
7791
7792
7793<style data-shopify>
7794  [data-menu-grid-id="MegaMenuList-7"] {
7795    
7796      --menu-columns-desktop: 6;
7797      --menu-columns-tablet: 4;
7798    
7799  }
7800
7801  [data-menu-list-id="MegaMenuList-7"] {
7802    
7803      --menu-columns-desktop: 6;
7804      --menu-columns-tablet: 4;
7805    
7806  }
7807</style>
7808
7809
7810<style data-shopify>
7811  [data-menu-list-id="MegaMenuList-7"] > li > div > a.mega-menu__link {
7812    transition: opacity var(--animation-speed) var(--animation-easing);
7813  }
7814
7815  [data-menu-list-id="MegaMenuList-7"] > li > div > a.mega-menu__link--dimmed {
7816    opacity: var(--opacity-subdued-text);
7817  }
7818</style>
7819
7820
7821<span
7822      class="mega-menu__content"
7823      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
7824    >
7825      
7826      <ul
7827        class="mega-menu__content-list mega-menu__content-list--products mega-menu__content-list--default list-unstyled"
7828        data-mega-menu-panel="MegaMenuList-7-default"
7829      >
7830        
7831      </ul>
7832
7833      
7834      
7835    </span>
7836
7837    
7838    
7838<script
7839      src="//zdgofficial.com/cdn/shop/t/36/assets/mega-menu-featured-products.js?v=70122961978957894521785527881"
7840      type="module"
7841      fetchpriority="low"
7842    ></script>
7842
7843
7844    <style data-shopify>
7845      /* Hide every per-submenu-item panel by default; JS toggles --active to reveal the one
7846         matching the currently hovered/focused submenu link */
7847      [data-menu-grid-id="MegaMenuList-7"] .mega-menu__content-list--variant {
7848        display: none;
7849      }
7850
7851      [data-menu-grid-id="MegaMenuList-7"] .mega-menu__content-list--variant.mega-menu__content-list--active {
7852        display: grid;
7853      }
7854
7855      /* Hide the default panel whenever any variant panel is active */
7856      [data-menu-grid-id="MegaMenuList-7"]:has(.mega-menu__content-list--variant.mega-menu__content-list--active) .mega-menu__content-list--default {
7857        display: none;
7858      }
7859    </style>
7860  
7861
7862                  </div>
7863                </div>
7864              </div>
7865            </div></li>
7866      
7867        <li
7868          role="presentation"
7869          class="menu-list__list-item"
7870          on:focus="/activate"
7871          on:blur="/deactivate"
7872          on:pointerenter="/activate"
7873          on:pointerleave="/deactivate"
7874        >
7875          <a
7876            href="/collections/all-decorative"
7877            data-skip-node-update="true"
7878            class="menu-list__link"aria-controls="submenu-8"
7879              aria-haspopup="true"
7880              aria-expanded="false"
7881            ref="menuitem"
7882          >
7883            <span class="menu-list__link-title">Decorative Objects</span>
7884          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
7885              <div
7886                id="submenu-8"
7887                class="menu-list__submenu-inner"
7888                style="--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
7889var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
7890none;
7891
7892    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
7893    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
7894    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
7895  
7896--menu-child-font-family: var(--font-primary--family); --menu-child-font-style:
7897var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:
7898none;
7899
7900    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
7901    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
7902    var(--opacity-subdued-text));
7903  
7904"
7905              >
7906                
7907                <div class="mega-menu section section--full-width-margin section--full-width">
7908                  <div
7909                    class="mega-menu__grid"
7910                    data-menu-grid-id="MegaMenuList-8"
7911                  >
7912                    
7913<ul
7914  data-menu-list-id="MegaMenuList-8"
7915  class="mega-menu__list list-unstyled"
7916  style="--menu-image-border-radius: 0px;"
7917>
7918  
7919    <li class="mega-menu__column mega-menu__column--span-1">
7920    <div>
7921      <a
7922        href="/collections/all-decorative"
7923        class="mega-menu__link "
7924        
7925        data-mega-menu-link="MegaMenuList-8-1"
7926      >
7927        
7928        <span class="wrap-text">All Decorative Objects</span>
7929      </a>
7930      
7931    </div>
7932
7933    
7934  
7935    
7936    <div>
7937      <a
7938        href="/collections/accessories"
7939        class="mega-menu__link "
7940        
7941        data-mega-menu-link="MegaMenuList-8-2"
7942      >
7943        
7944        <span class="wrap-text">Accessories </span>
7945      </a>
7946      
7947    </div>
7948
7949    
7950  
7951    
7952    <div>
7953      <a
7954        href="/collections/cache-pot"
7955        class="mega-menu__link "
7956        
7957        data-mega-menu-link="MegaMenuList-8-3"
7958      >
7959        
7960        <span class="wrap-text">Cache Pots & Verriers</span>
7961      </a>
7962      
7963    </div>
7964
7965    
7966  
7967    
7968    <div>
7969      <a
7970        href="/collections/candleware"
7971        class="mega-menu__link "
7972        
7973        data-mega-menu-link="MegaMenuList-8-4"
7974      >
7975        
7976        <span class="wrap-text">Candle Ware</span>
7977      </a>
7978      
7979    </div>
7980
7981    
7982  
7983    
7984    <div>
7985      <a
7986        href="/collections/antique-objects"
7987        class="mega-menu__link "
7988        
7989        data-mega-menu-link="MegaMenuList-8-5"
7990      >
7991        
7992        <span class="wrap-text">Objets Trouvé</span>
7993      </a>
7994      
7995    </div>
7996
7997    
7998  
7999    
8000    <div>
8001      <a
8002        href="/collections/centerpieces"
8003        class="mega-menu__link "
8004        
8005        data-mega-menu-link="MegaMenuList-8-6"
8006      >
8007        
8008        <span class="wrap-text">Centerpieces </span>
8009      </a>
8010      
8011    </div>
8012
8013    
8014  
8015    
8016    <div>
8017      <a
8018        href="/collections/small-objects"
8019        class="mega-menu__link "
8020        
8021        data-mega-menu-link="MegaMenuList-8-7"
8022      >
8023        
8024        <span class="wrap-text">Small Objects</span>
8025      </a>
8026      
8027    </div>
8028
8029    
8030  
8031    
8032    <div>
8033      <a
8034        href="/collections/packaging"
8035        class="mega-menu__link "
8036        
8037        data-mega-menu-link="MegaMenuList-8-8"
8038      >
8039        
8040        <span class="wrap-text">Signature Packaging</span>
8041      </a>
8042      
8043    </div>
8044
8045    
8046  
8047    
8048    <div>
8049      <a
8050        href="/collections/trompe-loeil"
8051        class="mega-menu__link "
8052        
8053        data-mega-menu-link="MegaMenuList-8-9"
8054      >
8055        
8056        <span class="wrap-text">Trompe L'œil</span>
8057      </a>
8058      
8059    </div>
8060
8061    </li>
8062  
8063</ul>
8064
8065
8066
8067<style data-shopify>
8068  [data-menu-grid-id="MegaMenuList-8"] {
8069    
8070      --menu-columns-desktop: 6;
8071      --menu-columns-tablet: 4;
8072    
8073  }
8074
8075  [data-menu-list-id="MegaMenuList-8"] {
8076    
8077      --menu-columns-desktop: 6;
8078      --menu-columns-tablet: 4;
8079    
8080  }
8081</style>
8082
8083
8084<style data-shopify>
8085  [data-menu-list-id="MegaMenuList-8"] > li > div > a.mega-menu__link {
8086    transition: opacity var(--animation-speed) var(--animation-easing);
8087  }
8088
8089  [data-menu-list-id="MegaMenuList-8"] > li > div > a.mega-menu__link--dimmed {
8090    opacity: var(--opacity-subdued-text);
8091  }
8092</style>
8093
8094
8095<span
8096      class="mega-menu__content"
8097      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
8098    >
8099      
8100      <ul
8101        class="mega-menu__content-list mega-menu__content-list--products mega-menu__content-list--default list-unstyled"
8102        data-mega-menu-panel="MegaMenuList-8-default"
8103      >
8104        
8105      </ul>
8106
8107      
8108      
8109    </span>
8110
8111    
8112    
8112<script
8113      src="//zdgofficial.com/cdn/shop/t/36/assets/mega-menu-featured-products.js?v=70122961978957894521785527881"
8114      type="module"
8115      fetchpriority="low"
8116    ></script>
8116
8117
8118    <style data-shopify>
8119      /* Hide every per-submenu-item panel by default; JS toggles --active to reveal the one
8120         matching the currently hovered/focused submenu link */
8121      [data-menu-grid-id="MegaMenuList-8"] .mega-menu__content-list--variant {
8122        display: none;
8123      }
8124
8125      [data-menu-grid-id="MegaMenuList-8"] .mega-menu__content-list--variant.mega-menu__content-list--active {
8126        display: grid;
8127      }
8128
8129      /* Hide the default panel whenever any variant panel is active */
8130      [data-menu-grid-id="MegaMenuList-8"]:has(.mega-menu__content-list--variant.mega-menu__content-list--active) .mega-menu__content-list--default {
8131        display: none;
8132      }
8133    </style>
8134  
8135
8136                  </div>
8137                </div>
8138              </div>
8139            </div></li>
8140      
8141        <li
8142          role="presentation"
8143          class="menu-list__list-item"
8144          on:focus="/activate"
8145          on:blur="/deactivate"
8146          on:pointerenter="/activate"
8147          on:pointerleave="/deactivate"
8148        >
8149          <a
8150            href="/collections/gifting"
8151            data-skip-node-update="true"
8152            class="menu-list__link"aria-controls="submenu-9"
8153              aria-haspopup="true"
8154              aria-expanded="false"
8155            ref="menuitem"
8156          >
8157            <span class="menu-list__link-title">Gifting</span>
8158          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
8159              <div
8160                id="submenu-9"
8161                class="menu-list__submenu-inner"
8162                style="--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
8163var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
8164none;
8165
8166    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
8167    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
8168    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
8169  
8170--menu-child-font-family: var(--font-primary--family); --menu-child-font-style:
8171var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:
8172none;
8173
8174    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
8175    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
8176    var(--opacity-subdued-text));
8177  
8178"
8179              >
8180                
8181                <div class="mega-menu section section--full-width-margin section--full-width">
8182                  <div
8183                    class="mega-menu__grid"
8184                    data-menu-grid-id="MegaMenuList-9"
8185                  >
8186                    
8187<ul
8188  data-menu-list-id="MegaMenuList-9"
8189  class="mega-menu__list list-unstyled"
8190  style="--menu-image-border-radius: 0px;"
8191>
8192  
8193    <li class="mega-menu__column mega-menu__column--span-1">
8194    <div>
8195      <a
8196        href="/apps/giftregistry"
8197        class="mega-menu__link "
8198        
8199        data-mega-menu-link="MegaMenuList-9-1"
8200      >
8201        
8202        <span class="wrap-text">Gift Registry</span>
8203      </a>
8204      
8205    </div>
8206
8207    
8208  
8209    
8210    <div>
8211      <a
8212        href="/collections/baby-gifts"
8213        class="mega-menu__link "
8214        
8215        data-mega-menu-link="MegaMenuList-9-2"
8216      >
8217        
8218        <span class="wrap-text">Baby Gifts</span>
8219      </a>
8220      
8221    </div>
8222
8223    
8224  
8225    
8226    <div>
8227      <a
8228        href="/collections/wedding-gifts"
8229        class="mega-menu__link "
8230        
8231        data-mega-menu-link="MegaMenuList-9-3"
8232      >
8233        
8234        <span class="wrap-text">Wedding Gifts</span>
8235      </a>
8236      
8237    </div>
8238
8239    
8240  
8241    
8242    <div>
8243      <a
8244        href="/collections/gift-cards"
8245        class="mega-menu__link "
8246        
8247        data-mega-menu-link="MegaMenuList-9-4"
8248      >
8249        
8250        <span class="wrap-text">Gift Cards</span>
8251      </a>
8252      
8253    </div>
8254
8255    
8256  
8257    
8258    <div>
8259      <a
8260        href="/collections/gifts-under-500"
8261        class="mega-menu__link "
8262        
8263        data-mega-menu-link="MegaMenuList-9-5"
8264      >
8265        
8266        <span class="wrap-text">Gifts Under $300</span>
8267      </a>
8268      
8269    </div>
8270
8271    
8272  
8273    
8274    <div>
8275      <a
8276        href="/collections/fine-paper-products-wrapping"
8277        class="mega-menu__link "
8278        
8279        data-mega-menu-link="MegaMenuList-9-6"
8280      >
8281        
8282        <span class="wrap-text">Fine Paper Products </span>
8283      </a>
8284      
8285    </div>
8286
8287    
8288  
8289    
8290    <div>
8291      <a
8292        href="/collections/packaging"
8293        class="mega-menu__link "
8294        
8295        data-mega-menu-link="MegaMenuList-9-7"
8296      >
8297        
8298        <span class="wrap-text">Signature Packaging</span>
8299      </a>
8300      
8301    </div>
8302
8303    </li>
8304  
8305</ul>
8306
8307
8308
8309<style data-shopify>
8310  [data-menu-grid-id="MegaMenuList-9"] {
8311    
8312      --menu-columns-desktop: 6;
8313      --menu-columns-tablet: 4;
8314    
8315  }
8316
8317  [data-menu-list-id="MegaMenuList-9"] {
8318    
8319      --menu-columns-desktop: 6;
8320      --menu-columns-tablet: 4;
8321    
8322  }
8323</style>
8324
8325
8326<style data-shopify>
8327  [data-menu-list-id="MegaMenuList-9"] > li > div > a.mega-menu__link {
8328    transition: opacity var(--animation-speed) var(--animation-easing);
8329  }
8330
8331  [data-menu-list-id="MegaMenuList-9"] > li > div > a.mega-menu__link--dimmed {
8332    opacity: var(--opacity-subdued-text);
8333  }
8334</style>
8335
8336
8337<span
8338      class="mega-menu__content"
8339      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
8340    >
8341      
8342      <ul
8343        class="mega-menu__content-list mega-menu__content-list--products mega-menu__content-list--default list-unstyled"
8344        data-mega-menu-panel="MegaMenuList-9-default"
8345      >
8346        
8347      </ul>
8348
8349      
8350      
8351    </span>
8352
8353    
8354    
8354<script
8355      src="//zdgofficial.com/cdn/shop/t/36/assets/mega-menu-featured-products.js?v=70122961978957894521785527881"
8356      type="module"
8357      fetchpriority="low"
8358    ></script>
8358
8359
8360    <style data-shopify>
8361      /* Hide every per-submenu-item panel by default; JS toggles --active to reveal the one
8362         matching the currently hovered/focused submenu link */
8363      [data-menu-grid-id="MegaMenuList-9"] .mega-menu__content-list--variant {
8364        display: none;
8365      }
8366
8367      [data-menu-grid-id="MegaMenuList-9"] .mega-menu__content-list--variant.mega-menu__content-list--active {
8368        display: grid;
8369      }
8370
8371      /* Hide the default panel whenever any variant panel is active */
8372      [data-menu-grid-id="MegaMenuList-9"]:has(.mega-menu__content-list--variant.mega-menu__content-list--active) .mega-menu__content-list--default {
8373        display: none;
8374      }
8375    </style>
8376  
8377
8378                  </div>
8379                </div>
8380              </div>
8381            </div></li>
8382      
8383        <li
8384          role="presentation"
8385          class="menu-list__list-item"
8386          on:focus="/activate"
8387          on:blur="/deactivate"
8388          on:pointerenter="/activate"
8389          on:pointerleave="/deactivate"
8390        >
8391          <a
8392            href="/pages/custom-orders"
8393            data-skip-node-update="true"
8394            class="menu-list__link"aria-controls="submenu-10"
8395              aria-haspopup="true"
8396              aria-expanded="false"
8397            ref="menuitem"
8398          >
8399            <span class="menu-list__link-title">Custom</span>
8400          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
8401              <div
8402                id="submenu-10"
8403                class="menu-list__submenu-inner"
8404                style="--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
8405var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
8406none;
8407
8408    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
8409    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
8410    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
8411  
8412--menu-child-font-family: var(--font-primary--family); --menu-child-font-style:
8413var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:
8414none;
8415
8416    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
8417    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
8418    var(--opacity-subdued-text));
8419  
8420"
8421              >
8422                
8423                <div class="mega-menu section section--full-width-margin section--full-width">
8424                  <div
8425                    class="mega-menu__grid"
8426                    data-menu-grid-id="MegaMenuList-10"
8427                  >
8428                    
8429<ul
8430  data-menu-list-id="MegaMenuList-10"
8431  class="mega-menu__list list-unstyled"
8432  style="--menu-image-border-radius: 0px;"
8433>
8434  
8435    <li class="mega-menu__column mega-menu__column--span-1">
8436    <div>
8437      <a
8438        href="/pages/custom-orders"
8439        class="mega-menu__link "
8440        
8441        data-mega-menu-link="MegaMenuList-10-1"
8442      >
8443        
8444        <span class="wrap-text">Custom Orders</span>
8445      </a>
8446      
8447    </div>
8448
8449    
8450  
8451    
8452    <div>
8453      <a
8454        href="/collections/the-zdg-monogram-collection-copy"
8455        class="mega-menu__link "
8456        
8457        data-mega-menu-link="MegaMenuList-10-2"
8458      >
8459        
8460        <span class="wrap-text">Personalised Objects by ZdG</span>
8461      </a>
8462      
8463    </div>
8464
8465    </li>
8466  
8467</ul>
8468
8469
8470
8471<style data-shopify>
8472  [data-menu-grid-id="MegaMenuList-10"] {
8473    
8474      --menu-columns-desktop: 6;
8475      --menu-columns-tablet: 4;
8476    
8477  }
8478
8479  [data-menu-list-id="MegaMenuList-10"] {
8480    
8481      --menu-columns-desktop: 6;
8482      --menu-columns-tablet: 4;
8483    
8484  }
8485</style>
8486
8487
8488<style data-shopify>
8489  [data-menu-list-id="MegaMenuList-10"] > li > div > a.mega-menu__link {
8490    transition: opacity var(--animation-speed) var(--animation-easing);
8491  }
8492
8493  [data-menu-list-id="MegaMenuList-10"] > li > div > a.mega-menu__link--dimmed {
8494    opacity: var(--opacity-subdued-text);
8495  }
8496</style>
8497
8498
8499
8500                  </div>
8501                </div>
8502              </div>
8503            </div></li>
8504      
8505        <li
8506          role="presentation"
8507          class="menu-list__list-item"
8508          on:focus="/activate"
8509          on:blur="/deactivate"
8510          on:pointerenter="/activate"
8511          on:pointerleave="/deactivate"
8512        >
8513          <a
8514            href="/collections/zoes-favourites"
8515            data-skip-node-update="true"
8516            class="menu-list__link"aria-controls="submenu-11"
8517              aria-haspopup="true"
8518              aria-expanded="false"
8519            ref="menuitem"
8520          >
8521            <span class="menu-list__link-title">Inspiration</span>
8522          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
8523              <div
8524                id="submenu-11"
8525                class="menu-list__submenu-inner"
8526                style="--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
8527var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
8528none;
8529
8530    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
8531    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
8532    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
8533  
8534--menu-child-font-family: var(--font-primary--family); --menu-child-font-style:
8535var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:
8536none;
8537
8538    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
8539    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
8540    var(--opacity-subdued-text));
8541  
8542"
8543              >
8544                
8545                <div class="mega-menu section section--full-width-margin section--full-width">
8546                  <div
8547                    class="mega-menu__grid"
8548                    data-menu-grid-id="MegaMenuList-11"
8549                  >
8550                    
8551<ul
8552  data-menu-list-id="MegaMenuList-11"
8553  class="mega-menu__list list-unstyled"
8554  style="--menu-image-border-radius: 0px;"
8555>
8556  
8557    <li class="mega-menu__column mega-menu__column--span-1">
8558    <div>
8559      <a
8560        href="/collections/zoes-favourites"
8561        class="mega-menu__link "
8562        
8563        data-mega-menu-link="MegaMenuList-11-1"
8564      >
8565        
8566        <span class="wrap-text">Zoë's Autumn Edit</span>
8567      </a>
8568      
8569    </div>
8570
8571    
8572  
8573    
8574    <div>
8575      <a
8576        href="/collections/zdg-x-adam-lippes-palm-beach"
8577        class="mega-menu__link "
8578        
8579        data-mega-menu-link="MegaMenuList-11-2"
8580      >
8581        
8582        <span class="wrap-text">ZdG x Adam Lippes</span>
8583      </a>
8584      
8585    </div>
8586
8587    
8588  
8589    
8590    <div>
8591      <a
8592        href="/collections/casa-gusto"
8593        class="mega-menu__link "
8594        
8595        data-mega-menu-link="MegaMenuList-11-3"
8596      >
8597        
8598        <span class="wrap-text">ZdG x Casa Gusto</span>
8599      </a>
8600      
8601    </div>
8602
8603    
8604  
8605    
8606    <div>
8607      <a
8608        href="/collections/zdg-x-julia-amory"
8609        class="mega-menu__link "
8610        
8611        data-mega-menu-link="MegaMenuList-11-4"
8612      >
8613        
8614        <span class="wrap-text">ZdG x Julia Amory</span>
8615      </a>
8616      
8617    </div>
8618
8619    
8620  
8621    
8622    <div>
8623      <a
8624        href="/collections/zdg-x-sezane"
8625        class="mega-menu__link "
8626        
8627        data-mega-menu-link="MegaMenuList-11-5"
8628      >
8629        
8630        <span class="wrap-text">ZdG x Sézane</span>
8631      </a>
8632      
8633    </div>
8634
8635    
8636  
8637    
8638    <div>
8639      <a
8640        href="/collections/the-zdg-monogram-collection"
8641        class="mega-menu__link "
8642        
8643        data-mega-menu-link="MegaMenuList-11-6"
8644      >
8645        
8646        <span class="wrap-text">ZdG x Over the Moon</span>
8647      </a>
8648      
8649    </div>
8650
8651    </li>
8652  
8653</ul>
8654
8655
8656
8657<style data-shopify>
8658  [data-menu-grid-id="MegaMenuList-11"] {
8659    
8660      --menu-columns-desktop: 6;
8661      --menu-columns-tablet: 4;
8662    
8663  }
8664
8665  [data-menu-list-id="MegaMenuList-11"] {
8666    
8667      --menu-columns-desktop: 6;
8668      --menu-columns-tablet: 4;
8669    
8670  }
8671</style>
8672
8673
8674<style data-shopify>
8675  [data-menu-list-id="MegaMenuList-11"] > li > div > a.mega-menu__link {
8676    transition: opacity var(--animation-speed) var(--animation-easing);
8677  }
8678
8679  [data-menu-list-id="MegaMenuList-11"] > li > div > a.mega-menu__link--dimmed {
8680    opacity: var(--opacity-subdued-text);
8681  }
8682</style>
8683
8684
8685<span
8686      class="mega-menu__content"
8687      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
8688    >
8689      
8690      <ul
8691        class="mega-menu__content-list mega-menu__content-list--products mega-menu__content-list--default list-unstyled"
8692        data-mega-menu-panel="MegaMenuList-11-default"
8693      >
8694        
8695      </ul>
8696
8697      
8698      
8699    </span>
8700
8701    
8702    
8702<script
8703      src="//zdgofficial.com/cdn/shop/t/36/assets/mega-menu-featured-products.js?v=70122961978957894521785527881"
8704      type="module"
8705      fetchpriority="low"
8706    ></script>
8706
8707
8708    <style data-shopify>
8709      /* Hide every per-submenu-item panel by default; JS toggles --active to reveal the one
8710         matching the currently hovered/focused submenu link */
8711      [data-menu-grid-id="MegaMenuList-11"] .mega-menu__content-list--variant {
8712        display: none;
8713      }
8714
8715      [data-menu-grid-id="MegaMenuList-11"] .mega-menu__content-list--variant.mega-menu__content-list--active {
8716        display: grid;
8717      }
8718
8719      /* Hide the default panel whenever any variant panel is active */
8720      [data-menu-grid-id="MegaMenuList-11"]:has(.mega-menu__content-list--variant.mega-menu__content-list--active) .mega-menu__content-list--default {
8721        display: none;
8722      }
8723    </style>
8724  
8725
8726                  </div>
8727                </div>
8728              </div>
8729            </div></li>
8730      
8731      <li
8732        class="menu-list__list-item"
8733        role="presentation"
8734        slot="more"
8735        on:focus="/activate"
8736        on:blur="/deactivate"
8737        on:pointerenter="/activate"
8738        on:pointerleave="/deactivate"
8739      >
8740        <button role="listitem" class="menu-list__link button-unstyled">
8741          <span class="menu-list__link-title">More</span>
8742        </button>
8743      </li>
8744    
8745</overflow-list>
8746
8747        </nav>
8748      </div>
8749
8750      
8750<script
8751        src="//zdgofficial.com/cdn/shop/t/36/assets/header-menu.js?v=97820922056036071501785429912"
8752        type="module"
8753        fetchpriority="low"
8754      ></script>
8754
8755    </header-menu>
8756
8757
8758<style data-shopify>
8759  .header__underlay {
8760    --color-submenu: rgb(244 241 234 / 1.0);
8761  }
8762</style>
8763
8764
8765
8766
8767            
8768        
8769      
8770    </div>
8771        </div>
8772      </div>
8773    
8774  
8775
8776  
8777    <div class="header__row header__navigation-bar-row color-scheme-1">
8778      
8779
8780
8781
8782    
8783  
8784
8785<style data-shopify>
8786  .header__underlay {
8787    --color-submenu: rgb(244 241 234 / 1.0);
8788  }
8789</style>
8790
8791
8792
8793
8794    </div>
8795  
8796</header-component>
8797
8798<script
8799  src="//zdgofficial.com/cdn/shop/t/36/assets/header.js?v=36718054510661947891785429912"
8800  type="module"
8801></script>
8801
8802
8803
8804
8805
8806  
8806<script type="module">
8807    import { hydrate } from '@theme/section-hydration';
8808    const url = new URL(window.location.href);
8809    url.searchParams.delete('page');
8810    hydrate('sections--20431058108578__header_section', url);
8811  </script>
8811
8812
8813
8814
8815<style> #shopify-section-sections--20431058108578__header_section .header__menu-item, #shopify-section-sections--20431058108578__header_section .header__active-menu-item, #shopify-section-sections--20431058108578__header_section .menu-drawer__menu-item, #shopify-section-sections--20431058108578__header_section .list-menu__item, #shopify-section-sections--20431058108578__header_section .header__inline-menu a, #shopify-section-sections--20431058108578__header_section .header__inline-menu span, #shopify-section-sections--20431058108578__header_section summary span {font-family: "Louize", serif !important;} </style></header>
8816<!-- END sections: header-group -->
8817    </div>
8818
8819    
8819<script>
8820      // Inline header height and menu style calculations to prevent layout shift
8821      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
8822      (function setHeaderHeighCustomProperties() {
8823        /*
8824         * Header calculation functions for maintaining CSS variables
8825         * Mimic calculateHeaderGroupHeight() in utilities.js
8826         */
8827        const header = document.querySelector('header-component');
8828        const headerGroup = document.querySelector('#header-group');
8829        const hasHeaderSection = headerGroup?.querySelector('.header-section');
8830
8831        if (!header || !headerGroup) return;
8832
8833        const headerTopRow = header.querySelector('.header__row--top');
8834        const headerHeight = header.offsetHeight;
8835
8836        // Calculate the total height of the header group
8837        let headerGroupHeight = 0;
8838        const children = headerGroup.children;
8839        for (let i = 0; i < children.length; i++) {
8840          const element = children[i];
8841          if (element === header || !(element instanceof HTMLElement)) continue;
8842          headerGroupHeight += element.offsetHeight;
8843        }
8844
8845        // Check for transparent header special case
8846        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
8847          headerGroupHeight += headerHeight;
8848        }
8849
8850        // Set CSS variables
8851        document.body.style.setProperty('--header-height', `${headerHeight}px`);
8852        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
8853
8854        if (headerTopRow) {
8855          window.requestAnimationFrame(function () {
8856            document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
8857          });
8858        }
8859
8860        /**
8861         * Updates CSS custom properties for transparent header offset calculation
8862         * Mimic updateTransparentHeaderOffset() in utilities.js
8863         */
8864
8865        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
8866          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
8867          return;
8868        }
8869
8870        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
8871
8872        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
8873        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
8874      })();
8875
8876      (function setHeaderMenuStyle() {
8877        const headerComponent = document.querySelector('#header-component');
8878        if (headerComponent) {
8879          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
8880          const overflowList = headerComponent?.querySelector('overflow-list');
8881          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
8882          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
8883        }
8884      })();
8885    </script>
8885
8886
8887    <main
8888      id="MainContent"
8889      class="content-for-layout"
8890      role="main"
8891      data-page-transition-enabled="true"
8892      data-product-transition="true"
8893      data-template="collection"
8894    >
8895      <div id="shopify-section-template--20431062630562__section" class="shopify-section section-wrapper">
8896
8897
8898
8899<div class="section-background color-scheme-1"></div>
8900<div
8901  class="section section--page-width color-scheme-1"
8902  data-testid="ui-test-section"
8903
8904  
8905
8906  style="
8907    
8908
8909    
8910  "
8911>
8912  <div class="custom-section-background">
8913    
8914
8915
8916
8917  </div>
8918
8919  <div
8920    class="border-style custom-section-content"
8921    style="--border-width: 1px; --border-style: none; --border-color:
8922rgb(var(--color-border-rgb) / 1.0); --border-radius:
89230px; 
8924"
8925  >
8926    
8927
8928    <div
8929      class="
8930        spacing-style
8931        layout-panel-flex
8932        layout-panel-flex--column
8933        section-content-wrapper
8934         mobile-column
8935      "
8936      style="
8937        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
8938
8939--gap: 0px;
8940
8941--horizontal-alignment: flex-start; --vertical-alignment: center;
8942--vertical-alignment-mobile: center;
8943
8944        --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
8945      "
8946      data-testid="section-content"
8947    >
8948      
8949  
8950
8951
8952
8953
8954
8955
8956  <div class=" spacing-style text-block text-block--AWVRwTzFpcnhHdzNJd__text_tqQTNE h3    text-block--align-center  "  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;          ">
8957    <h1>Fine Paper Products & Wrapping</h1>
8958  </div>
8959
8960
8961
8962
8963
8964
8965    </div>
8966  </div>
8967</div>
8968
8969
8970
8971
8972
8973</div><div id="shopify-section-template--20431062630562__main" class="shopify-section">
8974
8975<script
8976  src="//zdgofficial.com/cdn/shop/t/36/assets/results-list.js?v=28346210841421047511785429912"
8977  type="module"
8978  fetchpriority="low"
8979></script>
8979
8980
8981
8982
8983
8984<div class="section-background color-scheme-1"></div>
8985<results-list
8986  class="section product-grid-container color-scheme-1"
8987  style="--padding-block-start: 0px; --padding-block-end: 32px;"
8988  section-id="template--20431062630562__main"
8989  infinite-scroll="true"
8990>
8991  <a
8992  class="skip-to-content-link button-secondary"
8993  href="#ResultsList"
8994>
8995  Skip to results list
8996</a>
8997
8998
8999
9000
9001  <div
9002    class="collection-wrapper grid gap-style"
9003  >
9004    
9005<script
9006  src="//zdgofficial.com/cdn/shop/t/36/assets/facets.js?v=177903033754413523221785429912"
9007  type="module"
9008  fetchpriority="low"
9009></script>
9009
9010
9011<script
9012  src="//zdgofficial.com/cdn/shop/t/36/assets/scrolling.js?v=162288454571026455011785429912"
9013  type="module"
9014  fetchpriority="low"
9015></script>
9015
9016  
9017
9018  <div
9019    class="
9020      
9021      facets-block-wrapper
9022      facets-block-wrapper--horizontal
9023
9024
9025    "
9026    style="
9027      --grid-column--desktop:var(--centered);
9028      --facets-margin: 0px  0px 8px 0px;
9029      --facets-inner-padding-block: 8px 8px;
9030      --facets-inner-padding-inline: var(--padding-lg);
9031    "
9032    
9033  >
9034    <div
9035      class="facets facets--horizontal spacing-style"
9036      style="--padding-block-start: 8px;--padding-block-end: 8px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
9037      aria-label="Filters"
9038    >
9039      <facets-form-component
9040        class="facets__form-wrapper"
9041        section-id="template--20431062630562__main"
9042        form-style="horizontal"
9043      >
9044        <form
9045          action="/collections/fine-paper-products-wrapping"
9046          id="FacetFiltersForm--template--20431062630562__main-desktop"
9047          class="facets__form"
9048          ref="facetsForm"
9049        >
9050          
9051            <div class="facets-remove facets-remove--mobile-and-vertical"><h3 class="visually-hidden">Active filters:</h3>
9052
9053
9054
9055
9056</div>
9057
9058
9059
9060
9061            
9062              
9063
9064              
9065
9066              <div class="facets__filters-wrapper">
9067                
9068                  
9069                  <overflow-list
9070  
9071  
9072    class="facets__overflow-list"
9073  
9074  
9075    minimum-items="2"
9076  
9077  
9078    data-testid="horizontal-filters-overflow-list"
9079  
9080  
9081>
9082  <template shadowrootmode="open">
9083    <link href="//zdgofficial.com/cdn/shop/t/36/assets/overflow-list.css?v=16727044177065489451785429912" rel="stylesheet" type="text/css" media="all" />
9084
9085    <ul part="list">
9086      <slot></slot>
9087      <slot
9088        name="more"
9089        part="more"
9090        hidden
9091        
9092          on:click="#filters-drawer/showDialog"
9093        
9094      >
9095        <li
9096          part="more"
9097        >
9098          <button
9099            class="button"
9100            type="button"
9101            tabindex="0"
9102            
9103              aria-haspopup="dialog"
9104            
9105          >
9106            More
9107          </button>
9108        </li>
9109      </slot>
9110      <li
9111        part="placeholder"
9112        hidden
9113      ></li>
9114    </ul>
9115
9116    <div part="overflow">
9117      <ul part="overflow-list">
9118        <slot name="overflow"></slot>
9119      </ul>
9120    </div>
9121  </template>
9122
9123  
9124
9125                      
9126
9127<accordion-custom
9128  
9129    class="facets__item"
9130  
9131  
9132  
9133  
9134  
9135  
9136  
9137    data-disable-animation-on-desktop="true"
9138  
9139  
9140    data-close-with-escape="true"
9141  
9142  
9143    data-filter-param-name="filter-v-availability"
9144  
9145>
9146  
9147  <details
9148    id="Facet-Details-template--20431062630562__main-filter-v-availability"
9149    class="facets__panel"
9150    
9151      data-auto-close-details="desktop"
9152    
9153    
9154  >
9155    <summary class="facets__summary">
9156      <span class="facets__label">Availability</span>
9157
9158      <div class="facets__status-wrapper">
9159        
9160          <facet-status-component
9161            class="facets__status"
9162            facet-type="list"
9163            data-filter-style="horizontal"
9164          >
9165            <span
9166              class="
9167                hide-when-empty
9168              "
9169              ref="facetStatus"
9170            ></span>
9171          </facet-status-component>
9172        
9173        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9174  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9175</svg>
9176</span>
9177      </div>
9178    </summary>
9179    <floating-panel-component
9180      
9181        data-close-on-resize
9182      
9183      class="facets__inputs facets__panel-content details-content color-scheme-1"
9184      id="facet-inputs-filter-v-availability"
9185    >
9186      <facet-inputs-component
9187        on:change="/updateFilters"
9188        id="facet-inputs-component-filter-v-availability"
9189      >
9190        
9191        
9192
9193        <div
9194          class="facets__inputs-wrapper"
9195          ref="showMoreContent"
9196        >
9197          
9198          <ul
9199            id="filters-list-template--20431062630562__main-filter-v-availability"
9200            class="facets__inputs-list list-unstyled"
9201            
9202            
9203            name="Availability"
9204          >
9205              <li
9206                data-skip-node-update="true"
9207                class="
9208                  facets__inputs-list-item
9209                  
9210                  
9211                "
9212                
9213              >
9214                
9215                
9216                  
9217                    <div
9218  class="checkbox"
9219  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
9220>
9221  <input
9222    type="checkbox"
9223    name="filter.v.availability"
9224    value="1"
9225    id="Filter-filter-v-availability-1-horizontal-"
9226    class="checkbox__input"
9227    data-label="In stock"
9228    
9229    
9230    
9231    
9232    
9233      ref="facetInputs[]"
9234    
9235    
9236  >
9237  <label
9238    class="checkbox__label"
9239    for="Filter-filter-v-availability-1-horizontal-"
9240    
9241  >
9242    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9243<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9244</svg>
9245
9246    <span class="checkbox__label-text">In stock</span>
9247  </label>
9248</div>
9249
9250                  
9251                
9252              </li>
9253              <li
9254                data-skip-node-update="true"
9255                class="
9256                  facets__inputs-list-item
9257                  
9258                   facets__inputs-list-item--disabled
9259                "
9260                
9261              >
9262                
9263                
9264                  
9265                    <div
9266  class="checkbox checkbox--disabled"
9267  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
9268>
9269  <input
9270    type="checkbox"
9271    name="filter.v.availability"
9272    value="0"
9273    id="Filter-filter-v-availability-2-horizontal-"
9274    class="checkbox__input"
9275    data-label="Out of stock"
9276    
9277    
9278      disabled
9279    
9280    
9281    
9282    
9283      ref="facetInputs[]"
9284    
9285    
9286  >
9287  <label
9288    class="checkbox__label"
9289    for="Filter-filter-v-availability-2-horizontal-"
9290    
9291  >
9292    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9293<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9294</svg>
9295
9296    <span class="checkbox__label-text">Out of stock</span>
9297  </label>
9298</div>
9299
9300                  
9301                
9302              </li></ul>
9303        </div>
9304        
9305
9306        
9307          <facet-clear-component>
9308            <div
9309              class="facets__clear "
9310              ref="clearButton"
9311            >
9312              <button
9313                type="button"
9314                on:click="/clearFilter"
9315                on:keydown="/clearFilter"
9316                class="clear-filter button button-secondary"
9317              >Clear</button>
9318            </div>
9319          </facet-clear-component>
9320        
9321      </facet-inputs-component>
9322    </floating-panel-component>
9323  </details>
9324
9325</accordion-custom>
9326
9327
9328
9329
9330
9331
9332
9333
9334                  
9335
9336
9337<accordion-custom
9338  
9339    class="facets__item"
9340  
9341  
9342  
9343  
9344  
9345  
9346  
9347    data-disable-animation-on-desktop="true"
9348  
9349  
9350    data-close-with-escape="true"
9351  
9352  
9353>
9354  
9355  <details
9356    class="facets__panel"
9357    
9358      data-auto-close-details="desktop"
9359    
9360    
9361  >
9362    <summary
9363      class="facets__summary"
9364      data-testid="price-filter"
9365    >
9366      <span class="facets__label">Price</span>
9367      <facet-status-component class="facets__status">
9368        <template ref="moneyFormat">${{amount}}</template>
9369
9370        <span
9371          class="hide-when-empty"
9372          ref="facetStatus"
9373          data-currency="USD"
9374          data-range-max="55.00"
9375        ></span>
9376      </facet-status-component>
9377      <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9378  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9379</svg>
9380</span>
9381    </summary>
9382    <floating-panel-component
9383      
9384        data-close-on-resize
9385      
9386      class="facets__panel-content details-content color-scheme-1"
9387    >
9388      
9389      
9390
9391      <price-facet-component
9392        class="
9393          price-facet
9394            price-facet--horizontal
9395        "
9396        id="facet-inputs-filter-v-price"
9397        data-money-format="${{amount}}"
9398        data-currency="USD"
9399        on:change="/updatePriceFilterAndResults"
9400      >
9401        <div class="facets__inputs-wrapper facets__inputs-wrapper--row">
9402          <div
9403            class="price-facet__inputs-wrapper"
9404          >
9405            <div class="field price-facet__field">
9406              <input
9407                class="field__input price-facet__input"
9408                name="filter.v.price.gte"
9409                id="Price-GTE-horizontal"type="text"
9410                inputmode="decimal"
9411                placeholder="0"
9412                data-min="0"
9413                data-max="55.00"
9414                ref="minInput"
9415                autocomplete="off"
9416                aria-label="Low price"
9417              >
9418
9419              <label
9420                class="field__label price-facet__label"
9421                for="Price-GTE-horizontal"
9422              >
9423                $
9424              </label>
9425            </div>
9426
9427            <div class="price-facet__separator">to</div>
9428
9429            <div class="field price-facet__field">
9430              <input
9431                class="field__input price-facet__input"
9432                name="filter.v.price.lte"
9433                id="Price-LTE-horizontal"type="text"
9434                inputmode="decimal"
9435                placeholder="55.00"
9436                data-min="0.00"
9437                data-max="55.00"
9438                ref="maxInput"
9439                autocomplete="off"
9440                aria-label="High price"
9441              >
9442              <label
9443                class="field__label price-facet__label"
9444                for="Price-LTE-horizontal"
9445              >
9446                $
9447              </label>
9448            </div>
9449          </div>
9450        </div>
9451
9452        <div
9453          class="
9454            price-facet__highest-price
9455              price-facet__highest-price--horizontal
9456          "
9457        >The highest price is $55.00
9458        </div>
9459
9460        
9461
9462        
9463          <facet-clear-component
9464            class="clear-filter"
9465            tabindex="-1"
9466            on:click="/clearFilter"
9467            on:keydown="/clearFilter"
9468          >
9469            <div
9470              class="facets__clear "
9471              ref="clearButton"
9472            >Clear</div>
9473          </facet-clear-component>
9474        
9475      </price-facet-component>
9476    </floating-panel-component>
9477  </details>
9478
9479</accordion-custom>
9480
9481
9482
9483
9484
9485
9486
9487
9488
9489</overflow-list>
9490
9491                
9492              </div>
9493
9494              
9495                <facet-remove-component
9496                  class="facets-horizontal-remove "
9497                  active-class="facets__clear-all-link--active"
9498                  data-url="/collections/fine-paper-products-wrapping"
9499                >
9500                  <button
9501                    type="button"
9502                    class="button-unstyled facets__clear-all-link facets__clear-all-link--horizontal "
9503                    ref="clearButton"
9504                    on:click="/removeFilter?form="
9505                    on:keydown="/removeFilter?form="
9506                  >Clear all</button>
9507                </facet-remove-component>
9508              
9509            
9510            
9511              <div
9512                class="products-count-wrapper"
9513                data-testid="products-count"
9514              >
9515                <span role="status">
9516                  
95177 items
9518                </span>
9519              </div>
9520
9521              
9522                <sorting-filter-component
9523  class="sorting-filter sorting-filter__horizontal"
9524  on:change="/updateFilterAndSorting"
9525  on:keydown="/handleKeyDown"
9526  
9527    data-testid="sorting-filter-component-desktop"
9528  
9529  data-should-use-select-on-mobile="false"
9530>
9531  
9532
9533  <div class="sorting-filter__container  hidden ">
9534    <label
9535      for="sort-select-template--20431062630562__main"
9536      class="facets__label"
9537    >Sort</label>
9538    <div class="sorting-filter__select-wrapper">
9539      <select
9540        id="sort-select-template--20431062630562__main"
9541        name="sort_by"
9542        class="sorting-filter__select"
9543        
9544          disabled
9545        
9546      >
9547        
9548          <option
9549            value="manual"
9550            
9551              selected
9552            
9553          >
9554            Featured
9555          </option>
9556        
9557          <option
9558            value="most-relevant"
9559            
9560          >
9561            Most relevant
9562          </option>
9563        
9564          <option
9565            value="best-selling"
9566            
9567          >
9568            Best selling
9569          </option>
9570        
9571          <option
9572            value="title-ascending"
9573            
9574          >
9575            Alphabetically, A-Z
9576          </option>
9577        
9578          <option
9579            value="title-descending"
9580            
9581          >
9582            Alphabetically, Z-A
9583          </option>
9584        
9585          <option
9586            value="price-ascending"
9587            
9588          >
9589            Price, low to high
9590          </option>
9591        
9592          <option
9593            value="price-descending"
9594            
9595          >
9596            Price, high to low
9597          </option>
9598        
9599          <option
9600            value="created-ascending"
9601            
9602          >
9603            Date, old to new
9604          </option>
9605        
9606          <option
9607            value="created-descending"
9608            
9609          >
9610            Date, new to old
9611          </option>
9612        
9613      </select>
9614      <svg
9615        aria-hidden="true"
9616        focusable="false"
9617        class="icon icon-caret"
9618        width="8"
9619        height="13"
9620        viewBox="0 0 8 13"
9621      >
9622
9623
9624<g opacity="0.6">
9625      <path
9626        d="M4.93509 1.08583C4.44566 0.596391 3.65213 0.596391 3.16269 1.08583L0.509308 3.73921C0.215647 4.03287 0.215647 4.50899 0.509308 4.80265C0.802969 5.09631 1.27909 5.09631 1.57275 4.80265L4.04889 2.32651L6.52504 4.80265C6.8187 5.09631 7.29482 5.09631 7.58848 4.80265C7.88214 4.50899 7.88214 4.03287 7.58848 3.73921L4.93509 1.08583Z"
9627        fill="#333030"
9628      />
9629      <path
9630        d="M7.58848 9.81591L4.93509 12.4693C4.44566 12.9587 3.65213 12.9587 3.16269 12.4693L0.509308 9.81591C0.215647 9.52225 0.215647 9.04613 0.509308 8.75247C0.802969 8.45881 1.27909 8.45881 1.57275 8.75247L4.04889 11.2286L6.52504 8.75247C6.8187 8.45881 7.29482 8.45881 7.58848 8.75247C7.88214 9.04613 7.88214 9.52225 7.58848 9.81591Z"
9631        fill="#333030"
9632      />
9633    </g></svg>
9634    </div>
9635  </div>
9636
9637  
9638<accordion-custom
9639  
9640  
9641  
9642  
9643  
9644  
9645  
9646    data-disable-animation-on-desktop="true"
9647  
9648  
9649    data-close-with-escape="true"
9650  
9651  
9652>
9653  
9654    <details
9655      ref="details"
9656      id="Sorting-template--20431062630562__main"
9657      data-default-sort-by="manual"
9658      class="facets__panel "
9659      data-auto-close-details="desktop,mobile"
9660      on:toggle="/handleToggle"
9661    >
9662      <summary
9663        class="facets__summary"
9664        role="button"
9665        aria-expanded="false"
9666        aria-controls="sorting-options-template--20431062630562__main-desktop"
9667        ref="summary"
9668      >
9669        <span
9670          class="facets__label"
9671          id="sort-label-template--20431062630562__main"
9672        >Sort</span>
9673        <span
9674          class="facets__status h6 desktop:hidden"
9675        >Featured</span>
9676        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9677  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9678</svg>
9679</span>
9680      </summary>
9681      <floating-panel-component
9682        id="sorting-options-template--20431062630562__main-desktop"
9683        class="sorting-filter__options color-scheme-1"
9684        role="listbox"
9685        aria-labelledby="sort-label-template--20431062630562__main"
9686        ref="listbox"
9687      >
9688        <div class="sorting-filter__options-inner">
9689          
9690            <label
9691              for="sort-option-manual-template--20431062630562__main"
9692            >
9693              <div
9694                class="sorting-filter__option"
9695                role="option"
9696                aria-selected="true"
9697                tabindex="0"
9698              >
9699                <input
9700                  type="radio"
9701                  name="sort_by"
9702                  id="sort-option-manual-template--20431062630562__main"
9703                  
9704                    form="FacetFiltersForm--template--20431062630562__main-desktop"
9705                  
9706                  value="manual"
9707                  class="sorting-filter__input"
9708                  data-option-name="Featured"
9709                  
9710                    checked
9711                  
9712                  aria-hidden="true"
9713                >
9714                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9715<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9716</svg>
9717</span>
9718                <span class="sorting-filter__label">Featured</span>
9719              </div>
9720            </label>
9721          
9722            <label
9723              for="sort-option-most-relevant-template--20431062630562__main"
9724            >
9725              <div
9726                class="sorting-filter__option"
9727                role="option"
9728                aria-selected="false"
9729                tabindex="-1"
9730              >
9731                <input
9732                  type="radio"
9733                  name="sort_by"
9734                  id="sort-option-most-relevant-template--20431062630562__main"
9735                  
9736                    form="FacetFiltersForm--template--20431062630562__main-desktop"
9737                  
9738                  value="most-relevant"
9739                  class="sorting-filter__input"
9740                  data-option-name="Most relevant"
9741                  
9742                  aria-hidden="true"
9743                >
9744                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9745<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9746</svg>
9747</span>
9748                <span class="sorting-filter__label">Most relevant</span>
9749              </div>
9750            </label>
9751          
9752            <label
9753              for="sort-option-best-selling-template--20431062630562__main"
9754            >
9755              <div
9756                class="sorting-filter__option"
9757                role="option"
9758                aria-selected="false"
9759                tabindex="-1"
9760              >
9761                <input
9762                  type="radio"
9763                  name="sort_by"
9764                  id="sort-option-best-selling-template--20431062630562__main"
9765                  
9766                    form="FacetFiltersForm--template--20431062630562__main-desktop"
9767                  
9768                  value="best-selling"
9769                  class="sorting-filter__input"
9770                  data-option-name="Best selling"
9771                  
9772                  aria-hidden="true"
9773                >
9774                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9775<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9776</svg>
9777</span>
9778                <span class="sorting-filter__label">Best selling</span>
9779              </div>
9780            </label>
9781          
9782            <label
9783              for="sort-option-title-ascending-template--20431062630562__main"
9784            >
9785              <div
9786                class="sorting-filter__option"
9787                role="option"
9788                aria-selected="false"
9789                tabindex="-1"
9790              >
9791                <input
9792                  type="radio"
9793                  name="sort_by"
9794                  id="sort-option-title-ascending-template--20431062630562__main"
9795                  
9796                    form="FacetFiltersForm--template--20431062630562__main-desktop"
9797                  
9798                  value="title-ascending"
9799                  class="sorting-filter__input"
9800                  data-option-name="Alphabetically, A-Z"
9801                  
9802                  aria-hidden="true"
9803                >
9804                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" 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="sorting-filter__label">Alphabetically, A-Z</span>
9809              </div>
9810            </label>
9811          
9812            <label
9813              for="sort-option-title-descending-template--20431062630562__main"
9814            >
9815              <div
9816                class="sorting-filter__option"
9817                role="option"
9818                aria-selected="false"
9819                tabindex="-1"
9820              >
9821                <input
9822                  type="radio"
9823                  name="sort_by"
9824                  id="sort-option-title-descending-template--20431062630562__main"
9825                  
9826                    form="FacetFiltersForm--template--20431062630562__main-desktop"
9827                  
9828                  value="title-descending"
9829                  class="sorting-filter__input"
9830                  data-option-name="Alphabetically, Z-A"
9831                  
9832                  aria-hidden="true"
9833                >
9834                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9835<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9836</svg>
9837</span>
9838                <span class="sorting-filter__label">Alphabetically, Z-A</span>
9839              </div>
9840            </label>
9841          
9842            <label
9843              for="sort-option-price-ascending-template--20431062630562__main"
9844            >
9845              <div
9846                class="sorting-filter__option"
9847                role="option"
9848                aria-selected="false"
9849                tabindex="-1"
9850              >
9851                <input
9852                  type="radio"
9853                  name="sort_by"
9854                  id="sort-option-price-ascending-template--20431062630562__main"
9855                  
9856                    form="FacetFiltersForm--template--20431062630562__main-desktop"
9857                  
9858                  value="price-ascending"
9859                  class="sorting-filter__input"
9860                  data-option-name="Price, low to high"
9861                  
9862                  aria-hidden="true"
9863                >
9864                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9865<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9866</svg>
9867</span>
9868                <span class="sorting-filter__label">Price, low to high</span>
9869              </div>
9870            </label>
9871          
9872            <label
9873              for="sort-option-price-descending-template--20431062630562__main"
9874            >
9875              <div
9876                class="sorting-filter__option"
9877                role="option"
9878                aria-selected="false"
9879                tabindex="-1"
9880              >
9881                <input
9882                  type="radio"
9883                  name="sort_by"
9884                  id="sort-option-price-descending-template--20431062630562__main"
9885                  
9886                    form="FacetFiltersForm--template--20431062630562__main-desktop"
9887                  
9888                  value="price-descending"
9889                  class="sorting-filter__input"
9890                  data-option-name="Price, high to low"
9891                  
9892                  aria-hidden="true"
9893                >
9894                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9895<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9896</svg>
9897</span>
9898                <span class="sorting-filter__label">Price, high to low</span>
9899              </div>
9900            </label>
9901          
9902            <label
9903              for="sort-option-created-ascending-template--20431062630562__main"
9904            >
9905              <div
9906                class="sorting-filter__option"
9907                role="option"
9908                aria-selected="false"
9909                tabindex="-1"
9910              >
9911                <input
9912                  type="radio"
9913                  name="sort_by"
9914                  id="sort-option-created-ascending-template--20431062630562__main"
9915                  
9916                    form="FacetFiltersForm--template--20431062630562__main-desktop"
9917                  
9918                  value="created-ascending"
9919                  class="sorting-filter__input"
9920                  data-option-name="Date, old to new"
9921                  
9922                  aria-hidden="true"
9923                >
9924                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9925<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9926</svg>
9927</span>
9928                <span class="sorting-filter__label">Date, old to new</span>
9929              </div>
9930            </label>
9931          
9932            <label
9933              for="sort-option-created-descending-template--20431062630562__main"
9934            >
9935              <div
9936                class="sorting-filter__option"
9937                role="option"
9938                aria-selected="false"
9939                tabindex="-1"
9940              >
9941                <input
9942                  type="radio"
9943                  name="sort_by"
9944                  id="sort-option-created-descending-template--20431062630562__main"
9945                  
9946                    form="FacetFiltersForm--template--20431062630562__main-desktop"
9947                  
9948                  value="created-descending"
9949                  class="sorting-filter__input"
9950                  data-option-name="Date, new to old"
9951                  
9952                  aria-hidden="true"
9953                >
9954                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
9955<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
9956</svg>
9957</span>
9958                <span class="sorting-filter__label">Date, new to old</span>
9959              </div>
9960            </label>
9961          
9962        </div>
9963      </floating-panel-component>
9964    </details>
9965  
9966</accordion-custom>
9967
9968
9969
9970
9971
9972</sorting-filter-component>
9973
9974
9975
9976              
9977
9978              
9979                <div class="column-options-wrapper">
9980  <fieldset class="column-options">
9981    <legend class="column-options__legend visually-hidden">
9982      Column grid
9983    </legend>
9984
9985    
9986      <label class="column-options__option">
9987        <input
9988          type="radio"
9989          name="grid"
9990          value="default"
9991          class="column-options__option-input"
9992          checked
9993          aria-label="Default"
9994          data-grid-layout="desktop-default-option"
9995          on:change="results-list/updateLayout"
9996          data-skip-node-update
9997        >
9998        <span class="column-picker column-picker--default"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
9999<path fill-rule="evenodd" clip-rule="evenodd" d="M13.324 3.5H14.176C14.434 3.5 14.67 3.5 14.868 3.516C15.081 3.534 15.314 3.573 15.544 3.691C15.874 3.859 16.142 4.126 16.309 4.456C16.427 4.686 16.466 4.919 16.484 5.132C16.5 5.33 16.5 5.566 16.5 5.824V6.676C16.5 6.934 16.5 7.17 16.484 7.368C16.471 7.6027 16.4115 7.83248 16.309 8.044C16.1412 8.3734 15.8734 8.6412 15.544 8.809C15.3325 8.91164 15.1027 8.97113 14.868 8.984C14.67 9 14.434 9 14.176 9H13.324C13.066 9 12.83 9 12.632 8.984C12.3973 8.97103 12.1675 8.91154 11.956 8.809C11.6266 8.6412 11.3588 8.3734 11.191 8.044C11.0885 7.83248 11.029 7.6027 11.016 7.368C11 7.17 11 6.934 11 6.676V5.824C11 5.566 11 5.33 11.016 5.132C11.0289 4.89728 11.0884 4.66748 11.191 4.456C11.3585 4.12675 11.626 3.85897 11.955 3.691C12.185 3.573 12.419 3.534 12.632 3.516C12.83 3.5 13.066 3.5 13.324 3.5ZM12.633 5.029C12.6726 5.01906 12.7132 5.01304 12.754 5.011C12.884 5.001 13.058 5 13.35 5H14.15C14.442 5 14.617 5 14.746 5.011C14.7865 5.0131 14.8267 5.01913 14.866 5.029C14.9107 5.05229 14.9473 5.08854 14.971 5.133C14.9809 5.17266 14.9869 5.21318 14.989 5.254C14.999 5.384 15 5.558 15 5.85V6.65C15 6.942 15 7.117 14.989 7.246C14.9868 7.28648 14.9808 7.32666 14.971 7.366C14.9477 7.41068 14.9115 7.44728 14.867 7.471C14.8274 7.48094 14.7868 7.48696 14.746 7.489C14.616 7.499 14.442 7.5 14.15 7.5H13.35C13.058 7.5 12.883 7.5 12.754 7.489C12.7135 7.4869 12.6733 7.48087 12.634 7.471C12.5893 7.44771 12.5527 7.41146 12.529 7.367C12.5191 7.32734 12.5131 7.28682 12.511 7.246C12.5003 7.04753 12.4966 6.84873 12.5 6.65V5.85C12.5 5.558 12.5 5.383 12.511 5.254C12.5132 5.21352 12.5192 5.17334 12.529 5.134C12.5523 5.08932 12.5885 5.05272 12.633 5.029Z" fill="currentColor"/>
10000<path fill-rule="evenodd" clip-rule="evenodd" d="M5.824 3.5H6.676C6.934 3.5 7.17 3.5 7.368 3.516C7.581 3.534 7.814 3.573 8.044 3.691C8.374 3.859 8.642 4.126 8.809 4.456C8.927 4.686 8.966 4.919 8.984 5.132C9 5.33 9 5.566 9 5.824V6.676C9 6.934 9 7.17 8.984 7.368C8.971 7.6027 8.91152 7.83248 8.809 8.044C8.6412 8.3734 8.3734 8.6412 8.044 8.809C7.83252 8.91164 7.60272 8.97113 7.368 8.984C7.17 9 6.934 9 6.676 9H5.824C5.566 9 5.33 9 5.132 8.984C4.8973 8.97103 4.66751 8.91154 4.456 8.809C4.12
1000066 8.6412 3.8588 8.3734 3.691 8.044C3.58848 7.83248 3.529 7.6027 3.516 7.368C3.5 7.17 3.5 6.934 3.5 6.676V5.824C3.5 5.566 3.5 5.33 3.516 5.132C3.52887 4.89728 3.58836 4.66748 3.691 4.456C3.85854 4.12675 4.12597 3.85897 4.455 3.691C4.685 3.573 4.919 3.534 5.132 3.516C5.33 3.5 5.566 3.5 5.824 3.5ZM5.133 5.029C5.17265 5.01906 5.21318 5.01304 5.254 5.011C5.384 5.001 5.558 5 5.85 5H6.65C6.942 5 7.117 5 7.246 5.011C7.28649 5.0131 7.32668 5.01913 7.366 5.029C7.41068 5.05229 7.44728 5.08854 7.471 5.133C7.48086 5.17266 7.48689 5.21318 7.489 5.254C7.499 5.384 7.5 5.558 7.5 5.85V6.65C7.5 6.942 7.5 7.117 7.489 7.246C7.48683 7.28648 7.4808 7.32666 7.471 7.366C7.44771 7.41068 7.41146 7.44728 7.367 7.471C7.32735 7.48094 7.28682 7.48696 7.246 7.489C7.116 7.499 6.942 7.5 6.65 7.5H5.85C5.558 7.5 5.383 7.5 5.254 7.489C5.21351 7.4869 5.17332 7.48087 5.134 7.471C5.08932 7.44771 5.05272 7.41146 5.029 7.367C5.01914 7.32734 5.01311 7.28682 5.011 7.246C5.00026 7.04753 4.99659 6.84873 5 6.65V5.85C5 5.558 5 5.383 5.011 5.254C5.01317 5.21352 5.0192 5.17334 5.029 5.134C5.05229 5.08932 5.08854 5.05272 5.133 5.029Z" fill="currentColor"/>
10001<path fill-rule="evenodd" clip-rule="evenodd" d="M13.324 11H14.176C14.434 11 14.67 11 14.868 11.016C15.081 11.034 15.314 11.073 15.544 11.191C15.874 11.359 16.142 11.626 16.309 11.956C16.427 12.186 16.466 12.419 16.484 12.632C16.5 12.83 16.5 13.066 16.5 13.324V14.176C16.5 14.434 16.5 14.67 16.484 14.868C16.471 15.1027 16.4115 15.3325 16.309 15.544C16.1412 15.8734 15.8734 16.1412 15.544 16.309C15.3325 16.4116 15.1027 16.4711 14.868 16.484C14.67 16.5 14.434 16.5 14.176 16.5H13.324C13.066 16.5 12.83 16.5 12.632 16.484C12.3973 16.471 12.1675 16.4115 11.956 16.309C11.6266 16.1412 11.3588 15.8734 11.191 15.544C11.0885 15.3325 11.029 15.1027 11.016 14.868C11 14.67 11 14.434 11 14.176V13.324C11 13.066 11 12.83 11.016 12.632C11.0289 12.3973 11.0884 12.1675 11.191 11.956C11.3585 11.6268 11.626 11.359 11.955 11.191C12.185 11.073 12.419 11.034 12.632 11.016C12.83 11 13.066 11 13.324 11ZM12.633 12.529C12.6726 12.5191 12.7132 12.513 12.754 12.511C12.884 12.501 13.058 12.5 13.35 12.5H14.15C14.442 12.5 14.617 12.5 14.746 12.511C14.7865 12.5131 14.8267 12.5191 14.866 12.529C14.9107 12.5523 14.9473 12.5885 14.971 12.633C14.9809 12.6727 14.9869 12.7132 14.989 12.754C14.999 12.884 15 13.058 15 13.35V14.15C15 14.442 15 14.617 14.989 14.746C14.9868 14.7865 14.9808 14.8267 14.971 14.866C14.9477 14.9107 14.9115 14.9473 14.867 14.971C14.8274 14.9809 14.7868 14.987 14.746 14.989C14.616 14.999 14.442 15 14.15 15H13.35C13.058 15 12.883 15 12.754 14.989C12.7135 14.9869 12.6733 14.9809 12.634 14.971C12.5893 14.9477 12.5527 14.9115 12.529 14.867C12.5191 14.8273 12.5131 14.7868 12.511 14.746C12.5003 14.5475 12.4966 14.3487 12.5 14.15V13.35C12.5 13.058 12.5 12.883 12.511 12.754C12.5132 12.7135 12.5192 12.6733 12.529 12.634C12.5523 12.5893 12.5885 12.5527 12.633 12.529Z" fill="currentColor"/>
10002<path fill-rule="evenodd" clip-rule="evenodd" d="M6.676 16.5H5.824C5.566 16.5 5.33 16.5 5.132 16.484C4.8973 16.471 4.66752 16.4115 4.456 16.309C4.1266 16.1412 3.8588 15.8734 3.691 15.544C3.58846 15.3325 3.52897 15.1027 3.516 14.868C3.5 14.67 3.5 14.434 3.5 14.176V13.324C3.5 13.066 3.5 12.83 3.516 12.632C3.52887 12.3973 3.58836 12.1675 3.691 11.956C3.8588 11.6266 4.1266 11.3588 4.456 11.191C4.686 11.073 4.919 11.033 5.132 11.016C5.33 11 5.566 11 5.824 11H6.676C6.934 11 7.17 11 7.368 11.016C7.581 11.034 7.814 11.073 8.044 11.191C8.374 11.358 8.641 11.626 8.809 11.955C8.927 12.185 8.966 12.419 8.984 12.632C9 12.83 9 13.066 9 13.324V14.176C9 14.434 9 14.67 8.984 14.868C8.97103 15.1027 8.91154 15.3325 8.809 15.544C8.6412 15.8734 8.3734 16.1412 8.044 16.309C7.83252 16.4116 7.60272 16.4711 7.368 16.484C7.17 16.5 6.934 16.5 6.676 16.5ZM7.367 14.971C7.32734 14.9809 7.28682 14.9869 7.246 14.989C7.116 14.999 6.942 15 6.65 15H5.85C5.558 15 5.383 15 5.254 14.989C5.21352 14.9868 5.17334 14.9808 5.134 14.971C5.08932 14.9477 5.05272 14.9115 5.029 14.867C5.01906 14.8274 5.01304 14.7868 5.
10002011 14.746C5.00023 14.5475 4.99656 14.3487 5 14.15V13.35C5 13.058 5 12.883 5.011 12.754C5.0131 12.7135 5.01913 12.6733 5.029 12.634C5.05229 12.5893 5.08854 12.5527 5.133 12.529C5.17266 12.5191 5.21318 12.5131 5.254 12.511C5.384 12.501 5.558 12.5 5.85 12.5H6.65C6.942 12.5 7.117 12.5 7.246 12.511C7.28648 12.5132 7.32666 12.5192 7.366 12.529C7.41068 12.5523 7.44728 12.5885 7.471 12.633C7.48094 12.6726 7.48696 12.7132 7.489 12.754C7.499 12.884 7.5 13.058 7.5 13.35V14.15C7.5 14.442 7.5 14.617 7.489 14.746C7.4869 14.7865 7.48087 14.8267 7.471 14.866C7.44771 14.9107 7.41146 14.9473 7.367 14.971Z" fill="currentColor"/>
10003</svg>
10004</span>
10005      </label>
10006
10007      <label class="column-options__option">
10008        <input
10009          type="radio"
10010          name="grid"
10011          value="zoom-out"
10012          class="column-options__option-input"
10013          aria-label="Zoom out"
10014          on:change="results-list/updateLayout"
10015          data-skip-node-update
10016        >
10017        <span class="column-picker column-picker--zoom-out"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
10018<path d="M15 6C15.2652 6 15.5196 5.89464 15.7071 5.70711C15.8946 5.51957 16 5.26522 16 5C16 4.73478 15.8946 4.48043 15.7071 4.29289C15.5196 4.10536 15.2652 4 15 4C14.7348 4 14.4804 4.10536 14.2929 4.29289C14.1054 4.48043 14 4.73478 14 5C14 5.26522 14.1054 5.51957 14.2929 5.70711C14.4804 5.89464 14.7348 6 15 6Z" fill="currentColor"/>
10019<path d="M5 6C5.26522 6 5.51957 5.89464 5.70711 5.70711C5.89464 5.51957 6 5.26522 6 5C6 4.73478 5.89464 4.48043 5.70711 4.29289C5.51957 4.10536 5.26522 4 5 4C4.73478 4 4.48043 4.10536 4.29289 4.29289C4.10536 4.48043 4 4.73478 4 5C4 5.26522 4.10536 5.51957 4.29289 5.70711C4.48043 5.89464 4.73478 6 5 6Z" fill="currentColor"/>
10020<path d="M5 11C5.26522 11 5.51957 10.8946 5.70711 10.7071C5.89464 10.5196 6 10.2652 6 10C6 9.73478 5.89464 9.48043 5.70711 9.29289C5.51957 9.10536 5.26522 9 5 9C4.73478 9 4.48043 9.10536 4.29289 9.29289C4.10536 9.48043 4 9.73478 4 10C4 10.2652 4.10536 10.5196 4.29289 10.7071C4.48043 10.8946 4.73478 11 5 11Z" fill="currentColor"/>
10021<path d="M5 16C5.26522 16 5.51957 15.8946 5.70711 15.7071C5.89464 15.5196 6 15.2652 6 15C6 14.7348 5.89464 14.4804 5.70711 14.2929C5.51957 14.1054 5.26522 14 5 14C4.73478 14 4.48043 14.1054 4.29289 14.2929C4.10536 14.4804 4 14.7348 4 15C4 15.2652 4.10536 15.5196 4.29289 15.7071C4.48043 15.8946 4.73478 16 5 16Z" fill="currentColor"/>
10022<path d="M10 6C10.2652 6 10.5196 5.89464 10.7071 5.70711C10.8946 5.51957 11 5.26522 11 5C11 4.73478 10.8946 4.48043 10.7071 4.29289C10.5196 4.10536 10.2652 4 10 4C9.73478 4 9.48043 4.10536 9.29289 4.29289C9.10536 4.48043 9 4.73478 9 5C9 5.26522 9.10536 5.51957 9.29289 5.70711C9.48043 5.89464 9.73478 6 10 6Z" fill="currentColor"/>
10023<path d="M10 11C10.2652 11 10.5196 10.8946 10.7071 10.7071C10.8946 10.5196 11 10.2652 11 10C11 9.73478 10.8946 9.48043 10.7071 9.29289C10.5196 9.10536 10.2652 9 10 9C9.73478 9 9.48043 9.10536 9.29289 9.29289C9.10536 9.48043 9 9.73478 9 10C9 10.2652 9.10536 10.5196 9.29289 10.7071C9.48043 10.8946 9.73478 11 10 11Z" fill="currentColor"/>
10024<path d="M10 16C10.2652 16 10.5196 15.8946 10.7071 15.7071C10.8946 15.5196 11 15.2652 11 15C11 14.7348 10.8946 14.4804 10.7071 14.2929C10.5196 14.1054 10.2652 14 10 14C9.73478 14 9.48043 14.1054 9.29289 14.2929C9.10536 14.4804 9 14.7348 9 15C9 15.2652 9.10536 15.5196 9.29289 15.7071C9.48043 15.8946 9.73478 16 10 16Z" fill="currentColor"/>
10025<path d="M15 11C15.2652 11 15.5196 10.8946 15.7071 10.7071C15.8946 10.5196 16 10.2652 16 10C16 9.73478 15.8946 9.48043 15.7071 9.29289C15.5196 9.10536 15.2652 9 15 9C14.7348 9 14.4804 9.10536 14.2929 9.29289C14.1054 9.48043 14 9.73478 14 10C14 10.2652 14.1054 10.5196 14.2929 10.7071C14.4804 10.8946 14.7348 11 15 11Z" fill="currentColor"/>
10026<path d="M16 15C16 15.2652 15.8946 15.5196 15.7071 15.7071C15.5196 15.8946 15.2652 16 15 16C14.7348 16 14.4804 15.8946 14.2929 15.7071C14.1054 15.5196 14 15.2652 14 15C14 14.7348 14.1054 14.4804 14.2929 14.2929C14.4804 14.1054 14.7348 14 15 14C15.2652 14 15.5196 14.1054 15.7071 14.2929C15.8946 14.4804 16 14.7348 16 15Z" fill="currentColor"/>
10027</svg>
10028</span>
10029      </label>
10030    
10031  </fieldset>
10032</div>
10033
10034
10035
10036              
10037            
10038          
10039        </form>
10040      </facets-form-component>
10041    </div>
10042  </div>
10043
10044  <div
10045    class="facets-toggle"
10046    style="
10047      --facets-inner-padding-block: 8px 8px; --facets-inner-padding-inline: var(--padding-lg);
10048      --facets-margin: 0px  0px 8px 0px;
10049    "
10050  >
10051    
10052      <div class="facets-toggle__wrapper">
10053        <button
10054          class="button facets-toggle__button button-unstyled button-unstyled--with-icon"
10055          on:click="#filters-drawer/showDialog"
10056          type="button"
10057          aria-haspopup="dialog"
10058        >
10059          <span class="svg-wrapper">
10060            <svg aria-hidden="true" width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M16.823 6h-12m10 4h-8m2 4h4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /></svg>
10061
10062          </span>
10063
10064          Filter
10065
10066          
10067        </button>
10068      </div>
10069    
10070
10071    
10072
10073    <div class="facets-mobile-wrapper facets-controls-wrapper">
10074      
10075      
10076        <div class="column-options-wrapper">
10077  <fieldset class="column-options">
10078    <legend class="column-options__legend visually-hidden">
10079      Column grid
10080    </legend>
10081
10082    
10083      <label class="column-options__option">
10084        <input
10085          type="radio"
10086          name="grid-mobile"
10087          value="mobile-single"
10088          class="column-options__option-input"
10089          aria-label="Single"
10090          on:change="results-list/updateLayout"
10091        >
10092        <span class="column-picker column-picker-mobile--single"><svg aria-hidden="true" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
10093<rect x="4.75" y="4.25" width="10" height="12" rx="2.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/>
10094</svg>
10095</span>
10096      </label>
10097
10098      <label class="column-options__option">
10099        <input
10100          type="radio"
10101          class="column-options__option-input"
10102          name="grid-mobile"
10103          value="default"
10104          checked
10105          aria-label="Default"
10106          data-grid-layout="mobile-option"
10107          on:change="results-list/updateLayout"
10108        >
10109        <span class="column-picker column-picker-mobile--double"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
10110<path fill-rule="evenodd" clip-rule="evenodd" d="M13.324 3.5H14.176C14.434 3.5 14.67 3.5 14.868 3.516C15.081 3.534 15.314 3.573 15.544 3.691C15.874 3.859 16.142 4.126 16.309 4.456C16.427 4.686 16.466 4.919 16.484 5.132C16.5 5.33 16.5 5.566 16.5 5.824V6.676C16.5 6.934 16.5 7.17 16.484 7.368C16.471 7.6027 16.4115 7.83248 16.309 8.044C16.1412 8.3734 15.8734 8.6412 15.544 8.809C15.3325 8.91164 15.1027 8.97113 14.868 8.984C14.67 9 14.434 9 14.176 9H13.324C13.066 9 12.83 9 12.632 8.984C12.3973 8.97103 12.1675 8.91154 11.956 8.809C11.6266 8.6412 11.3588 8.3734 11.191 8.044C11.0885 7.83248 11.029 7.6027 11.016 7.368C11 7.17 11 6.934 11 6.676V5.824C11 5.566 11 5.33 11.016 5.132C11.0289 4.89728 11.0884 4.66748 11.191 4.456C11.3585 4.12675 11.626 3.85897 11.955 3.691C12.185 3.573 12.419 3.534 12.632 3.516C12.83 3.5 13.066 3.5 13.324 3.5ZM12.633 5.029C12.6726 5.01906 12.7132 5.01304 12.754 5.011C12.884 5.001 13.058 5 13.35 5H14.15C14.442 5 14.617 5 14.746 5.011C14.7865 5.0131 14.8267 5.01913 14.866 5.029C14.9107 5.05229 14.9473 5.08854 14.971 5.133C14.9809 5.17266 14.9869 5.21318 14.989 5.254C14.999 5.384 15 5.558 15 5.85V6.65C15 6.942 15 7.117 14.989 7.246C14.9868 7.28648 14.9808 7.32666 14.971 7.366C14.9477 7.41068 14.9115 7.44728 14.867 7.471C14.8274 7.48094 14.7868 7.48696 14.746 7.489C14.616 7.499 14.442 7.5 14.15 7.5H13.35C13.058 7.5 12.883 7.5 12.754 7.489C12.7135 7.4869 12.6733 7.48087 12.634 7.471C12.5893 7.44771 12.5527 7.41146 12.529 7.367C12.5191 7.32734 12.5131 7.28682 12.511 7.246C12.5003 7.04753 12.4966 6.84873 12.5 6.65V5.85C12.5 5.558 12.5 5.383 12.511 5.254C12.5132 5.21352 12.5192 5.17334 12.529 5.134C12.5523 5.08932 12.5885 5.05272 12.633 5.029Z" fill="currentColor"/>
10111<path fill-rule="evenodd" clip-rule="evenodd" d="M5.824 3.5H6.676C6.934 3.5 7.17 3.5 7.368 3.516C7.581 3.534 7.814 3.573 8.044 3.691C8.374 3.859 8.642 4.126 8.809 4.456C8.927 4.686 8.966 4.919 8.984 5.132C9 5.33 9 5.566 9 5.824V6.676C9 6.934 9 7.17 8.984 7.368C8.971 7.6027 8.91152 7.83248 8.809 8.044C8.6412 8.3734 8.3734 8.6412 8.044 8.809C7.83252 8.91164 7.60272 8.97113 7.368 8.984C7.17 9 6.934 9 6.676 9H5.824C5.566 9 5.33 9 5.132 8.984C4.8973 8.97103 4.66751 8.91154 4.456 8.809C4.1266 8.6412 3.8588 8.3734 3.691 8.044C3.58848 7.83248 3.529 7.6027 3.516 7.368C3.5 7.17 3.5 6.934 3.5 6.676V5.824C3.5 5.566 3.5 5.33 3.516 5.132C3.52887 4.89728 3.58836 4.66748 3.691 4.456C3.85854 4.12675 4.12597 3.85897 4.455 3.691C4.685 3.573 4.919 3.534 5.132 3.516C5.33 3.5 5.566 3.5 5.824 3.5ZM5.133 5.029C5.17265 5.01906 5.21318 5.01304 5.254 5.011C5.384 5.001 5.558 5 5.85 5H6.65C6.942 5 7.117 5 7.246 5.011C7.28649 5.0131 7.32668 5.01913 7.366 5.029C7.41068 5.05229 7.44728 5.08854 7.471 5.133C7.48086 5.17266 7.48689 5.21318 7.489 5.254C7.499 5.384 7.5 5.558 7.5 5.85V6.65C7.5 6.942 7.5 7.117 7.489 7.246C7.48683 7.28648 7.4808 7.32666 7.471 7.366C7.44771 7.41068 7.41146 7.44728 7.367 7.471C7.32735 7.48094 7.28
10111682 7.48696 7.246 7.489C7.116 7.499 6.942 7.5 6.65 7.5H5.85C5.558 7.5 5.383 7.5 5.254 7.489C5.21351 7.4869 5.17332 7.48087 5.134 7.471C5.08932 7.44771 5.05272 7.41146 5.029 7.367C5.01914 7.32734 5.01311 7.28682 5.011 7.246C5.00026 7.04753 4.99659 6.84873 5 6.65V5.85C5 5.558 5 5.383 5.011 5.254C5.01317 5.21352 5.0192 5.17334 5.029 5.134C5.05229 5.08932 5.08854 5.05272 5.133 5.029Z" fill="currentColor"/>
10112<path fill-rule="evenodd" clip-rule="evenodd" d="M13.324 11H14.176C14.434 11 14.67 11 14.868 11.016C15.081 11.034 15.314 11.073 15.544 11.191C15.874 11.359 16.142 11.626 16.309 11.956C16.427 12.186 16.466 12.419 16.484 12.632C16.5 12.83 16.5 13.066 16.5 13.324V14.176C16.5 14.434 16.5 14.67 16.484 14.868C16.471 15.1027 16.4115 15.3325 16.309 15.544C16.1412 15.8734 15.8734 16.1412 15.544 16.309C15.3325 16.4116 15.1027 16.4711 14.868 16.484C14.67 16.5 14.434 16.5 14.176 16.5H13.324C13.066 16.5 12.83 16.5 12.632 16.484C12.3973 16.471 12.1675 16.4115 11.956 16.309C11.6266 16.1412 11.3588 15.8734 11.191 15.544C11.0885 15.3325 11.029 15.1027 11.016 14.868C11 14.67 11 14.434 11 14.176V13.324C11 13.066 11 12.83 11.016 12.632C11.0289 12.3973 11.0884 12.1675 11.191 11.956C11.3585 11.6268 11.626 11.359 11.955 11.191C12.185 11.073 12.419 11.034 12.632 11.016C12.83 11 13.066 11 13.324 11ZM12.633 12.529C12.6726 12.5191 12.7132 12.513 12.754 12.511C12.884 12.501 13.058 12.5 13.35 12.5H14.15C14.442 12.5 14.617 12.5 14.746 12.511C14.7865 12.5131 14.8267 12.5191 14.866 12.529C14.9107 12.5523 14.9473 12.5885 14.971 12.633C14.9809 12.6727 14.9869 12.7132 14.989 12.754C14.999 12.884 15 13.058 15 13.35V14.15C15 14.442 15 14.617 14.989 14.746C14.9868 14.7865 14.9808 14.8267 14.971 14.866C14.9477 14.9107 14.9115 14.9473 14.867 14.971C14.8274 14.9809 14.7868 14.987 14.746 14.989C14.616 14.999 14.442 15 14.15 15H13.35C13.058 15 12.883 15 12.754 14.989C12.7135 14.9869 12.6733 14.9809 12.634 14.971C12.5893 14.9477 12.5527 14.9115 12.529 14.867C12.5191 14.8273 12.5131 14.7868 12.511 14.746C12.5003 14.5475 12.4966 14.3487 12.5 14.15V13.35C12.5 13.058 12.5 12.883 12.511 12.754C12.5132 12.7135 12.5192 12.6733 12.529 12.634C12.5523 12.5893 12.5885 12.5527 12.633 12.529Z" fill="currentColor"/>
10113<path fill-rule="evenodd" clip-rule="evenodd" d="M6.676 16.5H5.824C5.566 16.5 5.33 16.5 5.132 16.484C4.8973 16.471 4.66752 16.4115 4.456 16.309C4.1266 16.1412 3.8588 15.8734 3.691 15.544C3.58846 15.3325 3.52897 15.1027 3.516 14.868C3.5 14.67 3.5 14.434 3.5 14.176V13.324C3.5 13.066 3.5 12.83 3.516 12.632C3.52887 12.3973 3.58836 12.1675 3.691 11.956C3.8588 11.6266 4.1266 11.3588 4.456 11.191C4.686 11.073 4.919 11.033 5.132 11.016C5.33 11 5.566 11 5.824 11H6.676C6.934 11 7.17 11 7.368 11.016C7.581 11.034 7.814 11.073 8.044 11.191C8.374 11.358 8.641 11.626 8.809 11.955C8.927 12.185 8.966 12.419 8.984 12.632C9 12.83 9 13.066 9 13.324V14.176C9 14.434 9 14.67 8.984 14.868C8.97103 15.1027 8.91154 15.3325 8.809 15.544C8.6412 15.8734 8.3734 16.1412 8.044 16.309C7.83252 16.4116 7.60272 16.4711 7.368 16.484C7.17 16.5 6.934 16.5 6.676 16.5ZM7.367 14.971C7.32734 14.9809 7.28682 14.9869 7.246 14.989C7.116 14.999 6.942 15 6.65 15H5.85C5.558 15 5.383 15 5.254 14.989C5.21352 14.9868 5.17334 14.9808 5.134 14.971C5.08932 14.9477 5.05272 14.9115 5.029 14.867C5.01906 14.8274 5.01304 14.7868 5.
10113011 14.746C5.00023 14.5475 4.99656 14.3487 5 14.15V13.35C5 13.058 5 12.883 5.011 12.754C5.0131 12.7135 5.01913 12.6733 5.029 12.634C5.05229 12.5893 5.08854 12.5527 5.133 12.529C5.17266 12.5191 5.21318 12.5131 5.254 12.511C5.384 12.501 5.558 12.5 5.85 12.5H6.65C6.942 12.5 7.117 12.5 7.246 12.511C7.28648 12.5132 7.32666 12.5192 7.366 12.529C7.41068 12.5523 7.44728 12.5885 7.471 12.633C7.48094 12.6726 7.48696 12.7132 7.489 12.754C7.499 12.884 7.5 13.058 7.5 13.35V14.15C7.5 14.442 7.5 14.617 7.489 14.746C7.4869 14.7865 7.48087 14.8267 7.471 14.866C7.44771 14.9107 7.41146 14.9473 7.367 14.971Z" fill="currentColor"/>
10114</svg>
10115</span>
10116      </label>
10117
10118    
10119  </fieldset>
10120</div>
10121
10122
10123
10124      
10125    </div>
10126  </div>
10127
10128
10129
10130  <dialog-component
10131    id="filters-drawer"
10132    class="facets-block-wrapper facets-block-wrapper--vertical color-scheme-1"
10133  >
10134    <dialog
10135      ref="dialog"
10136      class="facets facets--drawer dialog-modal drawer dialog-drawer dialog-drawer--right spacing-style"
10137      style="--padding-block-start: 8px;--padding-block-end: 8px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
10138      scroll-lock
10139      aria-labelledby="filters-drawer-heading"
10140    >
10141      
10142      <facets-form-component
10143        class="facets__form-wrapper facets-drawer__form-wrapper"
10144        section-id="template--20431062630562__main"
10145        id="FacetFiltersFormComponent--template--20431062630562__main-overflow"
10146      >
10147        <form
10148          action="/collections/fine-paper-products-wrapping"
10149          id="FacetFiltersForm--template--20431062630562__main-overflow"
10150          class="facets__form"
10151          ref="facetsForm"
10152        >
10153          <div
10154            class="facets__title-wrapper"
10155            style="--color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
10156          >
10157            <h2
10158              id="filters-drawer-heading"
10159              class="facets-drawer__title h3"
10160            >
10161              Filter
10162
10163              
10164            </h2>
10165            <button
10166              class="facets-drawer__close button-unstyled close-button"
10167              on:click="dialog-component/closeDialog"
10168              type="button"
10169              aria-label="Close"
10170              autofocus
10171            >
10172              <span class="svg-wrapper svg-wrapper--small">
10173                <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
10174  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10175  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10176</svg>
10177
10178              </span>
10179            </button>
10180          </div>
10181
10182          <scroll-hint
10183            class="facets-drawer__filters"
10184          >
10185            
10186              <div class="facets-remove facets-remove--mobile-and-vertical"><h3 class="visually-hidden">Active filters:</h3>
10187
10188
10189
10190
10191</div>
10192
10193
10194
10195
10196              <div class="facets__filters-wrapper">
10197                
10198                
10199
10200                      
10201
10202<accordion-custom
10203  
10204    class="facets__item"
10205  
10206  
10207    open
10208  
10209  
10210    open-by-default-on-desktop
10211  
10212  
10213    open-by-default-on-mobile
10214  
10215  
10216  
10217  
10218  
10219  
10220    data-filter-param-name="filter-v-availability"
10221  
10222>
10223  
10224  <details
10225    id="Facet-Details-template--20431062630562__main-filter-v-availability"
10226    class="facets__panel"
10227    
10228    
10229      open
10230    
10231  >
10232    <summary class="facets__summary">
10233      <span class="facets__label">Availability</span>
10234
10235      <div class="facets__status-wrapper">
10236        
10237          <facet-status-component
10238            class="facets__status"
10239            facet-type="list"
10240            data-filter-style="vertical"
10241          >
10242            <span
10243              class="
10244                hide-when-empty
10245              "
10246              ref="facetStatus"
10247            ></span>
10248          </facet-status-component>
10249        
10250        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
10251  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10252</svg>
10253</span>
10254      </div>
10255    </summary>
10256    <floating-panel-component
10257      
10258      class="facets__inputs facets__panel-content details-content"
10259      id="facet-inputs-filter-v-availability"
10260    >
10261      <facet-inputs-component
10262        on:change="/updateFilters"
10263        id="facet-inputs-component-filter-v-availability"
10264      >
10265        
10266        
10267
10268        <div
10269          class="facets__inputs-wrapper"
10270          ref="showMoreContent"
10271        >
10272          
10273          <ul
10274            id="filters-list-template--20431062630562__main-filter-v-availability"
10275            class="facets__inputs-list list-unstyled"
10276            
10277            
10278            name="Availability"
10279          >
10280              <li
10281                data-skip-node-update="true"
10282                class="
10283                  facets__inputs-list-item
10284                  
10285                  
10286                "
10287                
10288              >
10289                
10290                
10291                  
10292                    <div
10293  class="checkbox"
10294  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
10295>
10296  <input
10297    type="checkbox"
10298    name="filter.v.availability"
10299    value="1"
10300    id="Filter-filter-v-availability-1-vertical-true"
10301    class="checkbox__input"
10302    data-label="In stock"
10303    
10304    
10305    
10306    
10307    
10308      ref="facetInputs[]"
10309    
10310    
10311  >
10312  <label
10313    class="checkbox__label"
10314    for="Filter-filter-v-availability-1-vertical-true"
10315    
10316  >
10317    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10318<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10319</svg>
10320
10321    <span class="checkbox__label-text">In stock</span>
10322  </label>
10323</div>
10324
10325                  
10326                
10327              </li>
10328              <li
10329                data-skip-node-update="true"
10330                class="
10331                  facets__inputs-list-item
10332                  
10333                   facets__inputs-list-item--disabled
10334                "
10335                
10336              >
10337                
10338                
10339                  
10340                    <div
10341  class="checkbox checkbox--disabled"
10342  on:pointerenter="/prefetchPage" on:pointerleave="/cancelPrefetchPage"
10343>
10344  <input
10345    type="checkbox"
10346    name="filter.v.availability"
10347    value="0"
10348    id="Filter-filter-v-availability-2-vertical-true"
10349    class="checkbox__input"
10350    data-label="Out of stock"
10351    
10352    
10353      disabled
10354    
10355    
10356    
10357    
10358      ref="facetInputs[]"
10359    
10360    
10361  >
10362  <label
10363    class="checkbox__label"
10364    for="Filter-filter-v-availability-2-vertical-true"
10365    
10366  >
10367    <svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10368<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10369</svg>
10370
10371    <span class="checkbox__label-text">Out of stock</span>
10372  </label>
10373</div>
10374
10375                  
10376                
10377              </li></ul>
10378        </div>
10379        
10380
10381        
10382      </facet-inputs-component>
10383    </floating-panel-component>
10384  </details>
10385
10386</accordion-custom>
10387
10388
10389
10390
10391
10392
10393
10394
10395                  
10396
10397
10398<accordion-custom
10399  
10400    class="facets__item"
10401  
10402  
10403    open
10404  
10405  
10406    open-by-default-on-desktop
10407  
10408  
10409    open-by-default-on-mobile
10410  
10411  
10412  
10413  
10414  
10415  
10416>
10417  
10418  <details
10419    class="facets__panel"
10420    
10421    
10422      open
10423    
10424  >
10425    <summary
10426      class="facets__summary"
10427      data-testid="price-filter"
10428    >
10429      <span class="facets__label">Price</span>
10430      <facet-status-component class="facets__status">
10431        <template ref="moneyFormat">${{amount}}</template>
10432
10433        <span
10434          class="hide-when-empty"
10435          ref="facetStatus"
10436          data-currency="USD"
10437          data-range-max="55.00"
10438        ></span>
10439      </facet-status-component>
10440      <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
10441  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10442</svg>
10443</span>
10444    </summary>
10445    <floating-panel-component
10446      
10447      class="facets__panel-content details-content"
10448    >
10449      
10450      
10451
10452      <price-facet-component
10453        class="
10454          price-facet
10455        "
10456        id="facet-inputs-filter-v-price"
10457        data-money-format="${{amount}}"
10458        data-currency="USD"
10459        on:change="/updatePriceFilterAndResults"
10460      >
10461        <div class="facets__inputs-wrapper facets__inputs-wrapper--row">
10462          <div
10463            class="price-facet__inputs-wrapper"
10464          >
10465            <div class="field price-facet__field">
10466              <input
10467                class="field__input price-facet__input"
10468                name="filter.v.price.gte"
10469                id="Price-GTE-dialog"type="text"
10470                inputmode="decimal"
10471                placeholder="0"
10472                data-min="0"
10473                data-max="55.00"
10474                ref="minInput"
10475                autocomplete="off"
10476                aria-label="Low price"
10477              >
10478
10479              <label
10480                class="field__label price-facet__label"
10481                for="Price-GTE-dialog"
10482              >
10483                $
10484              </label>
10485            </div>
10486
10487            <div class="price-facet__separator">to</div>
10488
10489            <div class="field price-facet__field">
10490              <input
10491                class="field__input price-facet__input"
10492                name="filter.v.price.lte"
10493                id="Price-LTE-dialog"type="text"
10494                inputmode="decimal"
10495                placeholder="55.00"
10496                data-min="0.00"
10497                data-max="55.00"
10498                ref="maxInput"
10499                autocomplete="off"
10500                aria-label="High price"
10501              >
10502              <label
10503                class="field__label price-facet__label"
10504                for="Price-LTE-dialog"
10505              >
10506                $
10507              </label>
10508            </div>
10509          </div>
10510        </div>
10511
10512        <div
10513          class="
10514            price-facet__highest-price
10515          "
10516        >The highest price is $55.00
10517        </div>
10518
10519        
10520
10521        
10522      </price-facet-component>
10523    </floating-panel-component>
10524  </details>
10525
10526</accordion-custom>
10527
10528
10529
10530
10531
10532
10533
10534
10535</div>
10536            
10537
10538            
10539              <sorting-filter-component
10540  class="sorting-filter sorting-filter__horizontal"
10541  on:change="/updateFilterAndSorting"
10542  on:keydown="/handleKeyDown"
10543  
10544  data-should-use-select-on-mobile="true"
10545>
10546  
10547
10548  <div class="sorting-filter__container  desktop:hidden ">
10549    <label
10550      for="sort-select-template--20431062630562__main"
10551      class="facets__label"
10552    >Sort</label>
10553    <div class="sorting-filter__select-wrapper">
10554      <select
10555        id="sort-select-template--20431062630562__main"
10556        name="sort_by"
10557        class="sorting-filter__select"
10558        
10559      >
10560        
10561          <option
10562            value="manual"
10563            
10564              selected
10565            
10566          >
10567            Featured
10568          </option>
10569        
10570          <option
10571            value="most-relevant"
10572            
10573          >
10574            Most relevant
10575          </option>
10576        
10577          <option
10578            value="best-selling"
10579            
10580          >
10581            Best selling
10582          </option>
10583        
10584          <option
10585            value="title-ascending"
10586            
10587          >
10588            Alphabetically, A-Z
10589          </option>
10590        
10591          <option
10592            value="title-descending"
10593            
10594          >
10595            Alphabetically, Z-A
10596          </option>
10597        
10598          <option
10599            value="price-ascending"
10600            
10601          >
10602            Price, low to high
10603          </option>
10604        
10605          <option
10606            value="price-descending"
10607            
10608          >
10609            Price, high to low
10610          </option>
10611        
10612          <option
10613            value="created-ascending"
10614            
10615          >
10616            Date, old to new
10617          </option>
10618        
10619          <option
10620            value="created-descending"
10621            
10622          >
10623            Date, new to old
10624          </option>
10625        
10626      </select>
10627      <svg
10628        aria-hidden="true"
10629        focusable="false"
10630        class="icon icon-caret"
10631        width="8"
10632        height="13"
10633        viewBox="0 0 8 13"
10634      >
10635
10636
10637<g opacity="0.6">
10638      <path
10639        d="M4.93509 1.08583C4.44566 0.596391 3.65213 0.596391 3.16269 1.08583L0.509308 3.73921C0.215647 4.03287 0.215647 4.50899 0.509308 4.80265C0.802969 5.09631 1.27909 5.09631 1.57275 4.80265L4.04889 2.32651L6.52504 4.80265C6.8187 5.09631 7.29482 5.09631 7.58848 4.80265C7.88214 4.50899 7.88214 4.03287 7.58848 3.73921L4.93509 1.08583Z"
10640        fill="#333030"
10641      />
10642      <path
10643        d="M7.58848 9.81591L4.93509 12.4693C4.44566 12.9587 3.65213 12.9587 3.16269 12.4693L0.509308 9.81591C0.215647 9.52225 0.215647 9.04613 0.509308 8.75247C0.802969 8.45881 1.27909 8.45881 1.57275 8.75247L4.04889 11.2286L6.52504 8.75247C6.8187 8.45881 7.29482 8.45881 7.58848 8.75247C7.88214 9.04613 7.88214 9.52225 7.58848 9.81591Z"
10644        fill="#333030"
10645      />
10646    </g></svg>
10647    </div>
10648  </div>
10649
10650  
10651<accordion-custom
10652  
10653  
10654  
10655  
10656  
10657  
10658  
10659    data-disable-animation-on-desktop="true"
10660  
10661  
10662    data-close-with-escape="true"
10663  
10664  
10665>
10666  
10667    <details
10668      ref="details"
10669      id="Sorting-template--20431062630562__main"
10670      data-default-sort-by="manual"
10671      class="facets__panel  mobile:hidden "
10672      data-auto-close-details="desktop,mobile"
10673      on:toggle="/handleToggle"
10674    >
10675      <summary
10676        class="facets__summary"
10677        role="button"
10678        aria-expanded="false"
10679        aria-controls="sorting-options-template--20431062630562__main-overflow"
10680        ref="summary"
10681      >
10682        <span
10683          class="facets__label"
10684          id="sort-label-template--20431062630562__main"
10685        >Sort</span>
10686        <span
10687          class="facets__status h6 desktop:hidden"
10688        >Featured</span>
10689        <span class="svg-wrapper icon-caret icon-animated"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
10690  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10691</svg>
10692</span>
10693      </summary>
10694      <floating-panel-component
10695        id="sorting-options-template--20431062630562__main-overflow"
10696        class="sorting-filter__options color-scheme-1"
10697        role="listbox"
10698        aria-labelledby="sort-label-template--20431062630562__main"
10699        ref="listbox"
10700      >
10701        <div class="sorting-filter__options-inner">
10702          
10703            <label
10704              for="sort-option-manual-template--20431062630562__main"
10705            >
10706              <div
10707                class="sorting-filter__option"
10708                role="option"
10709                aria-selected="true"
10710                tabindex="0"
10711              >
10712                <input
10713                  type="radio"
10714                  name="sort_by"
10715                  id="sort-option-manual-template--20431062630562__main"
10716                  
10717                    form="FacetFiltersForm--template--20431062630562__main-overflow"
10718                  
10719                  value="manual"
10720                  class="sorting-filter__input"
10721                  data-option-name="Featured"
10722                  
10723                    checked
10724                  
10725                  aria-hidden="true"
10726                >
10727                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10728<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10729</svg>
10730</span>
10731                <span class="sorting-filter__label">Featured</span>
10732              </div>
10733            </label>
10734          
10735            <label
10736              for="sort-option-most-relevant-template--20431062630562__main"
10737            >
10738              <div
10739                class="sorting-filter__option"
10740                role="option"
10741                aria-selected="false"
10742                tabindex="-1"
10743              >
10744                <input
10745                  type="radio"
10746                  name="sort_by"
10747                  id="sort-option-most-relevant-template--20431062630562__main"
10748                  
10749                    form="FacetFiltersForm--template--20431062630562__main-overflow"
10750                  
10751                  value="most-relevant"
10752                  class="sorting-filter__input"
10753                  data-option-name="Most relevant"
10754                  
10755                  aria-hidden="true"
10756                >
10757                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10758<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10759</svg>
10760</span>
10761                <span class="sorting-filter__label">Most relevant</span>
10762              </div>
10763            </label>
10764          
10765            <label
10766              for="sort-option-best-selling-template--20431062630562__main"
10767            >
10768              <div
10769                class="sorting-filter__option"
10770                role="option"
10771                aria-selected="false"
10772                tabindex="-1"
10773              >
10774                <input
10775                  type="radio"
10776                  name="sort_by"
10777                  id="sort-option-best-selling-template--20431062630562__main"
10778                  
10779                    form="FacetFiltersForm--template--20431062630562__main-overflow"
10780                  
10781                  value="best-selling"
10782                  class="sorting-filter__input"
10783                  data-option-name="Best selling"
10784                  
10785                  aria-hidden="true"
10786                >
10787                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10788<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10789</svg>
10790</span>
10791                <span class="sorting-filter__label">Best selling</span>
10792              </div>
10793            </label>
10794          
10795            <label
10796              for="sort-option-title-ascending-template--20431062630562__main"
10797            >
10798              <div
10799                class="sorting-filter__option"
10800                role="option"
10801                aria-selected="false"
10802                tabindex="-1"
10803              >
10804                <input
10805                  type="radio"
10806                  name="sort_by"
10807                  id="sort-option-title-ascending-template--20431062630562__main"
10808                  
10809                    form="FacetFiltersForm--template--20431062630562__main-overflow"
10810                  
10811                  value="title-ascending"
10812                  class="sorting-filter__input"
10813                  data-option-name="Alphabetically, A-Z"
10814                  
10815                  aria-hidden="true"
10816                >
10817                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10818<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10819</svg>
10820</span>
10821                <span class="sorting-filter__label">Alphabetically, A-Z</span>
10822              </div>
10823            </label>
10824          
10825            <label
10826              for="sort-option-title-descending-template--20431062630562__main"
10827            >
10828              <div
10829                class="sorting-filter__option"
10830                role="option"
10831                aria-selected="false"
10832                tabindex="-1"
10833              >
10834                <input
10835                  type="radio"
10836                  name="sort_by"
10837                  id="sort-option-title-descending-template--20431062630562__main"
10838                  
10839                    form="FacetFiltersForm--template--20431062630562__main-overflow"
10840                  
10841                  value="title-descending"
10842                  class="sorting-filter__input"
10843                  data-option-name="Alphabetically, Z-A"
10844                  
10845                  aria-hidden="true"
10846                >
10847                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10848<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10849</svg>
10850</span>
10851                <span class="sorting-filter__label">Alphabetically, Z-A</span>
10852              </div>
10853            </label>
10854          
10855            <label
10856              for="sort-option-price-ascending-template--20431062630562__main"
10857            >
10858              <div
10859                class="sorting-filter__option"
10860                role="option"
10861                aria-selected="false"
10862                tabindex="-1"
10863              >
10864                <input
10865                  type="radio"
10866                  name="sort_by"
10867                  id="sort-option-price-ascending-template--20431062630562__main"
10868                  
10869                    form="FacetFiltersForm--template--20431062630562__main-overflow"
10870                  
10871                  value="price-ascending"
10872                  class="sorting-filter__input"
10873                  data-option-name="Price, low to high"
10874                  
10875                  aria-hidden="true"
10876                >
10877                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10878<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10879</svg>
10880</span>
10881                <span class="sorting-filter__label">Price, low to high</span>
10882              </div>
10883            </label>
10884          
10885            <label
10886              for="sort-option-price-descending-template--20431062630562__main"
10887            >
10888              <div
10889                class="sorting-filter__option"
10890                role="option"
10891                aria-selected="false"
10892                tabindex="-1"
10893              >
10894                <input
10895                  type="radio"
10896                  name="sort_by"
10897                  id="sort-option-price-descending-template--20431062630562__main"
10898                  
10899                    form="FacetFiltersForm--template--20431062630562__main-overflow"
10900                  
10901                  value="price-descending"
10902                  class="sorting-filter__input"
10903                  data-option-name="Price, high to low"
10904                  
10905                  aria-hidden="true"
10906                >
10907                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10908<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10909</svg>
10910</span>
10911                <span class="sorting-filter__label">Price, high to low</span>
10912              </div>
10913            </label>
10914          
10915            <label
10916              for="sort-option-created-ascending-template--20431062630562__main"
10917            >
10918              <div
10919                class="sorting-filter__option"
10920                role="option"
10921                aria-selected="false"
10922                tabindex="-1"
10923              >
10924                <input
10925                  type="radio"
10926                  name="sort_by"
10927                  id="sort-option-created-ascending-template--20431062630562__main"
10928                  
10929                    form="FacetFiltersForm--template--20431062630562__main-overflow"
10930                  
10931                  value="created-ascending"
10932                  class="sorting-filter__input"
10933                  data-option-name="Date, old to new"
10934                  
10935                  aria-hidden="true"
10936                >
10937                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10938<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10939</svg>
10940</span>
10941                <span class="sorting-filter__label">Date, old to new</span>
10942              </div>
10943            </label>
10944          
10945            <label
10946              for="sort-option-created-descending-template--20431062630562__main"
10947            >
10948              <div
10949                class="sorting-filter__option"
10950                role="option"
10951                aria-selected="false"
10952                tabindex="-1"
10953              >
10954                <input
10955                  type="radio"
10956                  name="sort_by"
10957                  id="sort-option-created-descending-template--20431062630562__main"
10958                  
10959                    form="FacetFiltersForm--template--20431062630562__main-overflow"
10960                  
10961                  value="created-descending"
10962                  class="sorting-filter__input"
10963                  data-option-name="Date, new to old"
10964                  
10965                  aria-hidden="true"
10966                >
10967                <span class="svg-wrapper icon-checkmark sorting-filter__checkmark"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
10968<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
10969</svg>
10970</span>
10971                <span class="sorting-filter__label">Date, new to old</span>
10972              </div>
10973            </label>
10974          
10975        </div>
10976      </floating-panel-component>
10977    </details>
10978  
10979</accordion-custom>
10980
10981
10982
10983
10984
10985</sorting-filter-component>
10986
10987
10988
10989            
10990          </scroll-hint>
10991        </form>
10992      </facets-form-component>
10993
10994      <div
10995        class="facets__drawer-actions"
10996      >
10997        <facet-remove-component
10998          data-url="/collections/fine-paper-products-wrapping"
10999          active-class="facets__clear-all--active"
11000        >
11001          <button
11002            type="button"
11003            class="button-secondary facets__clear-all"
11004            ref="clearButton"
11005            on:click="/removeFilter?form=FacetFiltersFormComponent--template--20431062630562__main-overflow"
11006            on:keydown="/removeFilter?form=FacetFiltersFormComponent--template--20431062630562__main-overflow"
11007          >Clear all</button>
11008        </facet-remove-component>
11009
11010        
11011          <button
11012            class="button facets__see-results"
11013            type="button"
11014            on:click="dialog-component/closeDialog"
11015          >See 7 items</button>
11016        
11017      </div>
11018    </dialog>
11019  </dialog-component>
11020
11021
11022
11023
11024
11025
11026
11027    
11028
11029    
11030
11031    
11032      
11033
11034      
11035
11036
11037<style data-shopify>
11038  @media screen and (min-width: 750px) {
11039    
11040        .product-grid--template--20431062630562__main:is(.product-grid--grid) {
11041          --product-grid-columns-desktop: repeat(auto-fill, minmax(250px, 1fr));
11042        }
11043
11044
11045      
11046
11047    /* 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. */
11048    
11049
11050    /* When zoomed out, fit as many 100px-wide columns as possible */
11051    .product-grid--template--20431062630562__main[product-grid-view='zoom-out'] {
11052      --product-grid-columns-desktop: repeat(auto-fill, minmax(6.25rem, 1fr));
11053    }
11054
11055    .product-grid--template--20431062630562__main[product-grid-view='zoom-out'] .product-grid-view-zoom-out--details {
11056      display: block;
11057    }
11058
11059    .product-grid--template--20431062630562__main[product-grid-view='zoom-out'] .product-grid__card {
11060      padding-inline-start: var(--zoom-out-padding-inline-start, 0);
11061      padding-inline-end: var(--zoom-out-padding-inline-end, 0);
11062      padding-block-start: var(--zoom-out-padding-block-start, 0);
11063      padding-block-end: var(--zoom-out-padding-block-end, 0);
11064    }
11065  }
11066</style>
11067<div
11068  id="ResultsList"
11069  class="
11070    grid main-collection-grid
11071
11072 collection-wrapper--full-width-on-mobile
11073    spacing-style
11074  "
11075
11076  style="
11077    --grid--margin--mobile: 0 0;
11078    --grid-column--desktop: var(--centered);
11079    --grid-column--mobile: var(--full-width);
11080    --padding-inline-start: 0px;
11081    --padding-inline-end: 0px;
11082  "
11083>
11084  <div
11085    style="
11086      grid-column: var(--full-width);
11087      --product-grid-gap-mobile: 12px 12px;
11088      --product-grid-gap-desktop: 24px 16px;
11089      container-type: inline-size;
11090      container-name: product-grid;
11091    "
11092  >
11093    
11094      
11095        <span ref="viewMorePrevious"></span>
11096      
11097
11098      
11099      <ul
11100        class="product-grid product-grid--template--20431062630562__main product-grid--grid "
11101        data-testid="product-grid"
11102        product-grid-view="default"
11103        ref="grid"
11104        role="list"
11105        data-last-page="1"
11106        data-product-card-size="medium"
11107        style="--mobile-columns: 2;"
11108      >
11109        
11110        
11111          
11111<script>
11112            (() => {
11113              const grid = document.querySelector('.product-grid');
11114              if (!grid) return;
11115
11116              const storedLayoutMobile = sessionStorage.getItem('product-grid-view-mobile') || 'default';
11117              const storedLayoutDesktop = sessionStorage.getItem('product-grid-view-desktop') || 'default';
11118
11119              // No need to read the window width if no custom layouts were saved.
11120              if (storedLayoutMobile === 'default' && storedLayoutDesktop === 'default') return;
11121
11122              const storedLayout = window.innerWidth >= 750 ? storedLayoutDesktop : storedLayoutMobile;
11123              if (storedLayout === 'default') return;
11124
11125              grid.setAttribute('product-grid-view', storedLayout);
11126
11127              const options = document.querySelectorAll(
11128                'input[type="radio"][name="grid"], input[type="radio"][name="grid-mobile"]'
11129              );
11130              for (const option of options) {
11131                option.checked = option.value === storedLayout;
11132              }
11133            })();
11134          </script>
11134
11135        
11136
11137        
11138        
11139          <li
11140            id="template--20431062630562__main-8493837680802"
11141            class="product-grid__item product-grid__item--0"
11142            data-page="1"
11143            data-product-id="8493837680802"
11144            ref="cards[]"
11145          >
11146            
11147            
11148
11149
11150
11151
11152
11153<style data-shopify>
11154  
11155</style>
11156
11157
11158
11159<product-card
11160  class="product-card size-style"
11161  style="--size-style-width: ;--size-style-height: ;"
11162  data-product-id="8493837680802"
11163  id="product-card-AWk1PUjFRdmdEc25TR__product-card"
11164  
11165    data-product-transition="true"
11166    data-featured-media-url="//zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&width=500"
11167    on:click="/handleViewTransition"
11168  
11169  
11170  
11171>
11172  <a
11173    id="a700734dabdd5e86c0cb12cb9c025bc6"
11174    
11175      href="/products/holiday-hand-painted-notecards-set-of-12?variant=44921123635362"
11176    
11177    class="product-card__link"
11178    ref="productCardLink"
11179  >
11180    <span class="visually-hidden">
11181      Hand Painted Notecards, Set of 12
11182    </span>
11183  </a>
11184  <div
11185    class="
11186      product-card__content
11187      layout-panel-flex
11188      layout-panel-flex--column
11189      product-grid__card
11190      spacing-style
11191      border-style
11192      gap-style
11193      
11194    "
11195    style="
11196      --border-width: 1px; --border-style: none; --border-color:
11197rgb(var(--color-border-rgb) / 1.0); --border-radius:
111980px; 
11199
11200      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
11201
11202
11203
11204--horizontal-alignment: ; --vertical-alignment: ;
11205--vertical-alignment-mobile: ;
11206
11207      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11208      --product-card-gap: 4px;
11209      --quick-add-display: flex;
11210      --quick-add-mobile-display: none;
11211      --quick-add-mobile-opacity: 0;
11212      
11213      
11214      
11215      
11216    "
11217  >
11218    
11219  
11220
11221
11222
11223
11224
11225
11226
11227<div
11228  ref="cardGallery"
11229  class="card-gallery card-gallery-Ac2g0UC9tWk1DaVY3Y__card-gallery spacing-style border-style"
11230  style="
11231    --border-width: 1px; --border-style: none; --border-color:
11232rgb(var(--color-border-rgb) / 1.0); --border-radius:
112330px; 
11234
11235    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11236    --gallery-aspect-ratio: 1.0;
11237  "
11238  data-product-id="8493837680802"
11239  
11240    on:pointerenter="/previewImage"
11241    on:pointerleave="/resetImage"
11242  
11243  
11244    data-view-transition-to-main-product
11245  
11246  data-image-ratio="adapt"
11247  
11248>
11249    <a
11250      class="contents"
11251      ref="cardGalleryLink"
11252      href="/products/holiday-hand-painted-notecards-set-of-12?variant=44921123635362"
11253      aria-label="Hand Painted Notecards, Set of 12"
11254    >
11255      <slideshow-component
11256  
11257    ref="slideshow"
11258  
11259  
11260  style="--slideshow-timeline: --slide-0, --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;--slide-min-height: auto;--slide-min-height-desktop: auto;"
11261  
11262  initial-slide="0"
11263  
11264  
11265    infinite
11266  
11267
11268  data-generic-media-size="8"
11269>
11270  
11271  <slideshow-container ref="slideshowContainer">
11272    
11273      <slideshow-arrows
11274  position="center"
11275  
11276><button
11277  class="
11278    slideshow-control slideshow-control--previous
11279    
11280    
11281    slideshow-control--style-arrow
11282    button button-unstyled button-unstyled--transparent
11283     flip-x
11284  "
11285  
11286  aria-label="Previous slide"
11287  
11288  on:click="/previous"
11289  ref="previous"
11290>
11291  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" 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>
11292</span>
11293</button>
11294
11295
11296<button
11297  class="
11298    slideshow-control slideshow-control--next
11299    
11300    
11301    slideshow-control--style-arrow
11302    button button-unstyled button-unstyled--transparent
11303    
11304  "
11305  
11306  aria-label="Next slide"
11307  
11308  on:click="/next"
11309  ref="next"
11310>
11311  <span class="svg-wrapper icon-arrow"><svg aria-hidden="true" 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>
11312</span>
11313</button>
11314
11315
11316</slideshow-arrows>
11317
11318
11319
11320    
11321    
11322    <slideshow-slides
11323      tabindex="-1"
11324      ref="scroller"
11325      
11326    >
11327      <slideshow-slide
11328  ref="slides[]"
11329  aria-hidden="false"
11330  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11331  
11332    class="product-media-container media-fit product-media-container--image"
11333  
11334  
11335  
11336  
11337    slide-id="31779550724258"
11338  
11339  
11340  
11341  
11342>
11343  
11344
11345<div
11346  class="product-media"
11347  style="--ratio: 1.0"
11348  data-media-id="31779550724258"
11349>
11350  
11351  <img src="//zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&amp;width=3840" alt="Holiday_HandPaintedNotecards_Setof12" srcset="//zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&amp;width=240 240w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&amp;width=352 352w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&amp;width=832 832w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&amp;width=1200 1200w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&amp;width=1600 1600w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&amp;width=1920 1920w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&amp;width=2560 2560w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&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" data_max_resolution="//zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11352
11353  
11354</div>
11355
11356
11357
11358</slideshow-slide>
11359
11360
11361
11362<slideshow-slide
11363  ref="slides[]"
11364  aria-hidden="true"
11365  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11366  
11367    class="product-media-container media-fit product-media-container--image"
11368  
11369  
11370  
11371  
11372    slide-id="31779546792098"
11373  
11374  
11375  
11376  
11377>
11378  
11379
11380<div
11381  class="product-media"
11382  style="--ratio: 1.0"
11383  data-media-id="31779546792098"
11384>
11385  
11386  <img src="//zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12.jpg?v=1765295221&amp;width=3840" alt="Holiday_HandPaintedNotecards_Setof12" srcset="//zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12.jpg?v=1765295221&amp;width=240 240w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12.jpg?v=1765295221&amp;width=352 352w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12.jpg?v=1765295221&amp;width=832 832w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12.jpg?v=1765295221&amp;width=1200 1200w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12.jpg?v=1765295221&amp;width=1600 1600w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12.jpg?v=1765295221&amp;width=1920 1920w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12.jpg?v=1765295221&amp;width=2560 2560w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12.jpg?v=1765295221&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" data_max_resolution="//zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12.jpg?v=1765295221&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11387
11388  
11389</div>
11390
11391
11392
11393</slideshow-slide>
11394
11395
11396
11397<slideshow-slide
11398  ref="slides[]"
11399  aria-hidden="true"
11400  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11401  
11402    class="product-media-container media-fit product-media-container--image"
11403  
11404  
11405  
11406  
11407    slide-id="31779550822562"
11408  
11409  
11410  
11411  
11412>
11413  
11414
11415<div
11416  class="product-media"
11417  style="--ratio: 1.0"
11418  data-media-id="31779550822562"
11419>
11420  
11421  <img src="//zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Brown.jpg?v=1765295221&amp;width=3840" alt="Holiday_HandPaintedNotecards_Setof12" srcset="//zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Brown.jpg?v=1765295221&amp;width=240 240w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Brown.jpg?v=1765295221&amp;width=352 352w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Brown.jpg?v=1765295221&amp;width=832 832w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Brown.jpg?v=1765295221&amp;width=1200 1200w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Brown.jpg?v=1765295221&amp;width=1600 1600w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Brown.jpg?v=1765295221&amp;width=1920 1920w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Brown.jpg?v=1765295221&amp;width=2560 2560w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Brown.jpg?v=1765295221&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" data_max_resolution="//zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Brown.jpg?v=1765295221&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11422
11423  
11424</div>
11425
11426
11427
11428</slideshow-slide>
11429
11430
11431
11432<slideshow-slide
11433  ref="slides[]"
11434  aria-hidden="true"
11435  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11436  
11437    class="product-media-container media-fit product-media-container--image"
11438  
11439  
11440  
11441  
11442    slide-id="31629184565410"
11443  
11444  
11445  
11446  
11447>
11448  
11449
11450<div
11451  class="product-media"
11452  style="--ratio: 1.0"
11453  data-media-id="31629184565410"
11454>
11455  
11456  <img src="//zdgofficial.com/cdn/shop/files/HandPaintedNotecards_Setof12..jpg?v=1755083178&amp;width=3840" alt="HandPaintedNotecards_Setof12" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedNotecards_Setof12..jpg?v=1755083178&amp;width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedNotecards_Setof12..jpg?v=1755083178&amp;width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedNotecards_Setof12..jpg?v=1755083178&amp;width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedNotecards_Setof12..jpg?v=1755083178&amp;width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedNotecards_Setof12..jpg?v=1755083178&amp;width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedNotecards_Setof12..jpg?v=1755083178&amp;width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedNotecards_Setof12..jpg?v=1755083178&amp;width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedNotecards_Setof12..jpg?v=1755083178&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" data_max_resolution="//zdgofficial.com/cdn/shop/files/HandPaintedNotecards_Setof12..jpg?v=1755083178&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11457
11458  
11459</div>
11460
11461
11462
11463</slideshow-slide>
11464
11465
11466
11467<slideshow-slide
11468  ref="slides[]"
11469  aria-hidden="true"
11470  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11471  
11472    class="product-media-container media-fit product-media-container--image"
11473  
11474  
11475  
11476  
11477    slide-id="31779550625954"
11478  
11479  
11480  
11481  
11482>
11483  
11484
11485<div
11486  class="product-media"
11487  style="--ratio: 1.0"
11488  data-media-id="31779550625954"
11489>
11490  
11491  <img src="//zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Green.jpg?v=1755083178&amp;width=3840" alt="Holiday_HandPaintedNotecards_Setof12" srcset="//zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Green.jpg?v=1755083178&amp;width=240 240w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Green.jpg?v=1755083178&amp;width=352 352w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Green.jpg?v=1755083178&amp;width=832 832w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Green.jpg?v=1755083178&amp;width=1200 1200w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Green.jpg?v=1755083178&amp;width=1600 1600w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Green.jpg?v=1755083178&amp;width=1920 1920w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Green.jpg?v=1755083178&amp;width=2560 2560w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Green.jpg?v=1755083178&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" data_max_resolution="//zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Green.jpg?v=1755083178&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11492
11493  
11494</div>
11495
11496
11497
11498</slideshow-slide>
11499
11500
11501
11502
11503    </slideshow-slides>
11504  </slideshow-container>
11505  
11506</slideshow-component>
11507
11508
11509
11510
11511    </a>
11512  
11513  
11514    <div
11515      class="product-badges product-badges--top-left"
11516      style="
11517        --badge-border-radius: 40px;
11518        --badge-font-family: var(--font-body--family);
11518 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
11519      "
11520    ></div>
11521    
11522      
11523
11524<quick-add-component
11525  class="quick-add color-scheme-1 "
11526  ref="quickAdd"
11527  data-product-title="Hand Painted Notecards, Set of 12"
11528  data-quick-add-button="add"
11529  data-product-options-count="1"
11530>
11531  <product-form-component
11532    data-section-id="template--20431062630562__main"
11533    data-product-id="8493837680802"
11534    on:submit="/handleSubmit"
11535    class="quick-add__product-form-component"
11536  >
11537    <div
11538      class="visually-hidden"
11539      aria-live="assertive"
11540      role="status"
11541      aria-atomic="true"
11542      ref="liveRegion"
11543    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8493837680802-Ac2g0UC9tWk1DaVY3Y__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
11544        type="hidden"
11545        name="id"
11546        ref="variantId"
11547        value="44921123635362"
11548        
11549      >
11550      <input
11551        type="hidden"
11552        name="quantity"
11553        value="1"
11554      >
11555      
11556      <add-to-cart-component
11557  ref="addToCartButtonContainer"
11558  data-product-variant-media="//zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&width=100"
11559  data-add-to-cart-animation="true"
11560>
11561  <button
11562    
11563    type="submit"
11564    name="add"
11565    ref="addToCartButton"
11566    on:click="/handleClick"
11567    class="button button quick-add__button quick-add__button--add add-to-cart-button"
11568    
11569    
11570  >
11571    <span
11572      class="add-to-cart-text"
11573    >
11574      
11575        <span
11576          aria-hidden="true"
11577          class="svg-wrapper add-to-cart-icon"
11578        ><svg aria-hidden="true" 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>
11579</span>
11580      
11581      <span class="add-to-cart-text__content is-visually-hidden-mobile">
11582        <span>
11583          <span>Add</span>
11584        </span>
11585      </span>
11586    </span>
11587    
11588    <span class="add-to-cart__added">
11589      <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">
11590  <g class="check">
11591    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11592    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11593  </g>
11594  <g class="burst">
11595    <g style="--index: 0;">
11596      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11597    </g>
11598    <g style="--index: 1;">
11599      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11600    </g>
11601    <g style="--index: 2;">
11602      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11603    </g>
11604    <g style="--index: 3;">
11605      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11606    </g>
11607    <g style="--index: 4;">
11608      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11609    </g>
11610    <g style="--index: 5;">
11611      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11612    </g>
11613    <g style="--index: 6;">
11614      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11615    </g>
11616    <g style="--index: 7;">
11617      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11618    </g>
11619  </g>
11620</svg>
11621</span>
11622    </span>
11623  </button>
11624</add-to-cart-component>
11625
11626
11627      <button
11628        class="button quick-add__button quick-add__button--choose add-to-cart-button"
11629        
11630        type="button"
11631        name="add"
11632        on:click="quick-add-component/handleClick"
11633      >
11634        <span
11635          class="add-to-cart-text"
11636        >
11637          
11638          <span
11639            aria-hidden="true"
11640            class="svg-wrapper add-to-cart-icon"
11641          ><svg aria-hidden="true" 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>
11642</span>
11643          <span class="add-to-cart-text__content is-visually-hidden-mobile">
11644            <span>
11645              
11646              <span>
11647                Choose
11648              </span>
11649            </span>
11650          </span>
11651        </span>
11652      </button><input type="hidden" name="product-id" value="8493837680802" /><input type="hidden" name="section-id" value="template--20431062630562__main" /></form></product-form-component>
11653</quick-add-component>
11654
11655
11656
11657
11658    
11659  
11660
11661</div>
11662
11663
11664
11665
11666
11667<div class="product-grid-view-zoom-out--details">
11668  
11669    <h3 class="h4">Hand Painted Notecards, Set of 12</h3>
11670  
11671</div>
11672
11673
11674
11675
11676
11677
11678
11679
11680  
11681  <a
11682    class="contents user-select-text"
11683    ref="productTitleLink"
11684    href="/products/holiday-hand-painted-notecards-set-of-12?variant=44921123635362"
11685  >
11686    
11687
11688
11689
11690
11691
11692
11693  <div class=" spacing-style text-block text-block--AdG9nbk5LdVFocWFlb__product_title_4nY4eT rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);              --text-align: left;          ">
11694    <p role="heading" aria-level="3">Hand Painted Notecards, Set of 12</p>
11695  </div>
11696
11697
11698
11699  </a>
11700
11701
11702
11703
11704
11705
11706<product-price
11707  class="text-block text-block--align-left custom-typography custom-font-size custom-color text-left custom spacing-style"
11708  data-block-id="AUDlUNGdYUnZsRkZMc__price_EzJzMm"
11709  data-product-id="8493837680802"
11710  style="
11711    
11712--color: var(--color-foreground);--font-size: 0.75rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
11713    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11714    --width: 100%;
11715  "
11716  
11717>
11718  <div ref="priceContainer">
11719  
11720    
11721    <div
11722      class="
11723        price__regular
11724        
11725      "
11726    >
11727      <span class="price">$55.00</span>
11728    </div>
11729    <div
11730      class="
11731        price__sale
11732        
11733          price__hidden
11734        
11735      "
11736    >
11737      
11738        <span class="price-item__group">
11739          <span class="visually-hidden">Sale price&nbsp;</span>
11740          <span class="price-item--sale price">$55.00</span>
11741        </span>
11742        <span class="price-item__group">
11743          <span class="visually-hidden">Regular price&nbsp;</span>
11744          <span class="price-item--regular compare-at-price"></span>
11745        </span>
11746      
11747    </div>
11748  
11749</div>
11750
11751  
11752</product-price>
11753
11754
11755
11756
11757  </div>
11758</product-card>
11759
11760
11761
11762
11763
11764
11765
11766
11767
11768
11769
11770
11771
11772
11773
11774
11775            
11776          </li>
11777        
11778          <li
11779            id="template--20431062630562__main-8493972324514"
11780            class="product-grid__item product-grid__item--1"
11781            data-page="1"
11782            data-product-id="8493972324514"
11783            ref="cards[]"
11784          >
11785            
11786            
11787
11788
11789
11790
11791
11792<style data-shopify>
11793  
11794</style>
11795
11796
11797
11798<product-card
11799  class="product-card size-style"
11800  style="--size-style-width: ;--size-style-height: ;"
11801  data-product-id="8493972324514"
11802  id="product-card-AWk1PUjFRdmdEc25TR__product-card-1"
11803  
11804    data-product-transition="true"
11805    data-featured-media-url="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&width=500"
11806    on:click="/handleViewTransition"
11807  
11808  
11809  
11810>
11811  <a
11812    id="7f1ad84927aec151d006058e8ffc8476"
11813    
11814      href="/products/hand-painted-placecards-set-of-six-chocolat-camaieu?variant=44921290031266"
11815    
11816    class="product-card__link"
11817    ref="productCardLink"
11818  >
11819    <span class="visually-hidden">
11820      Hand Painted Placecards, Set of 12, Chocolat Camaïeu
11821    </span>
11822  </a>
11823  <div
11824    class="
11825      product-card__content
11826      layout-panel-flex
11827      layout-panel-flex--column
11828      product-grid__card
11829      spacing-style
11830      border-style
11831      gap-style
11832      
11833    "
11834    style="
11835      --border-width: 1px; --border-style: none; --border-color:
11836rgb(var(--color-border-rgb) / 1.0); --border-radius:
118370px; 
11838
11839      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
11840
11841
11842
11843--horizontal-alignment: ; --vertical-alignment: ;
11844--vertical-alignment-mobile: ;
11845
11846      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11847      --product-card-gap: 4px;
11848      --quick-add-display: flex;
11849      --quick-add-mobile-display: none;
11850      --quick-add-mobile-opacity: 0;
11851      
11852      
11853      
11854      
11855    "
11856  >
11857    
11858  
11859
11860
11861
11862
11863
11864
11865
11866<div
11867  ref="cardGallery"
11868  class="card-gallery card-gallery-Ac2g0UC9tWk1DaVY3Y__card-gallery-1 spacing-style border-style"
11869  style="
11870    --border-width: 1px; --border-style: none; --border-color:
11871rgb(var(--color-border-rgb) / 1.0); --border-radius:
118720px; 
11873
11874    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11875    --gallery-aspect-ratio: 1.000587544065805;
11876  "
11877  data-product-id="8493972324514"
11878  
11879    on:pointerenter="/previewImage"
11880    on:pointerleave="/resetImage"
11881  
11882  
11883    data-view-transition-to-main-product
11884  
11885  data-image-ratio="adapt"
11886  
11887>
11888    <a
11889      class="contents"
11890      ref="cardGalleryLink"
11891      href="/products/hand-painted-placecards-set-of-six-chocolat-camaieu?variant=44921290031266"
11892      aria-label="Hand Painted Placecards, Set of 12, Chocolat Camaïeu"
11893    >
11894      <slideshow-component
11895  
11896    ref="slideshow"
11897  
11898  
11899  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
11900  
11901  initial-slide="0"
11902  
11903  
11904    infinite
11905  
11906
11907  data-generic-media-size="2"
11908>
11909  
11910  <slideshow-container ref="slideshowContainer">
11911    
11912    
11913    <slideshow-slides
11914      tabindex="-1"
11915      ref="scroller"
11916      
11917    >
11918      <slideshow-slide
11919  ref="slides[]"
11920  aria-hidden="false"
11921  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11922  
11923    class="product-media-container media-fit product-media-container--image"
11924  
11925  
11926  
11927  
11928    slide-id="31779561799842"
11929  
11930  
11931  
11932  
11933>
11934  
11935
11936<div
11937  class="product-media"
11938  style="--ratio: 1.000587544065805"
11939  data-media-id="31779561799842"
11940>
11941  
11942  <img src="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&amp;width=3840" alt="HandPaintedPlacecards-Brown
11943" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&amp;width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&amp;width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&amp;width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&amp;width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&amp;width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&amp;width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&amp;width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&amp;width=3840 3840w" width="3840" height="3838" 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" data_max_resolution="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11944
11945  
11946</div>
11947
11948
11949
11950</slideshow-slide>
11951
11952
11953
11954<slideshow-slide
11955  ref="slides[]"
11956  aria-hidden="true"
11957  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11958  
11959    class="product-media-container media-fit product-media-container--image"
11960  
11961  
11962  
11963  
11964    slide-id="31779561898146"
11965  
11966  
11967  
11968  
11969>
11970  
11971
11972<div
11973  class="product-media"
11974  style="--ratio: 1.0005675368898979"
11975  data-media-id="31779561898146"
11976>
11977  
11978  <img src="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown1.jpg?v=1728993729&amp;width=3840" alt="HandPaintedPlacecards-Brown
11979" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown1.jpg?v=1728993729&amp;width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown1.jpg?v=1728993729&amp;width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown1.jpg?v=1728993729&amp;width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown1.jpg?v=1728993729&amp;width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown1.jpg?v=1728993729&amp;width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown1.jpg?v=1728993729&amp;width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown1.jpg?v=1728993729&amp;width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown1.jpg?v=1728993729&amp;width=3840 3840w" width="3840" height="3838" 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" data_max_resolution="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown1.jpg?v=1728993729&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11980
11981  
11982</div>
11983
11984
11985
11986</slideshow-slide>
11987
11988
11989
11990
11991    </slideshow-slides>
11992  </slideshow-container>
11993  
11994</slideshow-component>
11995
11996
11997
11998
11999    </a>
12000  
12001  
12002    <div
12003      class="product-badges product-badges--top-left"
12004      style="
12005        --badge-border-radius: 40px;
12006        --badge-font-family: var(--font-body--family);
12006 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
12007      "
12008    ></div>
12009    
12010      
12011
12012<quick-add-component
12013  class="quick-add color-scheme-1 "
12014  ref="quickAdd"
12015  data-product-title="Hand Painted Placecards, Set of 12, Chocolat Camaïeu"
12016  data-quick-add-button="add"
12017  data-product-options-count="1"
12018>
12019  <product-form-component
12020    data-section-id="template--20431062630562__main"
12021    data-product-id="8493972324514"
12022    on:submit="/handleSubmit"
12023    class="quick-add__product-form-component"
12024  >
12025    <div
12026      class="visually-hidden"
12027      aria-live="assertive"
12028      role="status"
12029      aria-atomic="true"
12030      ref="liveRegion"
12031    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8493972324514-Ac2g0UC9tWk1DaVY3Y__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
12032        type="hidden"
12033        name="id"
12034        ref="variantId"
12035        value="44921290031266"
12036        
12037      >
12038      <input
12039        type="hidden"
12040        name="quantity"
12041        value="1"
12042      >
12043      
12044      <add-to-cart-component
12045  ref="addToCartButtonContainer"
12046  data-product-variant-media="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&width=100"
12047  data-add-to-cart-animation="true"
12048>
12049  <button
12050    
12051    type="submit"
12052    name="add"
12053    ref="addToCartButton"
12054    on:click="/handleClick"
12055    class="button button quick-add__button quick-add__button--add add-to-cart-button"
12056    
12057    
12058  >
12059    <span
12060      class="add-to-cart-text"
12061    >
12062      
12063        <span
12064          aria-hidden="true"
12065          class="svg-wrapper add-to-cart-icon"
12066        ><svg aria-hidden="true" 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>
12067</span>
12068      
12069      <span class="add-to-cart-text__content is-visually-hidden-mobile">
12070        <span>
12071          <span>Add</span>
12072        </span>
12073      </span>
12074    </span>
12075    
12076    <span class="add-to-cart__added">
12077      <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">
12078  <g class="check">
12079    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12080    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12081  </g>
12082  <g class="burst">
12083    <g style="--index: 0;">
12084      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12085    </g>
12086    <g style="--index: 1;">
12087      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12088    </g>
12089    <g style="--index: 2;">
12090      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12091    </g>
12092    <g style="--index: 3;">
12093      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12094    </g>
12095    <g style="--index: 4;">
12096      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12097    </g>
12098    <g style="--index: 5;">
12099      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12100    </g>
12101    <g style="--index: 6;">
12102      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12103    </g>
12104    <g style="--index: 7;">
12105      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12106    </g>
12107  </g>
12108</svg>
12109</span>
12110    </span>
12111  </button>
12112</add-to-cart-component>
12113
12114
12115      <button
12116        class="button quick-add__button quick-add__button--choose add-to-cart-button"
12117        
12118        type="button"
12119        name="add"
12120        on:click="quick-add-component/handleClick"
12121      >
12122        <span
12123          class="add-to-cart-text"
12124        >
12125          
12126          <span
12127            aria-hidden="true"
12128            class="svg-wrapper add-to-cart-icon"
12129          ><svg aria-hidden="true" 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>
12130</span>
12131          <span class="add-to-cart-text__content is-visually-hidden-mobile">
12132            <span>
12133              
12134              <span>
12135                Choose
12136              </span>
12137            </span>
12138          </span>
12139        </span>
12140      </button><input type="hidden" name="product-id" value="8493972324514" /><input type="hidden" name="section-id" value="template--20431062630562__main" /></form></product-form-component>
12141</quick-add-component>
12142
12143
12144
12145
12146    
12147  
12148
12149</div>
12150
12151
12152
12153
12154
12155<div class="product-grid-view-zoom-out--details">
12156  
12157    <h3 class="h4">Hand Painted Placecards, Set of 12, Chocolat Camaïeu</h3>
12158  
12159</div>
12160
12161
12162
12163
12164
12165
12166
12167
12168  
12169  <a
12170    class="contents user-select-text"
12171    ref="productTitleLink"
12172    href="/products/hand-painted-placecards-set-of-six-chocolat-camaieu?variant=44921290031266"
12173  >
12174    
12175
12176
12177
12178
12179
12180
12181  <div class=" spacing-style text-block text-block--AdG9nbk5LdVFocWFlb__product_title_4nY4eT-1 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);              --text-align: left;          ">
12182    <p role="heading" aria-level="3">Hand Painted Placecards, Set of 12, Chocolat Camaïeu</p>
12183  </div>
12184
12185
12186
12187  </a>
12188
12189
12190
12191
12192
12193
12194<product-price
12195  class="text-block text-block--align-left custom-typography custom-font-size custom-color text-left custom spacing-style"
12196  data-block-id="AUDlUNGdYUnZsRkZMc__price_EzJzMm-1"
12197  data-product-id="8493972324514"
12198  style="
12199    
12200--color: var(--color-foreground);--font-size: 0.75rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
12201    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12202    --width: 100%;
12203  "
12204  
12205>
12206  <div ref="priceContainer">
12207  
12208    
12209    <div
12210      class="
12211        price__regular
12212        
12213      "
12214    >
12215      <span class="price">$30.00</span>
12216    </div>
12217    <div
12218      class="
12219        price__sale
12220        
12221          price__hidden
12222        
12223      "
12224    >
12225      
12226        <span class="price-item__group">
12227          <span class="visually-hidden">Sale price&nbsp;</span>
12228          <span class="price-item--sale price">$30.00</span>
12229        </span>
12230        <span class="price-item__group">
12231          <span class="visually-hidden">Regular price&nbsp;</span>
12232          <span class="price-item--regular compare-at-price"></span>
12233        </span>
12234      
12235    </div>
12236  
12237</div>
12238
12239  
12240</product-price>
12241
12242
12243
12244
12245  </div>
12246</product-card>
12247
12248
12249
12250
12251
12252
12253
12254
12255
12256
12257
12258
12259
12260
12261
12262
12263            
12264          </li>
12265        
12266          <li
12267            id="template--20431062630562__main-8493952368802"
12268            class="product-grid__item product-grid__item--2"
12269            data-page="1"
12270            data-product-id="8493952368802"
12271            ref="cards[]"
12272          >
12273            
12274            
12275
12276
12277
12278
12279
12280<style data-shopify>
12281  
12282</style>
12283
12284
12285
12286<product-card
12287  class="product-card size-style"
12288  style="--size-style-width: ;--size-style-height: ;"
12289  data-product-id="8493952368802"
12290  id="product-card-AWk1PUjFRdmdEc25TR__product-card-2"
12291  
12292    data-product-transition="true"
12293    data-featured-media-url="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&width=500"
12294    on:click="/handleViewTransition"
12295  
12296  
12297  
12298>
12299  <a
12300    id="2d5dc98be8358269d89929c12237c9b3"
12301    
12302      href="/products/holiday-hand-painted-swing-tags-set-of-6?variant=4492125474
123020130"
12303    
12304    class="product-card__link"
12305    ref="productCardLink"
12306  >
12307    <span class="visually-hidden">
12308      Hand Painted Swing Tags, Set of Six, Chocolat Camaïeu
12309    </span>
12310  </a>
12311  <div
12312    class="
12313      product-card__content
12314      layout-panel-flex
12315      layout-panel-flex--column
12316      product-grid__card
12317      spacing-style
12318      border-style
12319      gap-style
12320      
12321    "
12322    style="
12323      --border-width: 1px; --border-style: none; --border-color:
12324rgb(var(--color-border-rgb) / 1.0); --border-radius:
123250px; 
12326
12327      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
12328
12329
12330
12331--horizontal-alignment: ; --vertical-alignment: ;
12332--vertical-alignment-mobile: ;
12333
12334      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12335      --product-card-gap: 4px;
12336      --quick-add-display: flex;
12337      --quick-add-mobile-display: none;
12338      --quick-add-mobile-opacity: 0;
12339      
12340      
12341      
12342      
12343    "
12344  >
12345    
12346  
12347
12348
12349
12350
12351
12352
12353
12354<div
12355  ref="cardGallery"
12356  class="card-gallery card-gallery-Ac2g0UC9tWk1DaVY3Y__card-gallery-2 spacing-style border-style"
12357  style="
12358    --border-width: 1px; --border-style: none; --border-color:
12359rgb(var(--color-border-rgb) / 1.0); --border-radius:
123600px; 
12361
12362    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12363    --gallery-aspect-ratio: 1.0;
12364  "
12365  data-product-id="8493952368802"
12366  
12367    on:pointerenter="/previewImage"
12368    on:pointerleave="/resetImage"
12369  
12370  
12371    data-view-transition-to-main-product
12372  
12373  data-image-ratio="adapt"
12374  
12375>
12376    <a
12377      class="contents"
12378      ref="cardGalleryLink"
12379      href="/products/holiday-hand-painted-swing-tags-set-of-6?variant=44921254740130"
12380      aria-label="Hand Painted Swing Tags, Set of Six, Chocolat Camaïeu"
12381    >
12382      <slideshow-component
12383  
12384    ref="slideshow"
12385  
12386  
12387  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
12388  
12389  initial-slide="0"
12390  
12391  
12392    infinite
12393  
12394
12395  data-generic-media-size="2"
12396>
12397  
12398  <slideshow-container ref="slideshowContainer">
12399    
12400    
12401    <slideshow-slides
12402      tabindex="-1"
12403      ref="scroller"
12404      
12405    >
12406      <slideshow-slide
12407  ref="slides[]"
12408  aria-hidden="false"
12409  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12410  
12411    class="product-media-container media-fit product-media-container--image"
12412  
12413  
12414  
12415  
12416    slide-id="31779577757858"
12417  
12418  
12419  
12420  
12421>
12422  
12423
12424<div
12425  class="product-media"
12426  style="--ratio: 1.0"
12427  data-media-id="31779577757858"
12428>
12429  
12430  <img src="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&amp;width=3840" alt="HandPaintedSwingTags-Brown
12431" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&amp;width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&amp;width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&amp;width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&amp;width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&amp;width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&amp;width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&amp;width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&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" data_max_resolution="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12432
12433  
12434</div>
12435
12436
12437
12438</slideshow-slide>
12439
12440
12441
12442<slideshow-slide
12443  ref="slides[]"
12444  aria-hidden="true"
12445  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12446  
12447    class="product-media-container media-fit product-media-container--image"
12448  
12449  
12450  
12451  
12452    slide-id="31779577790626"
12453  
12454  
12455  
12456  
12457>
12458  
12459
12460<div
12461  class="product-media"
12462  style="--ratio: 0.9991467576791809"
12463  data-media-id="31779577790626"
12464>
12465  
12466  <img src="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown1.jpg?v=1728993896&amp;width=3840" alt="HandPaintedSwingTags-Brown
12467" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown1.jpg?v=1728993896&amp;width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown1.jpg?v=1728993896&amp;width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown1.jpg?v=1728993896&amp;width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown1.jpg?v=1728993896&amp;width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown1.jpg?v=1728993896&amp;width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown1.jpg?v=1728993896&amp;width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown1.jpg?v=1728993896&amp;width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown1.jpg?v=1728993896&amp;width=3840 3840w" width="3840" height="3843" 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" data_max_resolution="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown1.jpg?v=1728993896&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12468
12469  
12470</div>
12471
12472
12473
12474</slideshow-slide>
12475
12476
12477
12478
12479    </slideshow-slides>
12480  </slideshow-container>
12481  
12482</slideshow-component>
12483
12484
12485
12486
12487    </a>
12488  
12489  
12490    <div
12491      class="product-badges product-badges--top-left"
12492      style="
12493        --badge-border-radius: 40px;
12494        --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
12495      "
12496    ></div>
12497    
12498      
12499
12500<quick-add-component
12501  class="quick-add color-scheme-1 "
12502  ref="quickAdd"
12503  data-product-title="Hand Painted Swing Tags, Set of Six, Chocolat Camaïeu"
12504  data-quick-add-button="add"
12505  data-product-options-count="1"
12506>
12507  <product-form-component
12508    data-section-id="template--20431062630562__main"
12509    data-product-id="8493952368802"
12510    on:submit="/handleSubmit"
12511    class="quick-add__product-form-component"
12512  >
12513    <div
12514      class="visually-hidden"
12515      aria-live="assertive"
12516      role="status"
12517      aria-atomic="true"
12518      ref="liveRegion"
12519    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8493952368802-Ac2g0UC9tWk1DaVY3Y__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
12520        type="hidden"
12521        name="id"
12522        ref="variantId"
12523        value="44921254740130"
12524        
12525      >
12526      <input
12527        type="hidden"
12528        name="quantity"
12529        value="1"
12530      >
12531      
12532      <add-to-cart-component
12533  ref="addToCartButtonContainer"
12534  data-product-variant-media="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&width=100"
12535  data-add-to-cart-animation="true"
12536>
12537  <button
12538    
12539    type="submit"
12540    name="add"
12541    ref="addToCartButton"
12542    on:click="/handleClick"
12543    class="button button quick-add__button quick-add__button--add add-to-cart-button"
12544    
12545    
12546  >
12547    <span
12548      class="add-to-cart-text"
12549    >
12550      
12551        <span
12552          aria-hidden="true"
12553          class="svg-wrapper add-to-cart-icon"
12554        ><svg aria-hidden="true" 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>
12555</span>
12556      
12557      <span class="add-to-cart-text__content is-visually-hidden-mobile">
12558        <span>
12559          <span>Add</span>
12560        </span>
12561      </span>
12562    </span>
12563    
12564    <span class="add-to-cart__added">
12565      <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">
12566  <g class="check">
12567    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12568    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12569  </g>
12570  <g class="burst">
12571    <g style="--index: 0;">
12572      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12573    </g>
12574    <g style="--index: 1;">
12575      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12576    </g>
12577    <g style="--index: 2;">
12578      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12579    </g>
12580    <g style="--index: 3;">
12581      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12582    </g>
12583    <g style="--index: 4;">
12584      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12585    </g>
12586    <g style="--index: 5;">
12587      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12588    </g>
12589    <g style="--index: 6;">
12590      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12591    </g>
12592    <g style="--index: 7;">
12593      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12594    </g>
12595  </g>
12596</svg>
12597</span>
12598    </span>
12599  </button>
12600</add-to-cart-component>
12601
12602
12603      <button
12604        class="button quick-add__button quick-add__button--choose add-to-cart-button"
12605        
12606        type="button"
12607        name="add"
12608        on:click="quick-add-component/handleClick"
12609      >
12610        <span
12611          class="add-to-cart-text"
12612        >
12613          
12614          <span
12615            aria-hidden="true"
12616            class="svg-wrapper add-to-cart-icon"
12617          ><svg aria-hidden="true" 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>
12618</span>
12619          <span class="add-to-cart-text__content is-visually-hidden-mobile">
12620            <span>
12621              
12622              <span>
12623                Choose
12624              </span>
12625            </span>
12626          </span>
12627        </span>
12628      </button><input type="hidden" name="product-id" value="8493952368802" /><input type="hidden" name="section-id" value="template--20431062630562__main" /></form></product-form-component>
12629</quick-add-component>
12630
12631
12632
12633
12634    
12635  
12636
12637</div>
12638
12639
12640
12641
12642
12643<div class="product-grid-view-zoom-out--details">
12644  
12645    <h3 class="h4">Hand Painted Swing Tags, Set of Six, Chocolat Camaïeu</h3>
12646  
12647</div>
12648
12649
12650
12651
12652
12653
12654
12655
12656  
12657  <a
12658    class="contents user-select-text"
12659    ref="productTitleLink"
12660    href="/products/holiday-hand-painted-swing-tags-set-of-6?variant=44921254740130"
12661  >
12662    
12663
12664
12665
12666
12667
12668
12669  <div class=" spacing-style text-block text-block--AdG9nbk5LdVFocWFlb__product_title_4nY4eT-2 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);              --text-align: left;          ">
12670    <p role="heading" aria-level="3">Hand Painted Swing Tags, Set of Six, Chocolat Camaïeu</p>
12671  </div>
12672
12673
12674
12675  </a>
12676
12677
12678
12679
12680
12681
12682<product-price
12683  class="text-block text-block--align-left custom-typography custom-font-size custom-color text-left custom spacing-style"
12684  data-block-id="AUDlUNGdYUnZsRkZMc__price_EzJzMm-2"
12685  data-product-id="8493952368802"
12686  style="
12687    
12688--color: var(--color-foreground);--font-size: 0.75rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
12689    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12690    --width: 100%;
12691  "
12692  
12693>
12694  <div ref="priceContainer">
12695  
12696    
12697    <div
12698      class="
12699        price__regular
12700        
12701      "
12702    >
12703      <span class="price">$35.00</span>
12704    </div>
12705    <div
12706      class="
12707        price__sale
12708        
12709          price__hidden
12710        
12711      "
12712    >
12713      
12714        <span class="price-item__group">
12715          <span class="visually-hidden">Sale price&nbsp;</span>
12716          <span class="price-item--sale price">$35.00</span>
12717        </span>
12718        <span class="price-item__group">
12719          <span class="visually-hidden">Regular price&nbsp;</span>
12720          <span class="price-item--regular compare-at-price"></span>
12721        </span>
12722      
12723    </div>
12724  
12725</div>
12726
12727  
12728</product-price>
12729
12730
12731
12732
12733  </div>
12734</product-card>
12735
12736
12737
12738
12739
12740
12741
12742
12743
12744
12745
12746
12747
12748
12749
12750
12751            
12752          </li>
12753        
12754          <li
12755            id="template--20431062630562__main-8493977108642"
12756            class="product-grid__item product-grid__item--3"
12757            data-page="1"
12758            data-product-id="8493977108642"
12759            ref="cards[]"
12760          >
12761            
12762            
12763
12764
12765
12766
12767
12768<style data-shopify>
12769  
12770</style>
12771
12772
12773
12774<product-card
12775  class="product-card size-style"
12776  style="--size-style-width: ;--size-style-height: ;"
12777  data-product-id="8493977108642"
12778  id="product-card-AWk1PUjFRdmdEc25TR__product-card-3"
12779  
12780    data-product-transition="true"
12781    data-featured-media-url="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&width=500"
12782    on:click="/handleViewTransition"
12783  
12784  
12785  
12786>
12787  <a
12788    id="a805be53c8d362015853045bcd21460c"
12789    
12790      href="/products/hand-painted-placecards-set-of-six-red-brindille?variant=44921299566754"
12791    
12792    class="product-card__link"
12793    ref="productCardLink"
12794  >
12795    <span class="visually-hidden">
12796      Hand Painted Placecards, Set of 12, Red Brindille
12797    </span>
12798  </a>
12799  <div
12800    class="
12801      product-card__content
12802      layout-panel-flex
12803      layout-panel-flex--column
12804      product-grid__card
12805      spacing-style
12806      border-style
12807      gap-style
12808      
12809    "
12810    style="
12811      --border-width: 1px; --border-style: none; --border-color:
12812rgb(var(--color-border-rgb) / 1.0); --border-radius:
128130px; 
12814
12815      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
12816
12817
12818
12819--horizontal-alignment: ; --vertical-alignment: ;
12820--vertical-alignment-mobile: ;
12821
12822      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12823      --product-card-gap: 4px;
12824      --quick-add-display: flex;
12825      --quick-add-mobile-display: none;
12826      --quick-add-mobile-opacity: 0;
12827      
12828      
12829      
12830      
12831    "
12832  >
12833    
12834  
12835
12836
12837
12838
12839
12840
12841
12842<div
12843  ref="cardGallery"
12844  class="card-gallery card-gallery-Ac2g0UC9tWk1DaVY3Y__card-gallery-3 spacing-style border-style"
12845  style="
12846    --border-width: 1px; --border-style: none; --border-color:
12847rgb(var(--color-border-rgb) / 1.0); --border-radius:
128480px; 
12849
12850    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12851    --gallery-aspect-ratio: 1.0;
12852  "
12853  data-product-id="8493977108642"
12854  
12855    on:pointerenter="/previewImage"
12856    on:pointerleave="/resetImage"
12857  
12858  
12859    data-view-transition-to-main-product
12860  
12861  data-image-ratio="adapt"
12862  
12863>
12864    <a
12865      class="contents"
12866      ref="cardGalleryLink"
12867      href="/products/hand-painted-placecards-set-of-six-red-brindille?variant=44921299566754"
12868      aria-label="Hand Painted Placecards, Set of 12, Red Brindille"
12869    >
12870      <slideshow-component
12871  
12872    ref="slideshow"
12873  
12874  
12875  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
12876  
12877  initial-slide="0"
12878  
12879  
12880    infinite
12881  
12882
12883  data-generic-media-size="2"
12884>
12885  
12886  <slideshow-container ref="slideshowContainer">
12887    
12888    
12889    <slideshow-slides
12890      tabindex="-1"
12891      ref="scroller"
12892      
12893    >
12894      <slideshow-slide
12895  ref="slides[]"
12896  aria-hidden="false"
12897  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12898  
12899    class="product-media-container media-fit product-media-container--image"
12900  
12901  
12902  
12903  
12904    slide-id="31779572744354"
12905  
12906  
12907  
12908  
12909>
12910  
12911
12912<div
12913  class="product-media"
12914  style="--ratio: 1.0"
12915  data-media-id="31779572744354"
12916>
12917  
12918  <img src="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&amp;width=3840" alt="HandPaintedPlacecards-Red
12919" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&amp;width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&amp;width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&amp;width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&amp;width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&amp;width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&amp;width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&amp;width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&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" data_max_resolution="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12920
12921  
12922</div>
12923
12924
12925
12926</slideshow-slide>
12927
12928
12929
12930<slideshow-slide
12931  ref="slides[]"
12932  aria-hidden="true"
12933  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12934  
12935    class="product-media-container media-fit product-media-container--image"
12936  
12937  
12938  
12939  
12940    slide-id="31779572875426"
12941  
12942  
12943  
12944  
12945>
12946  
12947
12948<div
12949  class="product-media"
12950  style="--ratio: 1.0"
12951  data-media-id="31779572875426"
12952>
12953  
12954  <img src="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red1.jpg?v=1728993835&amp;width=3840" alt="HandPaintedPlacecards-Red
12955" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red1.jpg?v=1728993835&amp;width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red1.jpg?v=1728993835&amp;width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red1.jpg?v=1728993835&amp;width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red1.jpg?v=1728993835&amp;width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red1.jpg?v=1728993835&amp;width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red1.jpg?v=1728993835&amp;width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red1.jpg?v=1728993835&amp;width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red1.jpg?v=1728993835&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" data_max_resolution="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red1.jpg?v=1728993835&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12956
12957  
12958</div>
12959
12960
12961
12962</slideshow-slide>
12963
12964
12965
12966
12967    </slideshow-slides>
12968  </slideshow-container>
12969  
12970</slideshow-component>
12971
12972
12973
12974
12975    </a>
12976  
12977  
12978    <div
12979      class="product-badges product-badges--top-left"
12980      style="
12981        --badge-border-radius: 40px;
12982        --badge-font-family: var(--font-body--family);
12982 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
12983      "
12984    ></div>
12985    
12986      
12987
12988<quick-add-component
12989  class="quick-add color-scheme-1 "
12990  ref="quickAdd"
12991  data-product-title="Hand Painted Placecards, Set of 12, Red Brindille"
12992  data-quick-add-button="add"
12993  data-product-options-count="1"
12994>
12995  <product-form-component
12996    data-section-id="template--20431062630562__main"
12997    data-product-id="8493977108642"
12998    on:submit="/handleSubmit"
12999    class="quick-add__product-form-component"
13000  >
13001    <div
13002      class="visually-hidden"
13003      aria-live="assertive"
13004      role="status"
13005      aria-atomic="true"
13006      ref="liveRegion"
13007    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8493977108642-Ac2g0UC9tWk1DaVY3Y__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
13008        type="hidden"
13009        name="id"
13010        ref="variantId"
13011        value="44921299566754"
13012        
13013      >
13014      <input
13015        type="hidden"
13016        name="quantity"
13017        value="1"
13018      >
13019      
13020      <add-to-cart-component
13021  ref="addToCartButtonContainer"
13022  data-product-variant-media="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&width=100"
13023  data-add-to-cart-animation="true"
13024>
13025  <button
13026    
13027    type="submit"
13028    name="add"
13029    ref="addToCartButton"
13030    on:click="/handleClick"
13031    class="button button quick-add__button quick-add__button--add add-to-cart-button"
13032    
13033    
13034  >
13035    <span
13036      class="add-to-cart-text"
13037    >
13038      
13039        <span
13040          aria-hidden="true"
13041          class="svg-wrapper add-to-cart-icon"
13042        ><svg aria-hidden="true" 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>
13043</span>
13044      
13045      <span class="add-to-cart-text__content is-visually-hidden-mobile">
13046        <span>
13047          <span>Add</span>
13048        </span>
13049      </span>
13050    </span>
13051    
13052    <span class="add-to-cart__added">
13053      <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">
13054  <g class="check">
13055    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
13056    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
13057  </g>
13058  <g class="burst">
13059    <g style="--index: 0;">
13060      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13061    </g>
13062    <g style="--index: 1;">
13063      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13064    </g>
13065    <g style="--index: 2;">
13066      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13067    </g>
13068    <g style="--index: 3;">
13069      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13070    </g>
13071    <g style="--index: 4;">
13072      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13073    </g>
13074    <g style="--index: 5;">
13075      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13076    </g>
13077    <g style="--index: 6;">
13078      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13079    </g>
13080    <g style="--index: 7;">
13081      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13082    </g>
13083  </g>
13084</svg>
13085</span>
13086    </span>
13087  </button>
13088</add-to-cart-component>
13089
13090
13091      <button
13092        class="button quick-add__button quick-add__button--choose add-to-cart-button"
13093        
13094        type="button"
13095        name="add"
13096        on:click="quick-add-component/handleClick"
13097      >
13098        <span
13099          class="add-to-cart-text"
13100        >
13101          
13102          <span
13103            aria-hidden="true"
13104            class="svg-wrapper add-to-cart-icon"
13105          ><svg aria-hidden="true" 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>
13106</span>
13107          <span class="add-to-cart-text__content is-visually-hidden-mobile">
13108            <span>
13109              
13110              <span>
13111                Choose
13112              </span>
13113            </span>
13114          </span>
13115        </span>
13116      </button><input type="hidden" name="product-id" value="8493977108642" /><input type="hidden" name="section-id" value="template--20431062630562__main" /></form></product-form-component>
13117</quick-add-component>
13118
13119
13120
13121
13122    
13123  
13124
13125</div>
13126
13127
13128
13129
13130
13131<div class="product-grid-view-zoom-out--details">
13132  
13133    <h3 class="h4">Hand Painted Placecards, Set of 12, Red Brindille</h3>
13134  
13135</div>
13136
13137
13138
13139
13140
13141
13142
13143
13144  
13145  <a
13146    class="contents user-select-text"
13147    ref="productTitleLink"
13148    href="/products/hand-painted-placecards-set-of-six-red-brindille?variant=44921299566754"
13149  >
13150    
13151
13152
13153
13154
13155
13156
13157  <div class=" spacing-style text-block text-block--AdG9nbk5LdVFocWFlb__product_title_4nY4eT-3 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);              --text-align: left;          ">
13158    <p role="heading" aria-level="3">Hand Painted Placecards, Set of 12, Red Brindille</p>
13159  </div>
13160
13161
13162
13163  </a>
13164
13165
13166
13167
13168
13169
13170<product-price
13171  class="text-block text-block--align-left custom-typography custom-font-size custom-color text-left custom spacing-style"
13172  data-block-id="AUDlUNGdYUnZsRkZMc__price_EzJzMm-3"
13173  data-product-id="8493977108642"
13174  style="
13175    
13176--color: var(--color-foreground);--font-size: 0.75rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
13177    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13178    --width: 100%;
13179  "
13180  
13181>
13182  <div ref="priceContainer">
13183  
13184    
13185    <div
13186      class="
13187        price__regular
13188        
13189      "
13190    >
13191      <span class="price">$30.00</span>
13192    </div>
13193    <div
13194      class="
13195        price__sale
13196        
13197          price__hidden
13198        
13199      "
13200    >
13201      
13202        <span class="price-item__group">
13203          <span class="visually-hidden">Sale price&nbsp;</span>
13204          <span class="price-item--sale price">$30.00</span>
13205        </span>
13206        <span class="price-item__group">
13207          <span class="visually-hidden">Regular price&nbsp;</span>
13208          <span class="price-item--regular compare-at-price"></span>
13209        </span>
13210      
13211    </div>
13212  
13213</div>
13214
13215  
13216</product-price>
13217
13218
13219
13220
13221  </div>
13222</product-card>
13223
13224
13225
13226
13227
13228
13229
13230
13231
13232
13233
13234
13235
13236
13237
13238
13239            
13240          </li>
13241        
13242          <li
13243            id="template--20431062630562__main-8493959544994"
13244            class="product-grid__item product-grid__item--4"
13245            data-page="1"
13246            data-product-id="8493959544994"
13247            ref="cards[]"
13248          >
13249            
13250            
13251
13252
13253
13254
13255
13256<style data-shopify>
13257  
13258</style>
13259
13260
13261
13262<product-card
13263  class="product-card size-style"
13264  style="--size-style-width: ;--size-style-height: ;"
13265  data-product-id="8493959544994"
13266  id="product-card-AWk1PUjFRdmdEc25TR__product-card-4"
13267  
13268    data-product-transition="true"
13269    data-featured-media-url="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&width=500"
13270    on:click="/handleViewTransition"
13271  
13272  
13273  
13274>
13275  <a
13276    id="b7926a0e18842bb4dca056caebf9eeba"
13277    
13278      href="/products/hand-painted-swing-tags-set-of-six-red-brindille?variant=44921268076706"
13279    
13280    class="product-card__link"
13281    ref="productCardLink"
13282  >
13283    <span class="visually-hidden">
13284      Hand Painted Swing Tags, Set of Six, Red Brindille
13285    </span>
13286  </a>
13287  <div
13288    class="
13289      product-card__content
13290      layout-panel-flex
13291      layout-panel-flex--column
13292      product-grid__card
13293      spacing-style
13294      border-style
13295      gap-style
13296      
13297    "
13298    style="
13299      --border-width: 1px; --border-style: none; --border-color:
13300rgb(var(--color-border-rgb) / 1.0); --border-radius:
133010px; 
13302
13303      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
13304
13305
13306
13307--horizontal-alignment: ; --vertical-alignment: ;
13308--vertical-alignment-mobile: ;
13309
13310      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13311      --product-card-gap: 4px;
13312      --quick-add-display: flex;
13313      --quick-add-mobile-display: none;
13314      --quick-add-mobile-opacity: 0;
13315      
13316      
13317      
13318      
13319    "
13320  >
13321    
13322  
13323
13324
13325
13326
13327
13328
13329
13330<div
13331  ref="cardGallery"
13332  class="card-gallery card-gallery-Ac2g0UC9tWk1DaVY3Y__card-gallery-4 spacing-style border-style"
13333  style="
13334    --border-width: 1px; --border-style: none; --border-color:
13335rgb(var(--color-border-rgb) / 1.0); --border-radius:
133360px; 
13337
13338    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13339    --gallery-aspect-ratio: 1.0;
13340  "
13341  data-product-id="8493959544994"
13342  
13343    on:pointerenter="/previewImage"
13344    on:pointerleave="/resetImage"
13345  
13346  
13347    data-view-transition-to-main-product
13348  
13349  data-image-ratio="adapt"
13350  
13351>
13352    <a
13353      class="contents"
13354      ref="cardGalleryLink"
13355      href="/products/hand-painted-swing-tags-set-of-six-red-brindille?variant=44921268076706"
13356      aria-label="Hand Painted Swing Tags, Set of Six, Red Brindille"
13357    >
13358      <slideshow-component
13359  
13360    ref="slideshow"
13361  
13362  
13363  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
13364  
13365  initial-slide="0"
13366  
13367  
13368    infinite
13369  
13370
13371  data-generic-media-size="2"
13372>
13373  
13374  <slideshow-container ref="slideshowContainer">
13375    
13376    
13377    <slideshow-slides
13378      tabindex="-1"
13379      ref="scroller"
13380      
13381    >
13382      <slideshow-slide
13383  ref="slides[]"
13384  aria-hidden="false"
13385  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
13386  
13387    class="product-media-container media-fit product-media-container--image"
13388  
13389  
13390  
13391  
13392    slide-id="31779584737442"
13393  
13394  
13395  
13396  
13397>
13398  
13399
13400<div
13401  class="product-media"
13402  style="--ratio: 1.0"
13403  data-media-id="31779584737442"
13404>
13405  
13406  <img src="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&amp;width=3840" alt="HandPaintedSwingTags-Red
13407" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&amp;width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&amp;width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&amp;width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&amp;width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&amp;width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&amp;width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&amp;width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&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" data_max_resolution="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
13408
13409  
13410</div>
13411
13412
13413
13414</slideshow-slide>
13415
13416
13417
13418<slideshow-slide
13419  ref="slides[]"
13420  aria-hidden="true"
13421  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
13422  
13423    class="product-media-container media-fit product-media-container--image"
13424  
13425  
13426  
13427  
13428    slide-id="31779584770210"
13429  
13430  
13431  
13432  
13433>
13434  
13435
13436<div
13437  class="product-media"
13438  style="--ratio: 1.0"
13439  data-media-id="31779584770210"
13440>
13441  
13442  <img src="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red1.jpg?v=1728993967&amp;width=3840" alt="HandPaintedSwingTags-Red
13443" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red1.jpg?v=1728993967&amp;width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red1.jpg?v=1728993967&amp;width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red1.jpg?v=1728993967&amp;width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red1.jpg?v=1728993967&amp;width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red1.jpg?v=1728993967&amp;width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red1.jpg?v=1728993967&amp;width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red1.jpg?v=1728993967&amp;width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red1.jpg?v=1728993967&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" data_max_resolution="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red1.jpg?v=1728993967&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
13444
13445  
13446</div>
13447
13448
13449
13450</slideshow-slide>
13451
13452
13453
13454
13455    </slideshow-slides>
13456  </slideshow-container>
13457  
13458</slideshow-component>
13459
13460
13461
13462
13463    </a>
13464  
13465  
13466    <div
13467      class="product-badges product-badges--top-left"
13468      style="
13469        --badge-border-radius: 40px;
13470        --badge-font-family: var(--font-body--family);
13470 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
13471      "
13472    ></div>
13473    
13474      
13475
13476<quick-add-component
13477  class="quick-add color-scheme-1 "
13478  ref="quickAdd"
13479  data-product-title="Hand Painted Swing Tags, Set of Six, Red Brindille"
13480  data-quick-add-button="add"
13481  data-product-options-count="1"
13482>
13483  <product-form-component
13484    data-section-id="template--20431062630562__main"
13485    data-product-id="8493959544994"
13486    on:submit="/handleSubmit"
13487    class="quick-add__product-form-component"
13488  >
13489    <div
13490      class="visually-hidden"
13491      aria-live="assertive"
13492      role="status"
13493      aria-atomic="true"
13494      ref="liveRegion"
13495    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8493959544994-Ac2g0UC9tWk1DaVY3Y__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
13496        type="hidden"
13497        name="id"
13498        ref="variantId"
13499        value="44921268076706"
13500        
13501      >
13502      <input
13503        type="hidden"
13504        name="quantity"
13505        value="1"
13506      >
13507      
13508      <add-to-cart-component
13509  ref="addToCartButtonContainer"
13510  data-product-variant-media="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&width=100"
13511  data-add-to-cart-animation="true"
13512>
13513  <button
13514    
13515    type="submit"
13516    name="add"
13517    ref="addToCartButton"
13518    on:click="/handleClick"
13519    class="button button quick-add__button quick-add__button--add add-to-cart-button"
13520    
13521    
13522  >
13523    <span
13524      class="add-to-cart-text"
13525    >
13526      
13527        <span
13528          aria-hidden="true"
13529          class="svg-wrapper add-to-cart-icon"
13530        ><svg aria-hidden="true" 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>
13531</span>
13532      
13533      <span class="add-to-cart-text__content is-visually-hidden-mobile">
13534        <span>
13535          <span>Add</span>
13536        </span>
13537      </span>
13538    </span>
13539    
13540    <span class="add-to-cart__added">
13541      <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">
13542  <g class="check">
13543    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
13544    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
13545  </g>
13546  <g class="burst">
13547    <g style="--index: 0;">
13548      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13549    </g>
13550    <g style="--index: 1;">
13551      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13552    </g>
13553    <g style="--index: 2;">
13554      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13555    </g>
13556    <g style="--index: 3;">
13557      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13558    </g>
13559    <g style="--index: 4;">
13560      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13561    </g>
13562    <g style="--index: 5;">
13563      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13564    </g>
13565    <g style="--index: 6;">
13566      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13567    </g>
13568    <g style="--index: 7;">
13569      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
13570    </g>
13571  </g>
13572</svg>
13573</span>
13574    </span>
13575  </button>
13576</add-to-cart-component>
13577
13578
13579      <button
13580        class="button quick-add__button quick-add__button--choose add-to-cart-button"
13581        
13582        type="button"
13583        name="add"
13584        on:click="quick-add-component/handleClick"
13585      >
13586        <span
13587          class="add-to-cart-text"
13588        >
13589          
13590          <span
13591            aria-hidden="true"
13592            class="svg-wrapper add-to-cart-icon"
13593          ><svg aria-hidden="true" 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>
13594</span>
13595          <span class="add-to-cart-text__content is-visually-hidden-mobile">
13596            <span>
13597              
13598              <span>
13599                Choose
13600              </span>
13601            </span>
13602          </span>
13603        </span>
13604      </button><input type="hidden" name="product-id" value="8493959544994" /><input type="hidden" name="section-id" value="template--20431062630562__main" /></form></product-form-component>
13605</quick-add-component>
13606
13607
13608
13609
13610    
13611  
13612
13613</div>
13614
13615
13616
13617
13618
13619<div class="product-grid-view-zoom-out--details">
13620  
13621    <h3 class="h4">Hand Painted Swing Tags, Set of Six, Red Brindille</h3>
13622  
13623</div>
13624
13625
13626
13627
13628
13629
13630
13631
13632  
13633  <a
13634    class="contents user-select-text"
13635    ref="productTitleLink"
13636    href="/products/hand-painted-swing-tags-set-of-six-red-brindille?variant=44921268076706"
13637  >
13638    
13639
13640
13641
13642
13643
13644
13645  <div class=" spacing-style text-block text-block--AdG9nbk5LdVFocWFlb__product_title_4nY4eT-4 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);              --text-align: left;          ">
13646    <p role="heading" aria-level="3">Hand Painted Swing Tags, Set of Six, Red Brindille</p>
13647  </div>
13648
13649
13650
13651  </a>
13652
13653
13654
13655
13656
13657
13658<product-price
13659  class="text-block text-block--align-left custom-typography custom-font-size custom-color text-left custom spacing-style"
13660  data-block-id="AUDlUNGdYUnZsRkZMc__price_EzJzMm-4"
13661  data-product-id="8493959544994"
13662  style="
13663    
13664--color: var(--color-foreground);--font-size: 0.75rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
13665    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13666    --width: 100%;
13667  "
13668  
13669>
13670  <div ref="priceContainer">
13671  
13672    
13673    <div
13674      class="
13675        price__regular
13676        
13677      "
13678    >
13679      <span class="price">$35.00</span>
13680    </div>
13681    <div
13682      class="
13683        price__sale
13684        
13685          price__hidden
13686        
13687      "
13688    >
13689      
13690        <span class="price-item__group">
13691          <span class="visually-hidden">Sale price&nbsp;</span>
13692          <span class="price-item--sale price">$35.00</span>
13693        </span>
13694        <span class="price-item__group">
13695          <span class="visually-hidden">Regular price&nbsp;</span>
13696          <span class="price-item--regular compare-at-price"></span>
13697        </span>
13698      
13699    </div>
13700  
13701</div>
13702
13703  
13704</product-price>
13705
13706
13707
13708
13709  </div>
13710</product-card>
13711
13712
13713
13714
13715
13716
13717
13718
13719
13720
13721
13722
13723
13724
13725
13726
13727            
13728          </li>
13729        
13730          <li
13731            id="template--20431062630562__main-8493957841058"
13732            class="product-grid__item product-grid__item--5"
13733            data-page="1"
13734            data-product-id="8493957841058"
13735            ref="cards[]"
13736          >
13737            
13738            
13739
13740
13741
13742
13743
13744<style data-shopify>
13745  
13746</style>
13747
13748
13749
13750<product-card
13751  class="product-card size-style"
13752  style="--size-style-width: ;--size-style-height: ;"
13753  data-product-id="8493957841058"
13754  id="product-card-AWk1PUjFRdmdEc25TR__product-card-5"
13755  
13756    data-product-transition="true"
13757    data-featured-media-url="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&width=500"
13758    on:click="/handleViewTransition"
13759  
13760  
13761  
13762>
13763  <a
13764    id="2a5de6cc579397bbd937b9264938571b"
13765    
13766      href="/products/hand-painted-swing-tags-set-of-six-green-camaieu?variant=44921262866594"
13767    
13768    class="product-card__link"
13769    ref="productCardLink"
13770  >
13771    <span class="visually-hidden">
13772      Hand Painted Swing Tags, Set of Six, Green Camaïeu
13773    </span>
13774  </a>
13775  <div
13776    class="
13777      product-card__content
13778      layout-panel-flex
13779      layout-panel-flex--column
13780      product-grid__card
13781      spacing-style
13782      border-style
13783      gap-style
13784      
13785    "
13786    style="
13787      --border-width: 1px; --border-style: none; --border-color:
13788rgb(var(--color-border-rgb) / 1.0); --border-radius:
137890px; 
13790
13791      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
13792
13793
13794
13795--horizontal-alignment: ; --vertical-alignment: ;
13796--vertical-alignment-mobile: ;
13797
13798      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13799      --product-card-gap: 4px;
13800      --quick-add-display: flex;
13801      --quick-add-mobile-display: none;
13802      --quick-add-mobile-opacity: 0;
13803      
13804      
13805      
13806      
13807    "
13808  >
13809    
13810  
13811
13812
13813
13814
13815
13816
13817
13818<div
13819  ref="cardGallery"
13820  class="card-gallery card-gallery-Ac2g0UC9tWk1DaVY3Y__card-gallery-5 spacing-style border-style"
13821  style="
13822    --border-width: 1px; --border-style: none; --border-color:
13823rgb(var(--color-border-rgb) / 1.0); --border-radius:
138240px; 
13825
13826    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13827    --gallery-aspect-ratio: 1.0;
13828  "
13829  data-product-id="8493957841058"
13830  
13831    on:pointerenter="/previewImage"
13832    on:pointerleave="/resetImage"
13833  
13834  
13835    data-view-transition-to-main-product
13836  
13837  data-image-ratio="adapt"
13838  
13839>
13840    <a
13841      class="contents"
13842      ref="cardGalleryLink"
13843      href="/products/hand-painted-swing-tags-set-of-six-green-camaieu?variant=44921262866594"
13844      aria-label="Hand Painted Swing Tags, Set of Six, Green Camaïeu"
13845    >
13846      <slideshow-component
13847  
13848    ref="slideshow"
13849  
13850  
13851  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
13852  
13853  initial-slide="0"
13854  
13855  
13856    infinite
13857  
13858
13859  data-generic-media-size="2"
13860>
13861  
13862  <slideshow-container ref="slideshowContainer">
13863    
13864    
13865    <slideshow-slides
13866      tabindex="-1"
13867      ref="scroller"
13868      
13869    >
13870      <slideshow-slide
13871  ref="slides[]"
13872  aria-hidden="false"
13873  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
13874  
13875    class="product-media-container media-fit product-media-container--image"
13876  
13877  
13878  
13879  
13880    slide-id="31779582443682"
13881  
13882  
13883  
13884  
13885>
13886  
13887
13888<div
13889  class="product-media"
13890  style="--ratio: 1.0"
13891  data-media-id="31779582443682"
13892>
13893  
13894  <img src="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&amp;width=3840" alt="HandPaintedSwingTags-Green
13895" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&amp;width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&amp;width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&amp;width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&amp;width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&amp;width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&amp;width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&amp;width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&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" data_max_resolution="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
13896
13897  
13898</div>
13899
13900
13901
13902</slideshow-slide>
13903
13904
13905
13906<slideshow-slide
13907  ref="slides[]"
13908  aria-hidden="true"
13909  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
13910  
13911    class="product-media-container media-fit product-media-container--image"
13912  
13913  
13914  
13915  
13916    slide-id="31779582476450"
13917  
13918  
13919  
13920  
13921>
13922  
13923
13924<div
13925  class="product-media"
13926  style="--ratio: 1.0"
13927  data-media-id="31779582476450"
13928>
13929  
13930  <img src="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green1.jpg?v=1728993933&amp;width=3840" alt="HandPaintedSwingTags-Green
13931" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green1.jpg?v=1728993933&amp;width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green1.jpg?v=1728993933&amp;width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green1.jpg?v=1728993933&amp;width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green1.jpg?v=1728993933&amp;width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green1.jpg?v=1728993933&amp;width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green1.jpg?v=1728993933&amp;width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green1.jpg?v=1728993933&amp;width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green1.jpg?v=1728993933&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" data_max_resolution="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green1.jpg?v=1728993933&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
13932
13933  
13934</div>
13935
13936
13937
13938</slideshow-slide>
13939
13940
13941
13942
13943    </slideshow-slides>
13944  </slideshow-container>
13945  
13946</slideshow-component>
13947
13948
13949
13950
13951    </a>
13952  
13953  
13954    <div
13955      class="product-badges product-badges--top-left"
13956      style="
13957        --badge-border-radius: 40px;
13958        --badge-font-family: var(--font-body--family);
13958 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
13959      "
13960    ></div>
13961    
13962      
13963
13964<quick-add-component
13965  class="quick-add color-scheme-1 "
13966  ref="quickAdd"
13967  data-product-title="Hand Painted Swing Tags, Set of Six, Green Camaïeu"
13968  data-quick-add-button="add"
13969  data-product-options-count="1"
13970>
13971  <product-form-component
13972    data-section-id="template--20431062630562__main"
13973    data-product-id="8493957841058"
13974    on:submit="/handleSubmit"
13975    class="quick-add__product-form-component"
13976  >
13977    <div
13978      class="visually-hidden"
13979      aria-live="assertive"
13980      role="status"
13981      aria-atomic="true"
13982      ref="liveRegion"
13983    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8493957841058-Ac2g0UC9tWk1DaVY3Y__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
13984        type="hidden"
13985        name="id"
13986        ref="variantId"
13987        value="44921262866594"
13988        
13989      >
13990      <input
13991        type="hidden"
13992        name="quantity"
13993        value="1"
13994      >
13995      
13996      <add-to-cart-component
13997  ref="addToCartButtonContainer"
13998  data-product-variant-media="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&width=100"
13999  data-add-to-cart-animation="true"
14000>
14001  <button
14002    
14003    type="submit"
14004    name="add"
14005    ref="addToCartButton"
14006    on:click="/handleClick"
14007    class="button button quick-add__button quick-add__button--add add-to-cart-button"
14008    
14009    
14010  >
14011    <span
14012      class="add-to-cart-text"
14013    >
14014      
14015        <span
14016          aria-hidden="true"
14017          class="svg-wrapper add-to-cart-icon"
14018        ><svg aria-hidden="true" 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>
14019</span>
14020      
14021      <span class="add-to-cart-text__content is-visually-hidden-mobile">
14022        <span>
14023          <span>Add</span>
14024        </span>
14025      </span>
14026    </span>
14027    
14028    <span class="add-to-cart__added">
14029      <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">
14030  <g class="check">
14031    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14032    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14033  </g>
14034  <g class="burst">
14035    <g style="--index: 0;">
14036      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14037    </g>
14038    <g style="--index: 1;">
14039      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14040    </g>
14041    <g style="--index: 2;">
14042      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14043    </g>
14044    <g style="--index: 3;">
14045      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14046    </g>
14047    <g style="--index: 4;">
14048      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14049    </g>
14050    <g style="--index: 5;">
14051      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14052    </g>
14053    <g style="--index: 6;">
14054      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14055    </g>
14056    <g style="--index: 7;">
14057      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14058    </g>
14059  </g>
14060</svg>
14061</span>
14062    </span>
14063  </button>
14064</add-to-cart-component>
14065
14066
14067      <button
14068        class="button quick-add__button quick-add__button--choose add-to-cart-button"
14069        
14070        type="button"
14071        name="add"
14072        on:click="quick-add-component/handleClick"
14073      >
14074        <span
14075          class="add-to-cart-text"
14076        >
14077          
14078          <span
14079            aria-hidden="true"
14080            class="svg-wrapper add-to-cart-icon"
14081          ><svg aria-hidden="true" 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>
14082</span>
14083          <span class="add-to-cart-text__content is-visually-hidden-mobile">
14084            <span>
14085              
14086              <span>
14087                Choose
14088              </span>
14089            </span>
14090          </span>
14091        </span>
14092      </button><input type="hidden" name="product-id" value="8493957841058" /><input type="hidden" name="section-id" value="template--20431062630562__main" /></form></product-form-component>
14093</quick-add-component>
14094
14095
14096
14097
14098    
14099  
14100
14101</div>
14102
14103
14104
14105
14106
14107<div class="product-grid-view-zoom-out--details">
14108  
14109    <h3 class="h4">Hand Painted Swing Tags, Set of Six, Green Camaïeu</h3>
14110  
14111</div>
14112
14113
14114
14115
14116
14117
14118
14119
14120  
14121  <a
14122    class="contents user-select-text"
14123    ref="productTitleLink"
14124    href="/products/hand-painted-swing-tags-set-of-six-green-camaieu?variant=44921262866594"
14125  >
14126    
14127
14128
14129
14130
14131
14132
14133  <div class=" spacing-style text-block text-block--AdG9nbk5LdVFocWFlb__product_title_4nY4eT-5 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);              --text-align: left;          ">
14134    <p role="heading" aria-level="3">Hand Painted Swing Tags, Set of Six, Green Camaïeu</p>
14135  </div>
14136
14137
14138
14139  </a>
14140
14141
14142
14143
14144
14145
14146<product-price
14147  class="text-block text-block--align-left custom-typography custom-font-size custom-color text-left custom spacing-style"
14148  data-block-id="AUDlUNGdYUnZsRkZMc__price_EzJzMm-5"
14149  data-product-id="8493957841058"
14150  style="
14151    
14152--color: var(--color-foreground);--font-size: 0.75rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
14153    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
14154    --width: 100%;
14155  "
14156  
14157>
14158  <div ref="priceContainer">
14159  
14160    
14161    <div
14162      class="
14163        price__regular
14164        
14165      "
14166    >
14167      <span class="price">$35.00</span>
14168    </div>
14169    <div
14170      class="
14171        price__sale
14172        
14173          price__hidden
14174        
14175      "
14176    >
14177      
14178        <span class="price-item__group">
14179          <span class="visually-hidden">Sale price&nbsp;</span>
14180          <span class="price-item--sale price">$35.00</span>
14181        </span>
14182        <span class="price-item__group">
14183          <span class="visually-hidden">Regular price&nbsp;</span>
14184          <span class="price-item--regular compare-at-price"></span>
14185        </span>
14186      
14187    </div>
14188  
14189</div>
14190
14191  
14192</product-price>
14193
14194
14195
14196
14197  </div>
14198</product-card>
14199
14200
14201
14202
14203
14204
14205
14206
14207
14208
14209
14210
14211
14212
14213
14214
14215            
14216          </li>
14217        
14218          <li
14219            id="template--20431062630562__main-8493975011490"
14220            class="product-grid__item product-grid__item--6"
14221            data-page="1"
14222            data-product-id="8493975011490"
14223            ref="cards[]"
14224          >
14225            
14226            
14227
14228
14229
14230
14231
14232<style data-shopify>
14233  
14234</style>
14235
14236
14237
14238<product-card
14239  class="product-card size-style"
14240  style="--size-style-width: ;--size-style-height: ;"
14241  data-product-id="8493975011490"
14242  id="product-card-AWk1PUjFRdmdEc25TR__product-card-6"
14243  
14244    data-product-transition="true"
14245    data-featured-media-url="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&width=500"
14246    on:click="/handleViewTransition"
14247  
14248  
14249  
14250>
14251  <a
14252    id="f187a0579ebd2031ea3d67f17852f416"
14253    
14254      href="/products/hand-painted-placecards-set-of-six-green-camaieu?variant=44921295372450"
14255    
14256    class="product-card__link"
14257    ref="productCardLink"
14258  >
14259    <span class="visually-hidden">
14260      Hand Painted Placecards, Set of 12, Green Camaïeu
14261    </span>
14262  </a>
14263  <div
14264    class="
14265      product-card__content
14266      layout-panel-flex
14267      layout-panel-flex--column
14268      product-grid__card
14269      spacing-style
14270      border-style
14271      gap-style
14272      
14273    "
14274    style="
14275      --border-width: 1px; --border-style: none; --border-color:
14276rgb(var(--color-border-rgb) / 1.0); --border-radius:
142770px; 
14278
14279      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
14280
14281
14282
14283--horizontal-alignment: ; --vertical-alignment: ;
14284--vertical-alignment-mobile: ;
14285
14286      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
14287      --product-card-gap: 4px;
14288      --quick-add-display: flex;
14289      --quick-add-mobile-display: none;
14290      --quick-add-mobile-opacity: 0;
14291      
14292      
14293      
14294      
14295    "
14296  >
14297    
14298  
14299
14300
14301
14302
14303
14304
14305
14306<div
14307  ref="cardGallery"
14308  class="card-gallery card-gallery-Ac2g0UC9tWk1DaVY3Y__card-gallery-6 spacing-style border-style"
14309  style="
14310    --border-width: 1px; --border-style: none; --border-color:
14311rgb(var(--color-border-rgb) / 1.0); --border-radius:
143120px; 
14313
14314    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
14315    --gallery-aspect-ratio: 1.0;
14316  "
14317  data-product-id="8493975011490"
14318  
14319    on:pointerenter="/previewImage"
14320    on:pointerleave="/resetImage"
14321  
14322  
14323    data-view-transition-to-main-product
14324  
14325  data-image-ratio="adapt"
14326  
14327>
14328    <a
14329      class="contents"
14330      ref="cardGalleryLink"
14331      href="/products/hand-painted-placecards-set-of-six-green-camaieu?variant=44921295372450"
14332      aria-label="Hand Painted Placecards, Set of 12, Green Camaïeu"
14333    >
14334      <slideshow-component
14335  
14336    ref="slideshow"
14337  
14338  
14339  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
14340  
14341  initial-slide="0"
14342  
14343  
14344    infinite
14345  
14346
14347  data-generic-media-size="2"
14348>
14349  
14350  <slideshow-container ref="slideshowContainer">
14351    
14352    
14353    <slideshow-slides
14354      tabindex="-1"
14355      ref="scroller"
14356      
14357    >
14358      <slideshow-slide
14359  ref="slides[]"
14360  aria-hidden="false"
14361  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
14362  
14363    class="product-media-container media-fit product-media-container--image"
14364  
14365  
14366  
14367  
14368    slide-id="31779568877730"
14369  
14370  
14371  
14372  
14373>
14374  
14375
14376<div
14377  class="product-media"
14378  style="--ratio: 1.0"
14379  data-media-id="31779568877730"
14380>
14381  
14382  <img src="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&amp;width=3840" alt="HandPaintedPlacecards-Green
14383" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&amp;width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&amp;width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&amp;width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&amp;width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&amp;width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&amp;width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&amp;width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&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" data_max_resolution="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
14384
14385  
14386</div>
14387
14388
14389
14390</slideshow-slide>
14391
14392
14393
14394<slideshow-slide
14395  ref="slides[]"
14396  aria-hidden="true"
14397  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
14398  
14399    class="product-media-container media-fit product-media-container--image"
14400  
14401  
14402  
14403  
14404    slide-id="31779568910498"
14405  
14406  
14407  
14408  
14409>
14410  
14411
14412<div
14413  class="product-media"
14414  style="--ratio: 1.0"
14415  data-media-id="31779568910498"
14416>
14417  
14418  <img src="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green1.jpg?v=1728993798&amp;width=3840" alt="HandPaintedPlacecards-Green
14419" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green1.jpg?v=1728993798&amp;width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green1.jpg?v=1728993798&amp;width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green1.jpg?v=1728993798&amp;width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green1.jpg?v=1728993798&amp;width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green1.jpg?v=1728993798&amp;width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green1.jpg?v=1728993798&amp;width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green1.jpg?v=1728993798&amp;width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green1.jpg?v=1728993798&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" data_max_resolution="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green1.jpg?v=1728993798&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
14420
14421  
14422</div>
14423
14424
14425
14426</slideshow-slide>
14427
14428
14429
14430
14431    </slideshow-slides>
14432  </slideshow-container>
14433  
14434</slideshow-component>
14435
14436
14437
14438
14439    </a>
14440  
14441  
14442    <div
14443      class="product-badges product-badges--top-left"
14444      style="
14445        --badge-border-radius: 40px;
14446        --badge-font-family: var(--font-body--family);
14446 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
14447      "
14448    ></div>
14449    
14450      
14451
14452<quick-add-component
14453  class="quick-add color-scheme-1 "
14454  ref="quickAdd"
14455  data-product-title="Hand Painted Placecards, Set of 12, Green Camaïeu"
14456  data-quick-add-button="add"
14457  data-product-options-count="1"
14458>
14459  <product-form-component
14460    data-section-id="template--20431062630562__main"
14461    data-product-id="8493975011490"
14462    on:submit="/handleSubmit"
14463    class="quick-add__product-form-component"
14464  >
14465    <div
14466      class="visually-hidden"
14467      aria-live="assertive"
14468      role="status"
14469      aria-atomic="true"
14470      ref="liveRegion"
14471    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-8493975011490-Ac2g0UC9tWk1DaVY3Y__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
14472        type="hidden"
14473        name="id"
14474        ref="variantId"
14475        value="44921295372450"
14476        
14477      >
14478      <input
14479        type="hidden"
14480        name="quantity"
14481        value="1"
14482      >
14483      
14484      <add-to-cart-component
14485  ref="addToCartButtonContainer"
14486  data-product-variant-media="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&width=100"
14487  data-add-to-cart-animation="true"
14488>
14489  <button
14490    
14491    type="submit"
14492    name="add"
14493    ref="addToCartButton"
14494    on:click="/handleClick"
14495    class="button button quick-add__button quick-add__button--add add-to-cart-button"
14496    
14497    
14498  >
14499    <span
14500      class="add-to-cart-text"
14501    >
14502      
14503        <span
14504          aria-hidden="true"
14505          class="svg-wrapper add-to-cart-icon"
14506        ><svg aria-hidden="true" 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>
14507</span>
14508      
14509      <span class="add-to-cart-text__content is-visually-hidden-mobile">
14510        <span>
14511          <span>Add</span>
14512        </span>
14513      </span>
14514    </span>
14515    
14516    <span class="add-to-cart__added">
14517      <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">
14518  <g class="check">
14519    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14520    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14521  </g>
14522  <g class="burst">
14523    <g style="--index: 0;">
14524      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14525    </g>
14526    <g style="--index: 1;">
14527      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14528    </g>
14529    <g style="--index: 2;">
14530      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14531    </g>
14532    <g style="--index: 3;">
14533      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14534    </g>
14535    <g style="--index: 4;">
14536      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14537    </g>
14538    <g style="--index: 5;">
14539      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14540    </g>
14541    <g style="--index: 6;">
14542      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14543    </g>
14544    <g style="--index: 7;">
14545      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
14546    </g>
14547  </g>
14548</svg>
14549</span>
14550    </span>
14551  </button>
14552</add-to-cart-component>
14553
14554
14555      <button
14556        class="button quick-add__button quick-add__button--choose add-to-cart-button"
14557        
14558        type="button"
14559        name="add"
14560        on:click="quick-add-component/handleClick"
14561      >
14562        <span
14563          class="add-to-cart-text"
14564        >
14565          
14566          <span
14567            aria-hidden="true"
14568            class="svg-wrapper add-to-cart-icon"
14569          ><svg aria-hidden="true" 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>
14570</span>
14571          <span class="add-to-cart-text__content is-visually-hidden-mobile">
14572            <span>
14573              
14574              <span>
14575                Choose
14576              </span>
14577            </span>
14578          </span>
14579        </span>
14580      </button><input type="hidden" name="product-id" value="8493975011490" /><input type="hidden" name="section-id" value="template--20431062630562__main" /></form></product-form-component>
14581</quick-add-component>
14582
14583
14584
14585
14586    
14587  
14588
14589</div>
14590
14591
14592
14593
14594
14595<div class="product-grid-view-zoom-out--details">
14596  
14597    <h3 class="h4">Hand Painted Placecards, Set of 12, Green Camaïeu</h3>
14598  
14599</div>
14600
14601
14602
14603
14604
14605
14606
14607
14608  
14609  <a
14610    class="contents user-select-text"
14611    ref="productTitleLink"
14612    href="/products/hand-painted-placecards-set-of-six-green-camaieu?variant=44921295372450"
14613  >
14614    
14615
14616
14617
14618
14619
14620
14621  <div class=" spacing-style text-block text-block--AdG9nbk5LdVFocWFlb__product_title_4nY4eT-6 rte    text-block--align-left rte   "  style="    --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);              --text-align: left;          ">
14622    <p role="heading" aria-level="3">Hand Painted Placecards, Set of 12, Green Camaïeu</p>
14623  </div>
14624
14625
14626
14627  </a>
14628
14629
14630
14631
14632
14633
14634<product-price
14635  class="text-block text-block--align-left custom-typography custom-font-size custom-color text-left custom spacing-style"
14636  data-block-id="AUDlUNGdYUnZsRkZMc__price_EzJzMm-6"
14637  data-product-id="8493975011490"
14638  style="
14639    
14640--color: var(--color-foreground);--font-size: 0.75rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-normal);
14641    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
14642    --width: 100%;
14643  "
14644  
14645>
14646  <div ref="priceContainer">
14647  
14648    
14649    <div
14650      class="
14651        price__regular
14652        
14653      "
14654    >
14655      <span class="price">$30.00</span>
14656    </div>
14657    <div
14658      class="
14659        price__sale
14660        
14661          price__hidden
14662        
14663      "
14664    >
14665      
14666        <span class="price-item__group">
14667          <span class="visually-hidden">Sale price&nbsp;</span>
14668          <span class="price-item--sale price">$30.00</span>
14669        </span>
14670        <span class="price-item__group">
14671          <span class="visually-hidden">Regular price&nbsp;</span>
14672          <span class="price-item--regular compare-at-price"></span>
14673        </span>
14674      
14675    </div>
14676  
14677</div>
14678
14679  
14680</product-price>
14681
14682
14683
14684
14685  </div>
14686</product-card>
14687
14688
14689
14690
14691
14692
14693
14694
14695
14696
14697
14698
14699
14700
14701
14702
14703            
14704          </li>
14705        
14706      
14707      </ul>
14708      
14709        <span ref="viewMoreNext"></span>
14710      
14711    
14712  </div>
14713</div>
14714
14715
14716
14717    
14718  </div>
14719</results-list>
14720
14721
14722</div>
14723    </main>
14724
14725    <footer>
14726      <!-- BEGIN sections: footer-group -->
14727<div id="shopify-section-sections--20431057977506__section_a386PA" class="shopify-section shopify-section-group-footer-group section-wrapper">
14728
14729
14730
14731<div class="section-background color-scheme-20e8beed-6389-4098-8b25-d9607b54b945"></div>
14732<div
14733  class="section section--page-width color-scheme-20e8beed-6389-4098-8b25-d9607b54b945"
14734  data-testid="ui-test-section"
14735
14736  
14737
14738  style="
14739    
14740      --section-min-height: 0svh;
14741    
14742
14743    
14744     --section-preview-height: 600px;
14745     
14746  "
14747>
14748  <div class="custom-section-background">
14749    
14750
14751
14752
14753  </div>
14754
14755  <div
14756    class="border-style custom-section-content"
14757    style="--border-width: 1px; --border-style: none; --border-color:
14758rgb(var(--color-border-rgb) / 1.0); --border-radius:
147590px; 
14760"
14761  >
14762    
14763
14764    <div
14765      class="
14766        spacing-style
14767        layout-panel-flex
14768        layout-panel-flex--row
14769        section-content-wrapper
14770         mobile-column
14771      "
14772      style="
14773        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
14774
14775--gap: 0px;
14776
14777--horizontal-alignment: flex-start; --vertical-alignment: center;
14778--vertical-alignment-mobile: center;
14779
14780        --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: 0px;
14781      "
14782      data-testid="section-content"
14783    >
14784      
14785  
14786
14787
14788<div
14789  class="
14790    group-block
14791    group-block--height-fit
14792    group-block--width-fit-content
14793    border-style
14794    spacing-style
14795    size-style
14796    
14797    
14798  "
14799  style="
14800    --border-width: 1px; --border-style: none; --border-color:
14801rgb(var(--color-border-rgb) / 1.0); --border-radius:
148020px; 
14803
14804    --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
14805    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
14806    
14807  "
14808  
14809  data-testid="group-block"
14810><div class="group-block__media-wrapper">
14811    
14812
14813
14814
14815    
14816  </div>
14817
14818  <div
14819    class="
14820      group-block-content
14821      
14822      layout-panel-flex
14823      layout-panel-flex--column
14824       mobile-column
14825    "
14826    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
14827
14828--gap: 13px;
14829
14830--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
14831--vertical-alignment-mobile: flex-start;
14832"
14833  >
14834  
14835
14836
14837<div
14838  class="
14839    group-block
14840    group-block--height-fit
14841    group-block--width-fit-content
14842    border-style
14843    spacing-style
14844    size-style
14845    
14846    
14847  "
14848  style="
14849    --border-width: 1px; --border-style: none; --border-color:
14850rgb(var(--color-border-rgb) / 1.0); --border-radius:
148510px; 
14852
14853    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
14854    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
14855    
14856  "
14857  
14858  data-testid="group-block"
14859><div class="group-block__media-wrapper">
14860    
14861
14862
14863
14864    
14865  </div>
14866
14867  <div
14868    class="
14869      group-block-content
14870      
14871      layout-panel-flex
14872      layout-panel-flex--column
14873       mobile-column
14874    "
14875    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
14876
14877--gap: 0px;
14878
14879--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
14880--vertical-alignment-mobile: flex-start;
14881"
14882  >
14883  
14884</div>
14885</div>
14886
14887
14888
14889
14890
14891
14892
14893
14894
14895
14896
14897
14898  <div class=" spacing-style text-block text-block--AWkJwV0VXZzJLQkpIO__text_eEdUCe h6      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:15px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);              ">
14899    <p><a href="/pages/about" title="Z.d.G">OUR STORY</a><br/><a href="/blogs/at-zoes-table" title="Zoë's Journal">THE JOURNAL</a><br/>
14899<a href="https://zdgofficial.com/pages/trade" title="https://zdgofficial.com/pages/trade">TRADE PROGRAM</a><br/><a href="/pages/subscribe-to-zoes-table" title="Subscribe to Zoë's Table">SUBSCRIBE TO ZOË'S TABLE </a></p>
14900  </div>
14901
14902
14903
14904
14905
14906</div>
14907</div>
14908
14909
14910
14911
14912
14913
14914
14915
14916<div
14917  class="
14918    group-block
14919    group-block--height-fit
14920    group-block--width-fill
14921    border-style
14922    spacing-style
14923    size-style
14924    
14925    
14926  "
14927  style="
14928    --border-width: 1px; --border-style: none; --border-color:
14929rgb(var(--color-border-rgb) / 1.0); --border-radius:
149300px; 
14931
14932    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
14933    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
14934    
14935  "
14936  
14937  data-testid="group-block"
14938><div class="group-block__media-wrapper">
14939    
14940
14941
14942
14943    
14944  </div>
14945
14946  <div
14947    class="
14948      group-block-content
14949      
14950      layout-panel-flex
14951      layout-panel-flex--row
14952       mobile-column
14953    "
14954    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
14955
14956--gap: 0px;
14957
14958--horizontal-alignment: flex-end; --vertical-alignment: center;
14959--vertical-alignment-mobile: center;
14960"
14961  >
14962  
14963
14964
14965<div
14966  class="
14967    group-block
14968    group-block--height-fit
14969    group-block--width-fit-content
14970    border-style
14971    spacing-style
14972    size-style
14973    
14974    
14975  "
14976  style="
14977    --border-width: 1px; --border-style: none; --border-color:
14978rgb(var(--color-border-rgb) / 1.0); --border-radius:
149790px; 
14980
14981    --padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 15px;--padding-inline-end: 15px;
14982    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
14983    
14984  "
14985  
14986  data-testid="group-block"
14987><div class="group-block__media-wrapper">
14988    
14989
14990
14991
14992    
14993  </div>
14994
14995  <div
14996    class="
14997      group-block-content
14998      
14999      layout-panel-flex
15000      layout-panel-flex--column
15001       mobile-column
15002    "
15003    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
15004
15005--gap: 0px;
15006
15007--horizontal-alignment: flex-start; --vertical-alignment: center;
15008--vertical-alignment-mobile: center;
15009"
15010  >
15011  
15012
15013
15014<div
15015  class="
15016    group-block
15017    group-block--height-fit
15018    group-block--width-fit-content
15019    border-style
15020    spacing-style
15021    size-style
15022    
15023    
15024  "
15025  style="
15026    --border-width: 1px; --border-style: none; --border-color:
15027rgb(var(--color-border-rgb) / 1.0); --border-radius:
150280px; 
15029
15030    --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
15031    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
15032    
15033  "
15034  
15035  data-testid="group-block"
15036><div class="group-block__media-wrapper">
15037    
15038
15039
15040
15041    
15042  </div>
15043
15044  <div
15045    class="
15046      group-block-content
15047      
15048      layout-panel-flex
15049      layout-panel-flex--column
15050       mobile-column
15051    "
15052    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
15053
15054--gap: 13px;
15055
15056--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
15057--vertical-alignment-mobile: flex-start;
15058"
15059  >
15060  
15061
15062
15063<div
15064  class="
15065    group-block
15066    group-block--height-fit
15067    group-block--width-fit-content
15068    border-style
15069    spacing-style
15070    size-style
15071    
15072    
15073  "
15074  style="
15075    --border-width: 1px; --border-style: none; --border-color:
15076rgb(var(--color-border-rgb) / 1.0); --border-radius:
150770px; 
15078
15079    --padding-block-start: 10px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
15080    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
15081    
15082  "
15083  
15084  data-testid="group-block"
15085><div class="group-block__media-wrapper">
15086    
15087
15088
15089
15090    
15091  </div>
15092
15093  <div
15094    class="
15095      group-block-content
15096      
15097      layout-panel-flex
15098      layout-panel-flex--column
15099       mobile-column
15100    "
15101    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
15102
15103--gap: 13px;
15104
15105--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
15106--vertical-alignment-mobile: flex-start;
15107"
15108  >
15109  
15110</div>
15111</div>
15112
15113
15114
15115
15116
15117
15118</div>
15119</div>
15120
15121
15122
15123
15124
15125
15126
15127
15128<div
15129  class="email-signup-block size-style spacing-style"
15130  style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
15131  
15132>
15133  
15134<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="✓" />
15135    <div
15136      class="email-signup__input-group  email-signup__input-group--underline   "
15137      style="--border-width: 1px; --border-radius: 100px;"
15138    >
15139      <label
15140        for="EmailInput-AMGVhTjZIdGhWWDNKQ__email_signup_FHmzxj"
15141        class="visually-hidden"
15142      >
15143        Email
15144      </label>
15145      <input
15146        id="EmailInput-AMGVhTjZIdGhWWDNKQ__email_signup_FHmzxj"
15147        class="email-signup__input email-signup__input--underline paragraph "
15148        type="email"
15149        name="contact[email]"
15150        autocorrect="off"
15151        autocapitalize="off"
15152        autocomplete="email"
15153        placeholder="Email address"
15154        required
15155        
15156      >
15157      <button
15158        class="email-signup__button email-signup__button--integrated email-signup__button--text h6 button-secondary button-secondary--AMGVhTjZIdGhWWDNKQ__email_signup_FHmzxj "
15159        
15160      >
15161        
15162          Join Now
15163        
15164      </button>
15165    </div></form>
15166</div>
15167
15168
15169
15170
15171
15172
15173<div
15174  class="social-icons__wrapper"
15175  
15176>
15177  
15178
15179  
15180    
15181
15182    
15183    
15184  
15185    
15186
15187    
15188    
15189      
15190        <div
15191          class="social-icons__icon-wrapper"
15192        >
15193          <a
15194            href="https://www.instagram.com/zdgofficial/?hl=en"
15195            target="_blank"
15196            rel="noopener noreferrer"
15197            aria-label="Instagram"
15198            
15199          >
15200            <span class="social-icons__icon-label">Instagram</span>
15201            
15202              <svg
15203                class="social-icons__icon icon-default"
15204                aria-hidden="true"
15205                focusable="false"
15206                xmlns="http://www.w3.org/2000/svg"
15207                viewBox="0 0 20 20"
15208              >
15209
15210
15211<path
15212      fill-rule="evenodd"
15213      d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
15214      clip-rule="evenodd"
15215    /></svg>
15216            
15217          </a>
15218        </div>
15219      
15220    
15221  
15222    
15223
15224    
15225    
15226  
15227    
15228
15229    
15230    
15231  
15232    
15233
15234    
15235    
15236  
15237    
15238
15239    
15240    
15241  
15242    
15243
15244    
15245    
15246  
15247    
15248
15249    
15250    
15251  
15252    
15253
15254    
15255    
15256  
15257    
15258
15259    
15260    
15261      
15262        <div
15263          class="social-icons__icon-wrapper"
15264        >
15265          <a
15266            href="https://uk.pinterest.com/zdgofficial/_saved/"
15267            target="_blank"
15268            rel="noopener noreferrer"
15269            aria-label="Pinterest"
15270            
15271          >
15272            <span class="social-icons__icon-label">Pinterest</span>
15273            
15274              <svg
15275                class="social-icons__icon icon-default"
15276                aria-hidden="true"
15277                focusable="false"
15278                xmlns="http://www.w3.org/2000/svg"
15279                viewBox="0 0 20 20"
15280              >
15281
15282
15283<path d="M10 2.01c2.124.01 4.16.855 5.666 2.353a8.087 8.087 0 0 1 1.277 9.68A7.952 7.952 0 0 1 10 18.04a8.164 8.164 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297.836 0 1.585-.24 2.248-.72a4.678 4.678 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.061 5.061 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.023 5.023 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.257 2.257 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228 0 .768-.106 1.479-.317 2.122a3.813 3.813 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085.147-.514.298-1.026.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.067 8.067 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.721 7.721 0 0 1 10 2.001v.01Z" /></svg>
15284            
15285          </a>
15286        </div>
15287      
15288    
15289  
15290    
15291
15292    
15293    
15294  
15295    
15296
15297    
15298    
15299  
15300    
15301
15302    
15303    
15304  
15305</div>
15306
15307
15308
15309
15310
15311
15312<div
15313  class="social-icons__wrapper"
15314  
15315>
15316  
15317
15318  
15319    
15320
15321    
15322    
15323  
15324    
15325
15326    
15327    
15328  
15329    
15330
15331    
15332    
15333  
15334    
15335
15336    
15337    
15338  
15339    
15340
15341    
15342    
15343  
15344    
15345
15346    
15347    
15348  
15349    
15350
15351    
15352    
15353  
15354    
15355
15356    
15357    
15358  
15359    
15360
15361    
15362    
15363  
15364    
15365
15366    
15367    
15368  
15369    
15370
15371    
15372    
15373  
15374    
15375
15376    
15377    
15378  
15379    
15380
15381    
15382    
15383  
15384</div>
15385
15386
15387
15388
15389
15390</div>
15391</div>
15392
15393
15394
15395
15396
15397
15398</div>
15399</div>
15400
15401
15402
15403
15404
15405
15406
15407    </div>
15408  </div>
15409</div>
15410
15411
15412
15413
15414
15415<style> #shopify-section-sections--20431057977506__section_a386PA a, #shopify-section-sections--20431057977506__section_a386PA p, #shopify-section-sections--20431057977506__section_a386PA span, #shopify-section-sections--20431057977506__section_a386PA h2, #shopify-section-sections--20431057977506__section_a386PA h3, #shopify-section-sections--20431057977506__section_a386PA h4, #shopify-section-sections--20431057977506__section_a386PA .multicolumn-list__item * {font-family: "Louize", serif !important;} @media screen and (max-width: 749px) {#shopify-section-sections--20431057977506__section_a386PA .multicolumn-list__item, #shopify-section-sections--20431057977506__section_a386PA .multicolumn-list__item-info {display: block !important; text-align: left !important; padding-left: 0 !important; margin-left: 0 !important; width: 100% !important; } #shopify-section-sections--20431057977506__section_a386PA .multicolumn-list__item * {text-align: left !important; margin-left: 0 !important; }} #shopify-section-sections--20431057977506__section_a386PA a {text-decoration: none !important;} #shopify-section-sections--20431057977506__section_a386PA p, #shopify-section-sections--20431057977506__section_a386PA a {line-height: 2.2 !important; margin-bottom: 4px !important;} </style></div><div id="shopify-section-sections--20431057977506__section_dygAQy" class="shopify-section shopify-section-group-footer-group section-wrapper">
15416
15417
15418
15419<div class="section-background color-scheme-20e8beed-6389-4098-8b25-d9607b54b945"></div>
15420<div
15421  class="section section--page-width color-scheme-20e8beed-6389-4098-8b25-d9607b54b945"
15422  data-testid="ui-test-section"
15423
15424  
15425
15426  style="
15427    
15428
15429    
15430  "
15431>
15432  <div class="custom-section-background">
15433    
15434
15435
15436
15437  </div>
15438
15439  <div
15440    class="border-style custom-section-content"
15441    style="--border-width: 1px; --border-style: none; --border-color:
15442rgb(var(--color-border-rgb) / 1.0); --border-radius:
154430px; 
15444"
15445  >
15446    
15447
15448    <div
15449      class="
15450        spacing-style
15451        layout-panel-flex
15452        layout-panel-flex--column
15453        section-content-wrapper
15454         mobile-column
15455      "
15456      style="
15457        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
15458
15459--gap: 12px;
15460
15461--horizontal-alignment: center; --vertical-alignment: center;
15462--vertical-alignment-mobile: center;
15463
15464        --padding-block-start: 0px;--padding-block-end: 0px;
15465      "
15466      data-testid="section-content"
15467    >
15468      
15469  
15470
15471
15472
15473
15474
15475
15476  <div class=" spacing-style text-block text-block--AVndKZ2poSWtaa2RhM__text_F4fdHm custom    text-block--align-center custom-typography  custom-font-size  custom-color   "  style="    --padding-block-start: 30px; --padding-block-end:20px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 0.875rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-normal);        --letter-spacing: var(--letter-spacing--body-loose);    --width: 100%;    --max-width: var(--max-width--body-normal);              --text-align: center;          ">
15477    <p><a href="/policies/shipping-policy" title="Shipping Policy">Shipping Policy</a>  |     <a href="/pages/faq" title="FAQ">FAQ  </a>   | <a href="/policies/refund-policy" title="Refund Policy">Refund Policy</a> | <a href="/pages/accessibility-statement" title="Accessibility Statement">Accessibility Statement</a> </p>
15478  </div>
15479
15480
15481
15482
15483
15484
15485
15486
15487
15488
15489
15490
15491
15492
15493
15494
15495
15496
15497
15498  <div
15499    class="
15500  image-block image-block--AS3k5NjBCS1NvQjN6K__image_DFmz4F image-block--height-fit spacing-style size-style
15501"
15502    style="
15503  --ratio: 5.605;
15504  --size-style-width:25%;--size-style-height: fit;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;
15505  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 20px;--padding-inline-end: 20px;
15506"
15507    
15508  >
15509    
15510<img src="//zdgofficial.com/cdn/shop/files/ZdG_Logo_tagline.svg?v=1782798289&amp;width=3840" alt="" srcset="//zdgofficial.com/cdn/shop/files/ZdG_Logo_tagline.svg?v=1782798289&amp;width=240 240w, //zdgofficial.com/cdn/shop/files/ZdG_Logo_tagline.svg?v=1782798289&amp;width=352 352w, //zdgofficial.com/cdn/shop/files/ZdG_Logo_tagline.svg?v=1782798289&amp;width=832 832w, //zdgofficial.com/cdn/shop/files/ZdG_Logo_tagline.svg?v=1782798289&amp;width=1200 1200w, //zdgofficial.com/cdn/shop/files/ZdG_Logo_tagline.svg?v=1782798289&amp;width=1600 1600w, //zdgofficial.com/cdn/shop/files/ZdG_Logo_tagline.svg?v=1782798289&amp;width=1920 1920w, //zdgofficial.com/cdn/shop/files/ZdG_Logo_tagline.svg?v=1782798289&amp;width=2560 2560w, //zdgofficial.com/cdn/shop/files/ZdG_Logo_tagline.svg?v=1782798289&amp;width=3840 3840w" width="2242" height="400" class="image-block__image border-style" style="
15511  --ratio: 5.605;
15512  --border-width: 1px; --border-style: none; --border-color:
15513rgb(var(--color-border-rgb) / 1.0); --border-radius:
155140px; 
15515
15516" sizes="auto, (min-width: 750px) 100vw, 100vw">
15517
15518  </div>
15519
15520
15521
15522
15523
15524
15525
15526    </div>
15527  </div>
15528</div>
15529
15530
15531
15532
15533
15534<style> #shopify-section-sections--20431057977506__section_dygAQy a {text-decoration: none !important;} </style></div><div id="shopify-section-sections--20431057977506__footer_utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">
15535
15536<div class="section-background color-scheme-20e8beed-6389-4098-8b25-d9607b54b945"></div>
15537<div
15538  class="section section--page-width color-scheme-20e8beed-6389-4098-8b25-d9607b54b945"
15539  
15540>
15541  <div
15542    class="utilities utilities--blocks-2 spacing-style"
15543    style="--padding-block-start: 20px;--padding-block-end: 20px; --border-width: 1px; --gap: 24px;"
15544    data-testid="footer-utilities"
15545  >
15546    
15547
15548<div
15549  class="
15550    footer-utilities__group-copyright
15551    custom-typography
15552    custom-font-size
15553  "
15554  style="
15555--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-);"
15556  
15557>
15558  <span class="footer-utilities__text">
15559    &copy; 2026
15560    <a href="/" title="">Z.d.G. by Zoë de Givenchy</a></span>
15561</div>
15562
15563
15564
15565
15566  <anchored-popover-component
15567    data-hover-triggered="true"
15568  >
15569    <button
15570      class="policy-list-trigger button-unstyled"
15571      popovertarget="terms-policies-popover"
15572      popovertargetaction="toggle"
15573      ref="trigger"
15574      style="
15575--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-);"
15576      
15577    >
15578      Terms and Policies
15579    </button>
15580    <div
15581      class="terms-policies-popover color-scheme-1"
15582      id="terms-policies-popover"
15583      popover="auto"
15584      ref="popover"
15585    >
15586      <ul
15587        class="
15588          policy_list list-unstyled
15589          custom-typography
15590          custom-font-size
15591        "
15592      ><li>
15593              <a
15594                href="/policies/refund-policy"
15595                class="footer-utilities__text"
15596              >Refund policy</a>
15597            </li><li>
15598              <a
15599                href="/policies/privacy-policy"
15600                class="footer-utilities__text"
15601              >Privacy policy</a>
15602            </li><li>
15603              <a
15604                href="/policies/terms-of-service"
15605                class="footer-utilities__text"
15606              >Terms of service</a>
15607            </li><li>
15608              <a
15609                href="/policies/shipping-policy"
15610                class="footer-utilities__text"
15611              >Shipping policy</a>
15612            </li></ul>
15613    </div>
15614  </anchored-popover-component>
15615
15616
15617
15618
15619
15620
15621  </div>
15622</div>
15623
15624
15625
15626
15627</div>
15628<!-- END sections: footer-group -->
15629    </footer>
15630
15631    
15632
15633<script
15634  src="//zdgofficial.com/cdn/shop/t/36/assets/dialog.js?v=150888536568694194021785429912"
15635  type="module"
15636></script>
15636
15637
15638<script
15639  src="//zdgofficial.com/cdn/shop/t/36/assets/predictive-search.js?v=149240552485540508541785429912"
15640  type="module"
15641  fetchpriority="low"
15642></script>
15642
15643
15644<dialog-component
15645  id="search-modal"
15646  class="search-modal"
15647  
15648>
15649  <dialog
15650    ref="dialog"
15651    on:click="/closeDialogOnClickOutside"
15652    on:keydown="/closeDialogOnEscapePress"
15653    class="search-modal__content dialog-modal"
15654    scroll-lock
15655    aria-labelledby="search-modal-heading"
15656  >
15657    <h2
15658      id="search-modal-heading"
15659      class="visually-hidden"
15660    >
15661      Search
15662    </h2>
15663    <predictive-search-component
15664      class="predictive-search color-scheme-1"
15665      style="--product-corner-radius: 0px; --card-corner-radius: 0px;"
15666      data-section-id="predictive-search"
15667      data-testid="search-component--modal"
15668      role="search"
15669      aria-label="Search"
15670    >
15671      <form
15672        action="/search"
15673        method="get"
15674        role="search"
15675        class="predictive-search-form"
15676        ref="form"
15677        on:keydown="/onSearchKeyDown"
15678      >
15679        <div
15680          class="predictive-search-form__header"
15681        >
15682          <div class="predictive-search-form__header-inner">
15683            <label
15684              for="cmdk-input"
15685              class="visually-hidden"
15686            >Search</label>
15687            <input
15688              class="search-input"
15689              id="cmdk-input"
15690              type="search"
15691              name="q"
15692              role="combobox"
15693              aria-expanded="false"
15694              aria-owns="predictive-search-results"
15695              aria-controls="predictive-search-results"
15696              aria-haspopup="listbox"
15697              aria-autocomplete="list"
15698              autocomplete="off"
15699              placeholder="Search"
15700              ref="searchInput"
15701              on:input="/search"
15702              on:keydown="/onSearchKeyDown"
15703            >
15704            <input
15705              name="options[prefix]"
15706              type="hidden"
15707              value="last"
15708            >
15709            <span class="svg-wrapper predictive-search__icon">
15710              <svg aria-hidden="true" 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>
15711
15712            </span>
15713            <button
15714              type="button"
15715              class="button-unstyled predictive-search__reset-button"
15716              ref="resetButton"
15717              hidden
15718              on:click="/resetSearch"
15719            >
15720              Clear
15721            </button>
15722          </div>
15723          <button
15724            type="button"
15725            class="button predictive-search__close-modal-button"
15726            aria-label="Close dialog"
15727            on:click="dialog-component/closeDialog"
15728            ref="closeModalButton"
15729          >
15730            <span class="svg-wrapper">
15731              <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
15732  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15733  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
15734</svg>
15735
15736            </span>
15737          </button>
15738        </div>
15739
15740        <div class="predictive-search-form__content-wrapper">
15741          <div
15742            class="predictive-search-form__content"
15743            ref="predictiveSearchResults"
15744            on:click="/handleModalClick"
15745          >
15746            
15747
15748<div
15749  id="predictive-search-results"
15750  class="predictive-search-dropdown"
15751  role="listbox"
15752  aria-expanded="true"
15753  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
15754>
15755  
15756    <div class="predictive-search-results__inner">
15757      
15758      
15759        
15760        
15761        
15762          <div
15763  id="predictive-search-products"
15764  class="predictive-search-results__products"
15765  
15766    data-testid="products-list-default--modal"
15767  
15768>
15769  
15770    <h4 class="predictive-search-results__title">
15771      Products
15772    </h4>
15773    <ul
15774      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
15775    >
15776      
15777      
15778        <li
15779          class="predictive-search-results__card predictive-search-results__card--product"
15780          ref="resultsItems[]"
15781        >
15782          
15783<product-card-link
15784    data-product-id="5687105093794"
15785    data-featured-media-url="//zdgofficial.com/cdn/shop/products/LT5A1715.jpg?v=1608581555&width=500"
15786    data-product-transition="true"
15787    on:click="/handleViewTransition"
15788  ><div
15789  class="resource-card"
15790  data-resource-type="product"
15791>
15792  <a
15793    class="resource-card__link"
15794    href="/products/animaux-de-la-savane-cake-serving-plate"
15795  >
15796    <span class="visually-hidden">
15797      Animaux de la Savane Cake/Serving Plate
15798    </span>
15799  </a>
15800  <div
15801    class="resource-card__media"
15802    style="--resource-card-aspect-ratio: 4 / 5;"
15803    
15804      ref="cardGallery"
15805      data-view-transition-to-main-product
15806    
15807  >
15808      
15809      
15810
15811        <img src="//zdgofficial.com/cdn/shop/products/LT5A1715.jpg?v=1608581555&amp;width=500" alt="Animaux de la Savane Cake/Serving Plate" srcset="//zdgofficial.com/cdn/shop/products/LT5A1715.jpg?v=1608581555&amp;width=240 240w, //zdgofficial.com/cdn/shop/products/LT5A1715.jpg?v=1608581555&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
15812
15813          <img src="//zdgofficial.com/cdn/shop/files/CakeServingPlate.jpg?v=1739183188&amp;width=500" alt="Animaux de la Savane Cake/Serving Plate
15814" srcset="//zdgofficial.com/cdn/shop/files/CakeServingPlate.jpg?v=1739183188&amp;width=240 240w, //zdgofficial.com/cdn/shop/files/CakeServingPlate.jpg?v=1739183188&amp;width=352 352w" width="500" height="623" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="32348967895202" style="object-position: 50.0% 50.0%;">
15815</div>
15816
15817  <div class="resource-card__content">
15818    <p class="resource-card__title paragraph">Animaux de la Savane Cake/Serving Plate</p>
15819
15820    
15821      <div ref="priceContainer">
15822  
15823    
15824    <div
15825      class="
15826        price__regular
15827        
15828      "
15829    >
15830      <span class="price">$515.00</span>
15831    </div>
15832    <div
15833      class="
15834        price__sale
15835        
15836          price__hidden
15837        
15838      "
15839    >
15840      
15841        <span class="price-item__group">
15842          <span class="visually-hidden">Regular price&nbsp;</span>
15843          <span class="price-item--regular compare-at-price"></span>
15844        </span>
15845        <span class="price-item__group">
15846          <span class="visually-hidden">Sale price&nbsp;</span>
15847          <span class="price-item--sale price">$515.00</span>
15848        </span>
15849      
15850    </div>
15851  
15852</div>
15853    
15854  </div>
15855</div></product-card-link>
15856
15857        </li>
15858      
15859        <li
15860          class="predictive-search-results__card predictive-search-results__card--product"
15861          ref="resultsItems[]"
15862        >
15863          
15864<product-card-link
15865    data-product-id="5906825674914"
15866    data-featured-media-url="//zdgofficial.com/cdn/shop/products/LT5A1678_9eeb67ab-1283-4491-865a-16e0dd8f4d41.jpg?v=1608456953&width=500"
15867    data-product-transition="true"
15868    on:click="/handleViewTransition"
15869  ><div
15870  class="resource-card"
15871  data-resource-type="product"
15872>
15873  <a
15874    class="resource-card__link"
15875    href="/products/animaux-de-la-savane-crocodile-side-plate"
15876  >
15877    <span class="visually-hidden">
15878      Animaux de la Savane Dessert/Side Plate, Crocodile
15879    </span>
15880  </a>
15881  <div
15882    class="resource-card__media"
15883    style="--resource-card-aspect-ratio: 4 / 5;"
15884    
15885      ref="cardGallery"
15886      data-view-transition-to-main-product
15887    
15888  >
15889      
15890      
15891
15892        <img src="//zdgofficial.com/cdn/shop/products/LT5A1678_9eeb67ab-1283-4491-865a-16e0dd8f4d41.jpg?v=1608456953&amp;width=500" alt="Animaux de la Savane Dessert/Side Plate, Crocodile" srcset="//zdgofficial.com/cdn/shop/products/LT5A1678_9eeb67ab-1283-4491-865a-16e0dd8f4d41.jpg?v=1608456953&amp;width=240 240w, //zdgofficial.com/cdn/shop/products/LT5A1678_9eeb67ab-1283-4491-865a-16e0dd8f4d41.jpg?v=1608456953&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
15893
15894          <img src="//zdgofficial.com/cdn/shop/products/LT5A1864_ba4a26be-fdd0-4686-be68-d1282ffd82d1.jpg?v=1608456953&amp;width=500" alt="Animaux de la Savane Dessert/Side Plate, Crocodile" srcset="//zdgofficial.com/cdn/shop/products/LT5A1864_ba4a26be-fdd0-4686-be68-d1282ffd82d1.jpg?v=1608456953&amp;width=240 240w, //zdgofficial.com/cdn/shop/products/LT5A1864_ba4a26be-fdd0-4686-be68-d1282ffd82d1.jpg?v=1608456953&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="12423962034338" style="object-position: 50.0% 50.0%;">
15895</div>
15896
15897  <div class="resource-card__content">
15898    <p class="resource-card__title paragraph">Animaux de la Savane Dessert/Side Plate, Crocodile</p>
15899
15900    
15901      <div ref="priceContainer">
15902  
15903    
15904    <div
15905      class="
15906        price__regular
15907        
15908      "
15909    >
15910      <span class="price">$160.00</span>
15911    </div>
15912    <div
15913      class="
15914        price__sale
15915        
15916          price__hidden
15917        
15918      "
15919    >
15920      
15921        <span class="price-item__group">
15922          <span class="visually-hidden">Regular price&nbsp;</span>
15923          <span class="price-item--regular compare-at-price"></span>
15924        </span>
15925        <span class="price-item__group">
15926          <span class="visually-hidden">Sale price&nbsp;</span>
15927          <span class="price-item--sale price">$160.00</span>
15928        </span>
15929      
15930    </div>
15931  
15932</div>
15933    
15934  </div>
15935</div></product-card-link>
15936
15937        </li>
15938      
15939        <li
15940          class="predictive-search-results__card predictive-search-results__card--product"
15941          ref="resultsItems[]"
15942        >
15943          
15944<product-card-link
15945    data-product-id="5906772656290"
15946    data-featured-media-url="//zdgofficial.com/cdn/shop/products/LT5A1671_73f08e98-b696-4bab-9326-0abcbcf487f4.jpg?v=1608456965&width=500"
15947    data-product-transition="true"
15948    on:click="/handleViewTransition"
15949  ><div
15950  class="resource-card"
15951  data-resource-type="product"
15952>
15953  <a
15954    class="resource-card__link"
15955    href="/products/animaux-de-la-savane-elephant-side-plate"
15956  >
15957    <span class="visually-hidden">
15958      Animaux de la Savane Dessert/Side Plate, Elephant
15959    </span>
15960  </a>
15961  <div
15962    class="resource-card__media"
15963    style="--resource-card-aspect-ratio: 4 / 5;"
15964    
15965      ref="cardGallery"
15966      data-view-transition-to-main-product
15967    
15968  >
15969      
15970      
15971
15972        <img src="//zdgofficial.com/cdn/shop/products/LT5A1671_73f08e98-b696-4bab-9326-0abcbcf487f4.jpg?v=1608456965&amp;width=500" alt="Animaux de la Savane Dessert/Side Plate, Elephant" srcset="//zdgofficial.com/cdn/shop/products/LT5A1671_73f08e98-b696-4bab-9326-0abcbcf487f4.jpg?v=1608456965&amp;width=240 240w, //zdgofficial.com/cdn/shop/products/LT5A1671_73f08e98-b696-4bab-9326-0abcbcf487f4.jpg?v=1608456965&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
15973
15974          <img src="//zdgofficial.com/cdn/shop/products/LT5A1864_2d3d7b24-309b-4e3b-8c31-4d418f864045.jpg?v=1608456965&amp;width=500" alt="Animaux de la Savane Dessert/Side Plate, Elephant" srcset="//zdgofficial.com/cdn/shop/products/LT5A1864_2d3d7b24-309b-4e3b-8c31-4d418f864045.jpg?v=1608456965&amp;width=240 240w, //zdgofficial.com/cdn/shop/products/LT5A1864_2d3d7b24-309b-4e3b-8c31-4d418f864045.jpg?v=1608456965&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="imagesToTransition[]" data-media-id="12423768965282" style="object-position: 50.0% 50.0%;">
15975</div>
15976
15977  <div class="resource-card__content">
15978    <p class="resource-card__title paragraph">Animaux de la Savane Dessert/Side Plate, Elephant</p>
15979
15980    
15981      <div ref="priceContainer">
15982  
15983    
15984    <div
15985      class="
15986        price__regular
15987        
15988      "
15989    >
15990      <span class="price">$160.00</span>
15991    </div>
15992    <div
15993      class="
15994        price__sale
15995        
15996          price__hidden
15997        
15998      "
15999    >
16000      
16001        <span class="price-item__group">
16002          <span class="visually-hidden">Regular price&nbsp;</span>
16003          <span class="price-item--regular compare-at-price"></span>
16004        </span>
16005        <span class="price-item__group">
16006          <span class="visually-hidden">Sale price&nbsp;</span>
16007          <span class="price-item--sale price">$160.00</span>
16008        </span>
16009      
16010    </div>
16011  
16012</div>
16013    
16014  </div>
16015</div></product-card-link>
16016
16017        </li>
16018      
16019        <li
16020          class="predictive-search-results__card predictive-search-results__card--product"
16021          ref="resultsItems[]"
16022        >
16023          
16024<product-card-link
16025    data-product-id="5987903013026"
16026    data-featured-media-url="//zdgofficial.com/cdn/shop/products/0_5d5f54be-a7c1-4f06-8da8-a981a3c0ba9c.jpg?v=1608312924&width=500"
16027    data-product-transition="true"
16028    on:click="/handleViewTransition"
16029  ><div
16030  class="resource-card"
16031  data-resource-type="product"
16032>
16033  <a
16034    class="resource-card__link"
16035    href="/products/animaux-de-la-savane-side-plate-flamingo"
16036  >
16037    <span class="visually-hidden">
16038      Animaux de la Savane Dessert/Side Plate, Flamingo
16039    </span>
16040  </a>
16041  <div
16042    class="resource-card__media"
16043    style="--resource-card-aspect-ratio: 4 / 5;"
16044    
16045      ref="cardGallery"
16046      data-view-transition-to-main-product
16047    
16048  >
16049      
16050      
16051
16052        <img src="//zdgofficial.com/cdn/shop/products/0_5d5f54be-a7c1-4f06-8da8
16052-a981a3c0ba9c.jpg?v=1608312924&amp;width=500" alt="Animaux de la Savane Dessert/Side Plate, Flamingo" srcset="//zdgofficial.com/cdn/shop/products/0_5d5f54be-a7c1-4f06-8da8-a981a3c0ba9c.jpg?v=1608312924&amp;width=240 240w, //zdgofficial.com/cdn/shop/products/0_5d5f54be-a7c1-4f06-8da8-a981a3c0ba9c.jpg?v=1608312924&amp;width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="imagesToTransition[]" style="object-position: 50.0% 50.0%;">
16053</div>
16054
16055  <div class="resource-card__content">
16056    <p class="resource-card__title paragraph">Animaux de la Savane Dessert/Side Plate, Flamingo</p>
16057
16058    
16059      <div ref="priceContainer">
16060  
16061    
16062    <div
16063      class="
16064        price__regular
16065        
16066      "
16067    >
16068      <span class="price">$160.00</span>
16069    </div>
16070    <div
16071      class="
16072        price__sale
16073        
16074          price__hidden
16075        
16076      "
16077    >
16078      
16079        <span class="price-item__group">
16080          <span class="visually-hidden">Regular price&nbsp;</span>
16081          <span class="price-item--regular compare-at-price"></span>
16082        </span>
16083        <span class="price-item__group">
16084          <span class="visually-hidden">Sale price&nbsp;</span>
16085          <span class="price-item--sale price">$160.00</span>
16086        </span>
16087      
16088    </div>
16089  
16090</div>
16091    
16092  </div>
16093</div></product-card-link>
16094
16095        </li>
16096      
16097    </ul>
16098  
16099</div>
16100
16101        
16102      
16103    </div>
16104  
16105</div>
16106
16107          </div>
16108
16109          <div class="predictive-search-form__footer">
16110            <button
16111              class="button predictive-search__search-button"
16112              ref="viewAllButton"
16113            >
16114              View all
16115            </button>
16116          </div>
16117        </div>
16118      </form>
16119    </predictive-search-component>
16120  </dialog>
16121</dialog-component>
16122
16123
16124
16125
16126    
16127      
16127<script
16128  src="//zdgofficial.com/cdn/shop/t/36/assets/gift-card-recipient-form.js?v=129634859299628245901785429912"
16129  type="module"
16130  fetchpriority="low"
16131></script>
16131
16132<quick-add-dialog id="quick-add-dialog">
16133  <dialog
16134    class="quick-add-modal dialog-modal color-scheme-1"
16135    ref="dialog"
16136    scroll-lock
16137  >
16138    <button
16139      ref="closeButton"
16140      on:click="/closeDialog"
16141      class="button button-unstyled close-button quick-add-modal__close"
16142      aria-label="Close dialog"
16143    ><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
16144  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16145  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
16146</svg>
16147</button>
16148
16149    <div
16150      id="quick-add-modal-content"
16151      class="quick-add-modal__content"
16152    ></div>
16153  </dialog>
16154</quick-add-dialog>
16155
16156
16157
16158
16159
16160
16161    
16162  <style> /* GLOBAL LOUIZE FONT & VARIABLES */:root,body,html,* {--font-heading-family: "Louize", serif !important; --font-body-family: "Louize", serif !important; font-family: "Louize", serif !important;} .h2,.h3,.h4,[class*="heading"],[class*="button"],[class*="card"] {--font-heading-family: "Louize", serif !important; --font-body-family: "Louize", serif !important; --font-button-family: "Louize", serif !important; font-family: "Louize", serif !important;}  /* HERO DESCRIPTION CENTER */.collection-hero__description,.collection-hero__description *,[class*="section__text"],[class*="section__text"] * {max-width: 750px !important; margin: 0 auto !important; text-align: center !important; display: block !important;}  /* LUXURY CARD TYPOGRAPHY & FRAMING */.card__heading {font-size: 1.1rem !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; margin-bottom: 8px !important;} .card__information .price {font-size: 0.95rem !important; opacity: 0.8; letter-spacing: 0.02em;} .card__media {background-color: #f5f2eb !important; border: 1px solid rgba(0, 0, 0, 0.03) !important;}  /* SPACING & LUXURY BACKGROUND */.collection-hero {padding-bottom: 4rem !important; border-bottom: 1px solid #f0f0f0 !important; margin-bottom: 3rem !important;} .grid {row-gap: 2.2rem !important; column-gap: 1.8rem !important;}  /* SMOOTH HOVER EFFECT */.card__media img {transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;} .card-wrapper:hover .card__media img {transform: scale(1.03) !important;} .announcement-bar__message {font-size: 18px !important;} </style>
16163<div id="shopify-block-ANzk4WE5QeXZzZ2czZ__9174623511943105814" class="shopify-block shopify-app-block"><div
16164	id='ecomstar_upsellsList'
16165	upsells-data='[{&quot;published&quot;:false,&quot;id&quot;:&quot;ab24b7ce-06fa-45c7-9afa-f3bfddb96f3d&quot;,&quot;new&quot;:false,&quot;page&quot;:&quot;productPage&quot;,&quot;content&quot;:{&quot;upsellName&quot;:&quot;Frequently bought together&quot;,&quot;title&quot;:&quot;Frequently bought together&quot;,&quot;buttonText&quot;:&quot;Claim Offer • {total} {compared-at}&quot;,&quot;type&quot;:&quot;frequently-bought-together&quot;,&quot;miniType&quot;:&quot;FBT&quot;,&quot;priority&quot;:&quot;1&quot;,&quot;preCheck&quot;:true,&quot;redirectToProductPage&quot;:true},&quot;offer&quot;:{&quot;products&quot;:[],&quot;excludedTags&quot;:[],&quot;offerType&quot;:&quot;auto&quot;,&quot;maxProducts&quot;:3,&quot;discount&quot;:{&quot;applyOnTriggerProduct&quot;:true,&quot;showCompareAtPrice&quot;:false,&quot;type&quot;:&quot;none&quot;,&quot;value&quot;:15,&quot;title&quot;:&quot;ES&quot;,&quot;version&quot;:2},&quot;trigger&quot;:{&quot;type&quot;:&quot;anyProduct&quot;,&quot;products&quot;:[],&quot;collections&quot;:[]}},&quot;design&quot;:{&quot;container&quot;:{&quot;marginTop&quot;:20,&quot;marginBottom&quot;:20},&quot;title&quot;:{&quot;fontSize&quot;:18,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;fontColor&quot;:{&quot;alpha&quot;:1,&quot;brightness&quot;:0,&quot;hue&quot;:0,&quot;saturation&quot;:0,&quot;rgb&quot;:&quot;rgba(0, 0, 0, 1)&quot;,&quot;hex&quot;:&quot;#000000&quot;}},&quot;card&quot;:{&quot;backgroundColor&quot;:{&quot;alpha&quot;:1,&quot;brightness&quot;:1,&quot;hue&quot;:0,&quot;saturation&quot;:0,&quot;rgb&quot;:&quot;rgba(255, 255, 255, 1)&quot;,&quot;hex&quot;:&quot;#FFFFFF&quot;,&quot;border&quot;:&quot;#8a8a8a 1px solid&quot;,&quot;borderRadius&quot;:&quot;6px&quot;},&quot;borderRadius&quot;:8,&quot;borderWidth&quot;:1,&quot;borderColor&quot;:{&quot;alpha&quot;:1,&quot;brightness&quot;:0.867,&quot;hue&quot;:0,&quot;saturation&quot;:0,&quot;rgb&quot;:&quot;rgba(221, 221, 221, 1)&quot;,&quot;hex&quot;:&quot;#dddddd&quot;},&quot;paddingTop&quot;:10,&quot;paddingBottom&quot;:10,&quot;marginTop&quot;:10,&quot;marginBottom&quot;:10},&quot;productTitle&quot;:{&quot;fontSize&quot;:14,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;fontColor&quot;:{&quot;alpha&quot;:1,&quot;brightness&quot;:0,&quot;hue&quot;:0,&quot;saturation&quot;:0,&quot;rgb&quot;:&quot;rgba(0, 0, 0, 1)&quot;,&quot;hex&quot;:&quot;#000000&quot;}},&quot;productVariant&quot;:{&quot;fontSize&quot;:12,&quot;fontWeight&quot;:&quot;normal&quot;,&quot;fontColor&quot;:{&quot;alpha&quot;:1,&quot;brightness&quot;:0.4,&quot;hue&quot;:0,&quot;saturation&quot;:0,&quot;rgb&quot;:&quot;rgba(102, 102, 102, 1)&quot;,&quot;hex&quot;:&quot;#666666&quot;}},&quot;productPrice&quot;:{&quot;fontSize&quot;:14,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;fontColor&quot;:{&quot;alpha&quot;:1,&quot;brightness&quot;:0,&quot;hue&quot;:0,&quot;saturation&quot;:0,&quot;rgb&quot;:&quot;rgba(0, 0, 0, 1)&quot;,&quot;hex&quot;:&quot;#000000&quot;}},&quot;productDiscountedPrice&quot;:{&quot;fontSize&quot;:14,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;fontColor&quot;:{&quot;hue&quot;:241.79104477611943,&quot;brightness&quot;:50,&quot;saturation&quot;:100,&quot;alpha&quot;:1,&quot;rgb&quot;:&quot;rgba(-1224190,-1262250,12750,1)&quot;,&quot;hex&quot;:&quot;#-12adfe-1342aa31ce&quot;}},&quot;buyButton&quot;:{&quot;backgroundColor&quot;:{&quot;alpha&quot;:1,&quot;brightness&quot;:0,&quot;hue&quot;:0,&quot;saturation&quot;:0,&quot;rgb&quot;:&quot;rgba(0, 0, 0, 1)&quot;,&quot;hex&quot;:&quot;#000000&quot;},&quot;fontSize&quot;:16,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;fontColor&quot;:{&quot;alpha&quot;:1,&quot;brightness&quot;:1,&quot;hue&quot;:0,&quot;saturation&quot;:0,&quot;rgb&quot;:&quot;rgba(255, 255, 255, 1)&quot;,&quot;hex&quot;:&quot;#ffffff&quot;},&quot;borderRadius&quot;:8},&quot;checkbox&quot;:{&quot;alpha&quot;:1,&quot;brightness&quot;:1,&quot;hue&quot;:0,&quot;saturation&quot;:0,&quot;rgb&quot;:&quot;rgba(255, 255, 255, 1)&quot;,&quot;hex&quot;:&quot;#ffffff&quot;,&quot;borderRadius&quot;:8,&quot;borderWidth&quot;:1,&quot;backgroundColor&quot;:{&quot;alpha&quot;:1,&quot;brightness&quot;:0,&quot;hue&quot;:0,&quot;saturation&quot;:0,&quot;rgb&quot;:&quot;rgba(0, 0, 0, 1)&quot;,&quot;hex&quot;:&quot;#000000&quot;},&quot;borderColor&quot;:{&quot;alpha&quot;:1,&quot;brightness&quot;:0,&quot;hue&quot;:0,&quot;saturation&quot;:0,&quot;rgb&quot;:&quot;rgba(0, 0, 0, 1)&quot;,&quot;hex&quot;:&quot;#000000&quot;}},&quot;checkboxIcon&quot;:{&quot;alpha&quot;:1,&quot;brightness&quot;:1,&quot;hue&quot;:0,&quot;saturation&quot;:0,&quot;rgb&quot;:&quot;rgba(255, 255, 255, 1)&quot;,&quot;hex&quot;:&quot;#ffffff&quot;},&quot;direction&quot;:{&quot;direction&quot;:&quot;lrt&quot;}},&quot;placement&quot;:{&quot;position&quot;:&quot;belowAddToCart&quot;,&quot;htmlElementId&quot;:&quot;#example&quot;},&quot;errors&quot;:{&quot;upsellName&quot;:{&quot;error&quot;:false},&quot;triggerProducts&quot;:{&quot;error&quot;:false},&quot;triggerCollections&quot;:{&quot;error&quot;:false},&quot;offerProducts&quot;:{&quot;error&quot;:false},&quot;specificCountries&quot;:{&quot;error&quot;:false},&quot;customerTargeting&quot;:{&quot;error&quot;:false},&quot;title&quot;:{&quot;error&quot;:false},&quot;payButtonText&quot;:{&quot;error&quot;:false},&quot;declineButtonText&quot;:{&quot;error&quot;:false},&quot;addToOrderText&quot;:{&quot;error&quot;:false},&quot;subscriptionSellingPlans&quot;:{&quot;error&quot;:false}},&quot;failedToRender&quot;:false},{&quot;published&quot;:true,&quot;id&quot;:&quot;
16165ae7b4f53-da90-4a55-b885-7b4da79d9cb1&quot;,&quot;new&quot;:false,&quot;page&quot;:&quot;cartPage&quot;,&quot;content&quot;:{&quot;upsellName&quot;:&quot;Complete the Look&quot;,&quot;title&quot;:&quot;Complete the Look&quot;,&quot;buttonText&quot;:&quot;Add&quot;,&quot;displayPlusSign&quot;:false,&quot;type&quot;:&quot;cart-product-recommendations&quot;,&quot;miniType&quot;:&quot;CPR&quot;,&quot;priority&quot;:&quot;1&quot;,&quot;redirectToProductPage&quot;:true,&quot;forceRefreshAfterProductAdded&quot;:true},&quot;offer&quot;:{&quot;products&quot;:[],&quot;excludedTags&quot;:[],&quot;offerType&quot;:&quot;auto&quot;,&quot;maxProducts&quot;:6,&quot;discount&quot;:{&quot;showCompareAtPrice&quot;:false,&quot;type&quot;:&quot;none&quot;,&quot;value&quot;:15,&quot;title&quot;:&quot;ES&quot;,&quot;applyOnTriggerProduct&quot;:true,&quot;version&quot;:2},&quot;trigger&quot;:{&quot;type&quot;:&quot;anyProduct&quot;,&quot;products&quot;:[],&quot;collections&quot;:[]}},&quot;design&quot;:{&quot;direction&quot;:{&quot;direction&quot;:&quot;ltr&quot;},&quot;type&quot;:{&quot;type&quot;:&quot;stack&quot;,&quot;stackVisibleProducts&quot;:&quot;3&quot;},&quot;container&quot;:{&quot;marginTop&quot;:&quot;12&quot;,&quot;marginBottom&quot;:&quot;12&quot;},&quot;title&quot;:{&quot;fontSize&quot;:&quot;16&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;fontColor&quot;:{&quot;hue&quot;:0,&quot;saturation&quot;:0,&quot;brightness&quot;:0,&quot;alpha&quot;:0,&quot;rgb&quot;:&quot;rgba(0,0,0,0)&quot;,&quot;hex&quot;:&quot;#000000&quot;}},&quot;card&quot;:{&quot;backgroundColor&quot;:{&quot;alpha&quot;:1,&quot;brightness&quot;:0.9569,&quot;hue&quot;:42,&quot;saturation&quot;:0.041,&quot;rgb&quot;:&quot;rgba(244, 241, 234, 1)&quot;,&quot;hex&quot;:&quot;#F4F1EA&quot;,&quot;border&quot;:&quot;#8a8a8a 1px solid&quot;,&quot;borderRadius&quot;:&quot;6px&quot;},&quot;borderRadius&quot;:&quot;8&quot;,&quot;borderWidth&quot;:&quot;1&quot;,&quot;borderColor&quot;:{&quot;alpha&quot;:1,&quot;brightness&quot;:0.867,&quot;hue&quot;:0,&quot;saturation&quot;:0,&quot;rgb&quot;:&quot;rgba(221, 221, 221, 1)&quot;,&quot;hex&quot;:&quot;#dddddd&quot;},&quot;paddingTop&quot;:&quot;12&quot;,&quot;paddingBottom&quot;:&quot;12&quot;,&quot;marginTop&quot;:6,&quot;marginBottom&quot;:7},&quot;productTitle&quot;:{&quot;fontSize&quot;:&quot;14&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;fontColor&quot;:{&quot;hue&quot;:0,&quot;brightness&quot;:0,&quot;saturation&quot;:0,&quot;alpha&quot;:0,&quot;rgb&quot;:&quot;rgba(0,0,0,0)&quot;,&quot;hex&quot;:&quot;#000000&quot;}},&quot;productVariant&quot;:{&quot;fontSize&quot;:12,&quot;fontWeight&quot;:&quot;normal&quot;,&quot;fontColor&quot;:{&quot;hue&quot;:0,&quot;saturation&quot;:0,&quot;brightness&quot;:0,&quot;alpha&quot;:1,&quot;rgb&quot;:&quot;rgba(0,0,0,1)&quot;,&quot;hex&quot;:&quot;#000000&quot;}},&quot;productPrice&quot;:{&quot;fontSize&quot;:14,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;fontColor&quot;:{&quot;hue&quot;:0,&quot;saturation&quot;:0,&quot;brightness&quot;:0,&quot;alpha&quot;:1,&quot;rgb&quot;:&quot;rgba(0,0,0,1)&quot;,&quot;hex&quot;:&quot;#000000&quot;}},&quot;productDiscountedPrice&quot;:{&quot;fontSize&quot;:14,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;fontColor&quot;:{&quot;hue&quot;:0,&quot;saturation&quot;:0,&quot;brightness&quot;:0,&quot;alpha&quot;:1,&quot;rgb&quot;:&quot;rgba(0,0,0,1)&quot;,&quot;hex&quot;:&quot;#000000&quot;}},&quot;buyButton&quot;:{&quot;backgroundColor&quot;:{&quot;hue&quot;:96.52,&quot;brightness&quot;:0.3686,&quot;saturation&quot;:0.4894,&quot;alpha&quot;:1,&quot;rgb&quot;:&quot;rgba(66, 94, 48, 1)&quot;,&quot;hex&quot;:&quot;#425E30&quot;},&quot;fontSize&quot;:&quot;13&quot;,&quot;fontWeight&quot;:&quot;bold&quot;,&quot;fontColor&quot;:{&quot;alpha&quot;:1,&quot;brightness&quot;:1,&quot;hue&quot;:0,&quot;saturation&quot;:0,&quot;rgb&quot;:&quot;rgba(255, 255, 255, 1)&quot;,&quot;hex&quot;:&quot;#ffffff&quot;},&quot;borderRadius&quot;:8},&quot;arrows&quot;:{&quot;hue&quot;:96.52,&quot;saturation&quot;:0.4894,&quot;brightness&quot;:0.3686,&quot;alpha&quot;:1,&quot;rgb&quot;:&quot;rgba(66, 94, 48, 1)&quot;,&quot;hex&quot;:&quot;#425E30&quot;}},&quot;placement&quot;:{&quot;position&quot;:&quot;belowCart&quot;,&quot;htmlElementId&quot;:&quot;#example&quot;},&quot;errors&quot;:{&quot;upsellName&quot;:{&quot;error&quot;:false},&quot;triggerProducts&quot;:{&quot;error&quot;:false},&quot;triggerCollections&quot;:{&quot;error&quot;:false},&quot;offerProducts&quot;:{&quot;error&quot;:false},&quot;specificCountries&quot;:{&quot;error&quot;:false},&quot;customerTargeting&quot;:{&quot;error&quot;:false},&quot;title&quot;:{&quot;error&quot;:false},&quot;payButtonText&quot;:{&quot;error&quot;:false},&quot;declineButtonText&quot;:{&quot;error&quot;:false},&quot;addToOrderText&quot;:{&quot;error&quot;:false},&quot;subscriptionSellingPlans&quot;:{&quot;error&quot;:false}},&quot;failedToRender&quot;:false}]'
16166></div>
16167<div
16168	id='ecomstar_storeData'
16169	store-data='
16170		{
16171		  "page": "collection",
16172		  "shopId": "47740059810",
16173		  "market": "US",
16174		  "moneyFormat": &quot;${{amount}}&quot;,
16175		  "currency": "USD",
16176		  "cartUrl": "/cart",
16177		  "cartItems": [],
16178		  "currencyData": {
16179		    "market": "US",
16180		    "moneyFormat": &quot;${{amount}}&quot;,
16181		    "currency": "USD"
16182		  },
16183		  "storeCurrencyData": {
16184		    "market": "USD",
16185		    "moneyFormat": &quot;${{amount}}&quot;,
16186		    "currency": "USD"
16187		  },
16188		  "language": "en",
16189		  "cartProductIds": [],
16190		  "cartProducts": [],
16191		  "productId": "",
16192		  "productIdForRecommendations": "",
16193		  "totalCartPrice": 0,
16194		  "collections": [],
16195		  "product": null,
16196		  "shopDomain": "zdgofficial.com",
16197		  "storefrontShopDomain": "z-d-g.myshopify.com",
16198		  "marketId": "3854532770",
16199		  "customer": null,
16200		  "billingStatus": 
16201			{&quot;status&quot;:&quot;active&quot;}
16202		  ,
16203		  "customCss": ".ES-product-info-CPR .ES-product-name-CPR {\n    font-weight: normal !important;\n    text-decoration: none !important;\n}\n\n.ES-product-info-CPR .ES-product-name-CPR:hover {\n    text-decoration: none !important;\n}\n\n.ES-product-info-CPR .ES-price-CPR {\n    font-weight: normal !important;\n    margin-top: 6px !important;\n}\n\n.ES-title-container-CPR #ES-title {\n    font-weight: normal !important;\n}\n\n.ES-product-card-CPR .ES-button-CPR {\n    font-weight: normal !important;\n}\n\n.ES-product-card-CPR .ES-image-CPR {\n    border-radius: 0px !important;\n}",
16204		  "storefrontTokenEnc": null,
16205		  "storefrontTokenStatus": null
16206		}
16207	'
16208></div>
16209
16210
16211</div>
16211<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
16211
16212</body>
16213</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.