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 & 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 & 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 & Wrapping 143 – 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&platfAppInstalledSiteId=3799907&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'Å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 & 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 & 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'Å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ë'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&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&v=1782763756 1x, //zdgofficial.com/cdn/shop/files/ZdG_Logo_Blue.svg?height=120&v=1782763756 2x, //zdgofficial.com/cdn/shop/files/ZdG_Logo_Blue.svg?height=180&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®ion_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®ion_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&width=3840" alt="Holiday_HandPaintedNotecards_Setof12" srcset="//zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&width=240 240w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&width=352 352w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&width=832 832w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&width=1200 1200w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&width=1600 1600w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&width=1920 1920w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&width=2560 2560w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Red.jpg?v=1765295221&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&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&width=3840" alt="Holiday_HandPaintedNotecards_Setof12" srcset="//zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12.jpg?v=1765295221&width=240 240w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12.jpg?v=1765295221&width=352 352w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12.jpg?v=1765295221&width=832 832w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12.jpg?v=1765295221&width=1200 1200w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12.jpg?v=1765295221&width=1600 1600w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12.jpg?v=1765295221&width=1920 1920w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12.jpg?v=1765295221&width=2560 2560w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12.jpg?v=1765295221&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&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&width=3840" alt="Holiday_HandPaintedNotecards_Setof12" srcset="//zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Brown.jpg?v=1765295221&width=240 240w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Brown.jpg?v=1765295221&width=352 352w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Brown.jpg?v=1765295221&width=832 832w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Brown.jpg?v=1765295221&width=1200 1200w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Brown.jpg?v=1765295221&width=1600 1600w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Brown.jpg?v=1765295221&width=1920 1920w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Brown.jpg?v=1765295221&width=2560 2560w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Brown.jpg?v=1765295221&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&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&width=3840" alt="HandPaintedNotecards_Setof12" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedNotecards_Setof12..jpg?v=1755083178&width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedNotecards_Setof12..jpg?v=1755083178&width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedNotecards_Setof12..jpg?v=1755083178&width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedNotecards_Setof12..jpg?v=1755083178&width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedNotecards_Setof12..jpg?v=1755083178&width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedNotecards_Setof12..jpg?v=1755083178&width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedNotecards_Setof12..jpg?v=1755083178&width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedNotecards_Setof12..jpg?v=1755083178&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&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&width=3840" alt="Holiday_HandPaintedNotecards_Setof12" srcset="//zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Green.jpg?v=1755083178&width=240 240w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Green.jpg?v=1755083178&width=352 352w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Green.jpg?v=1755083178&width=832 832w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Green.jpg?v=1755083178&width=1200 1200w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Green.jpg?v=1755083178&width=1600 1600w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Green.jpg?v=1755083178&width=1920 1920w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Green.jpg?v=1755083178&width=2560 2560w, //zdgofficial.com/cdn/shop/files/Holiday_HandPaintedNotecards_Setof12-Green.jpg?v=1755083178&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&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 </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 </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&width=3840" alt="HandPaintedPlacecards-Brown 11943" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown.jpg?v=1728993727&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&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&width=3840" alt="HandPaintedPlacecards-Brown 11979" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown1.jpg?v=1728993729&width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown1.jpg?v=1728993729&width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown1.jpg?v=1728993729&width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown1.jpg?v=1728993729&width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown1.jpg?v=1728993729&width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown1.jpg?v=1728993729&width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown1.jpg?v=1728993729&width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Brown1.jpg?v=1728993729&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&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 </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 </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&width=3840" alt="HandPaintedSwingTags-Brown 12431" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown.jpg?v=1728993896&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&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&width=3840" alt="HandPaintedSwingTags-Brown 12467" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown1.jpg?v=1728993896&width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown1.jpg?v=1728993896&width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown1.jpg?v=1728993896&width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown1.jpg?v=1728993896&width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown1.jpg?v=1728993896&width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown1.jpg?v=1728993896&width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown1.jpg?v=1728993896&width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Brown1.jpg?v=1728993896&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&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 </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 </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&width=3840" alt="HandPaintedPlacecards-Red 12919" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red.jpg?v=1728993834&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&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&width=3840" alt="HandPaintedPlacecards-Red 12955" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red1.jpg?v=1728993835&width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red1.jpg?v=1728993835&width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red1.jpg?v=1728993835&width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red1.jpg?v=1728993835&width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red1.jpg?v=1728993835&width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red1.jpg?v=1728993835&width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red1.jpg?v=1728993835&width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Red1.jpg?v=1728993835&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&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 </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 </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&width=3840" alt="HandPaintedSwingTags-Red 13407" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red.jpg?v=1728993967&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&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&width=3840" alt="HandPaintedSwingTags-Red 13443" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red1.jpg?v=1728993967&width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red1.jpg?v=1728993967&width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red1.jpg?v=1728993967&width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red1.jpg?v=1728993967&width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red1.jpg?v=1728993967&width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red1.jpg?v=1728993967&width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red1.jpg?v=1728993967&width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Red1.jpg?v=1728993967&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&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 </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 </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&width=3840" alt="HandPaintedSwingTags-Green 13895" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green.jpg?v=1728993933&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&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&width=3840" alt="HandPaintedSwingTags-Green 13931" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green1.jpg?v=1728993933&width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green1.jpg?v=1728993933&width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green1.jpg?v=1728993933&width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green1.jpg?v=1728993933&width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green1.jpg?v=1728993933&width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green1.jpg?v=1728993933&width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green1.jpg?v=1728993933&width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedSwingTags-Green1.jpg?v=1728993933&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&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 </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 </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&width=3840" alt="HandPaintedPlacecards-Green 14383" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green.jpg?v=1728993798&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&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&width=3840" alt="HandPaintedPlacecards-Green 14419" srcset="//zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green1.jpg?v=1728993798&width=240 240w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green1.jpg?v=1728993798&width=352 352w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green1.jpg?v=1728993798&width=832 832w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green1.jpg?v=1728993798&width=1200 1200w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green1.jpg?v=1728993798&width=1600 1600w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green1.jpg?v=1728993798&width=1920 1920w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green1.jpg?v=1728993798&width=2560 2560w, //zdgofficial.com/cdn/shop/files/HandPaintedPlacecards-Green1.jpg?v=1728993798&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&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 </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 </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&width=3840" alt="" srcset="//zdgofficial.com/cdn/shop/files/ZdG_Logo_tagline.svg?v=1782798289&width=240 240w, //zdgofficial.com/cdn/shop/files/ZdG_Logo_tagline.svg?v=1782798289&width=352 352w, //zdgofficial.com/cdn/shop/files/ZdG_Logo_tagline.svg?v=1782798289&width=832 832w, //zdgofficial.com/cdn/shop/files/ZdG_Logo_tagline.svg?v=1782798289&width=1200 1200w, //zdgofficial.com/cdn/shop/files/ZdG_Logo_tagline.svg?v=1782798289&width=1600 1600w, //zdgofficial.com/cdn/shop/files/ZdG_Logo_tagline.svg?v=1782798289&width=1920 1920w, //zdgofficial.com/cdn/shop/files/ZdG_Logo_tagline.svg?v=1782798289&width=2560 2560w, //zdgofficial.com/cdn/shop/files/ZdG_Logo_tagline.svg?v=1782798289&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 © 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&width=500" alt="Animaux de la Savane Cake/Serving Plate" srcset="//zdgofficial.com/cdn/shop/products/LT5A1715.jpg?v=1608581555&width=240 240w, //zdgofficial.com/cdn/shop/products/LT5A1715.jpg?v=1608581555&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&width=500" alt="Animaux de la Savane Cake/Serving Plate 15814" srcset="//zdgofficial.com/cdn/shop/files/CakeServingPlate.jpg?v=1739183188&width=240 240w, //zdgofficial.com/cdn/shop/files/CakeServingPlate.jpg?v=1739183188&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 </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 </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&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&width=240 240w, //zdgofficial.com/cdn/shop/products/LT5A1678_9eeb67ab-1283-4491-865a-16e0dd8f4d41.jpg?v=1608456953&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&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&width=240 240w, //zdgofficial.com/cdn/shop/products/LT5A1864_ba4a26be-fdd0-4686-be68-d1282ffd82d1.jpg?v=1608456953&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 </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 </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&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&width=240 240w, //zdgofficial.com/cdn/shop/products/LT5A1671_73f08e98-b696-4bab-9326-0abcbcf487f4.jpg?v=1608456965&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&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&width=240 240w, //zdgofficial.com/cdn/shop/products/LT5A1864_2d3d7b24-309b-4e3b-8c31-4d418f864045.jpg?v=1608456965&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 </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 </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&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&width=240 240w, //zdgofficial.com/cdn/shop/products/0_5d5f54be-a7c1-4f06-8da8-a981a3c0ba9c.jpg?v=1608312924&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 </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 </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='[{"published":false,"id":"ab24b7ce-06fa-45c7-9afa-f3bfddb96f3d","new":false,"page":"productPage","content":{"upsellName":"Frequently bought together","title":"Frequently bought together","buttonText":"Claim Offer ⢠{total} {compared-at}","type":"frequently-bought-together","miniType":"FBT","priority":"1","preCheck":true,"redirectToProductPage":true},"offer":{"products":[],"excludedTags":[],"offerType":"auto","maxProducts":3,"discount":{"applyOnTriggerProduct":true,"showCompareAtPrice":false,"type":"none","value":15,"title":"ES","version":2},"trigger":{"type":"anyProduct","products":[],"collections":[]}},"design":{"container":{"marginTop":20,"marginBottom":20},"title":{"fontSize":18,"fontWeight":"bold","fontColor":{"alpha":1,"brightness":0,"hue":0,"saturation":0,"rgb":"rgba(0, 0, 0, 1)","hex":"#000000"}},"card":{"backgroundColor":{"alpha":1,"brightness":1,"hue":0,"saturation":0,"rgb":"rgba(255, 255, 255, 1)","hex":"#FFFFFF","border":"#8a8a8a 1px solid","borderRadius":"6px"},"borderRadius":8,"borderWidth":1,"borderColor":{"alpha":1,"brightness":0.867,"hue":0,"saturation":0,"rgb":"rgba(221, 221, 221, 1)","hex":"#dddddd"},"paddingTop":10,"paddingBottom":10,"marginTop":10,"marginBottom":10},"productTitle":{"fontSize":14,"fontWeight":"bold","fontColor":{"alpha":1,"brightness":0,"hue":0,"saturation":0,"rgb":"rgba(0, 0, 0, 1)","hex":"#000000"}},"productVariant":{"fontSize":12,"fontWeight":"normal","fontColor":{"alpha":1,"brightness":0.4,"hue":0,"saturation":0,"rgb":"rgba(102, 102, 102, 1)","hex":"#666666"}},"productPrice":{"fontSize":14,"fontWeight":"bold","fontColor":{"alpha":1,"brightness":0,"hue":0,"saturation":0,"rgb":"rgba(0, 0, 0, 1)","hex":"#000000"}},"productDiscountedPrice":{"fontSize":14,"fontWeight":"bold","fontColor":{"hue":241.79104477611943,"brightness":50,"saturation":100,"alpha":1,"rgb":"rgba(-1224190,-1262250,12750,1)","hex":"#-12adfe-1342aa31ce"}},"buyButton":{"backgroundColor":{"alpha":1,"brightness":0,"hue":0,"saturation":0,"rgb":"rgba(0, 0, 0, 1)","hex":"#000000"},"fontSize":16,"fontWeight":"bold","fontColor":{"alpha":1,"brightness":1,"hue":0,"saturation":0,"rgb":"rgba(255, 255, 255, 1)","hex":"#ffffff"},"borderRadius":8},"checkbox":{"alpha":1,"brightness":1,"hue":0,"saturation":0,"rgb":"rgba(255, 255, 255, 1)","hex":"#ffffff","borderRadius":8,"borderWidth":1,"backgroundColor":{"alpha":1,"brightness":0,"hue":0,"saturation":0,"rgb":"rgba(0, 0, 0, 1)","hex":"#000000"},"borderColor":{"alpha":1,"brightness":0,"hue":0,"saturation":0,"rgb":"rgba(0, 0, 0, 1)","hex":"#000000"}},"checkboxIcon":{"alpha":1,"brightness":1,"hue":0,"saturation":0,"rgb":"rgba(255, 255, 255, 1)","hex":"#ffffff"},"direction":{"direction":"lrt"}},"placement":{"position":"belowAddToCart","htmlElementId":"#example"},"errors":{"upsellName":{"error":false},"triggerProducts":{"error":false},"triggerCollections":{"error":false},"offerProducts":{"error":false},"specificCountries":{"error":false},"customerTargeting":{"error":false},"title":{"error":false},"payButtonText":{"error":false},"declineButtonText":{"error":false},"addToOrderText":{"error":false},"subscriptionSellingPlans":{"error":false}},"failedToRender":false},{"published":true,"id":"
16165ae7b4f53-da90-4a55-b885-7b4da79d9cb1","new":false,"page":"cartPage","content":{"upsellName":"Complete the Look","title":"Complete the Look","buttonText":"Add","displayPlusSign":false,"type":"cart-product-recommendations","miniType":"CPR","priority":"1","redirectToProductPage":true,"forceRefreshAfterProductAdded":true},"offer":{"products":[],"excludedTags":[],"offerType":"auto","maxProducts":6,"discount":{"showCompareAtPrice":false,"type":"none","value":15,"title":"ES","applyOnTriggerProduct":true,"version":2},"trigger":{"type":"anyProduct","products":[],"collections":[]}},"design":{"direction":{"direction":"ltr"},"type":{"type":"stack","stackVisibleProducts":"3"},"container":{"marginTop":"12","marginBottom":"12"},"title":{"fontSize":"16","fontWeight":"bold","fontColor":{"hue":0,"saturation":0,"brightness":0,"alpha":0,"rgb":"rgba(0,0,0,0)","hex":"#000000"}},"card":{"backgroundColor":{"alpha":1,"brightness":0.9569,"hue":42,"saturation":0.041,"rgb":"rgba(244, 241, 234, 1)","hex":"#F4F1EA","border":"#8a8a8a 1px solid","borderRadius":"6px"},"borderRadius":"8","borderWidth":"1","borderColor":{"alpha":1,"brightness":0.867,"hue":0,"saturation":0,"rgb":"rgba(221, 221, 221, 1)","hex":"#dddddd"},"paddingTop":"12","paddingBottom":"12","marginTop":6,"marginBottom":7},"productTitle":{"fontSize":"14","fontWeight":"bold","fontColor":{"hue":0,"brightness":0,"saturation":0,"alpha":0,"rgb":"rgba(0,0,0,0)","hex":"#000000"}},"productVariant":{"fontSize":12,"fontWeight":"normal","fontColor":{"hue":0,"saturation":0,"brightness":0,"alpha":1,"rgb":"rgba(0,0,0,1)","hex":"#000000"}},"productPrice":{"fontSize":14,"fontWeight":"bold","fontColor":{"hue":0,"saturation":0,"brightness":0,"alpha":1,"rgb":"rgba(0,0,0,1)","hex":"#000000"}},"productDiscountedPrice":{"fontSize":14,"fontWeight":"bold","fontColor":{"hue":0,"saturation":0,"brightness":0,"alpha":1,"rgb":"rgba(0,0,0,1)","hex":"#000000"}},"buyButton":{"backgroundColor":{"hue":96.52,"brightness":0.3686,"saturation":0.4894,"alpha":1,"rgb":"rgba(66, 94, 48, 1)","hex":"#425E30"},"fontSize":"13","fontWeight":"bold","fontColor":{"alpha":1,"brightness":1,"hue":0,"saturation":0,"rgb":"rgba(255, 255, 255, 1)","hex":"#ffffff"},"borderRadius":8},"arrows":{"hue":96.52,"saturation":0.4894,"brightness":0.3686,"alpha":1,"rgb":"rgba(66, 94, 48, 1)","hex":"#425E30"}},"placement":{"position":"belowCart","htmlElementId":"#example"},"errors":{"upsellName":{"error":false},"triggerProducts":{"error":false},"triggerCollections":{"error":false},"offerProducts":{"error":false},"specificCountries":{"error":false},"customerTargeting":{"error":false},"title":{"error":false},"payButtonText":{"error":false},"declineButtonText":{"error":false},"addToOrderText":{"error":false},"subscriptionSellingPlans":{"error":false}},"failedToRender":false}]' 16166></div> 16167<div 16168 id='ecomstar_storeData' 16169 store-data=' 16170 { 16171 "page": "collection", 16172 "shopId": "47740059810", 16173 "market": "US", 16174 "moneyFormat": "${{amount}}", 16175 "currency": "USD", 16176 "cartUrl": "/cart", 16177 "cartItems": [], 16178 "currencyData": { 16179 "market": "US", 16180 "moneyFormat": "${{amount}}", 16181 "currency": "USD" 16182 }, 16183 "storeCurrencyData": { 16184 "market": "USD", 16185 "moneyFormat": "${{amount}}", 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 {"status":"active"} 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.