PageSourceSearch

https://dk.com/en-us?_pos=1&_sid=caa9a4d8b&_ss=r

html dk.com collected 2026-09-24 08:48:52 UTC 434,549 bytes, 14,400 lines download raw bytes

1<!doctype html>
2<html
3  class="no-js"
4  lang="en"
5>
6  <head><link
7        rel="icon"
8        type="image/png"
9        href="//dk.com/cdn/shop/files/DK_favicon_5.png?crop=center&height=32&v=1762272485&width=32"
10      >
11    <link
12      rel="expect"
13      href="#MainContent"
14      blocking="render"
15      id="view-transition-render-blocker"
16    >
17    <style data-shopify>
18    /* Hide typography controls in theme panel (if they have a specific class) */
19    .theme-panel .typography-settings {
20        display: none !important;
21    }</style>
22<meta charset="utf-8">
23<meta
24  http-equiv="X-UA-Compatible"
25  content="IE=edge"
26>
27<meta
28  name="viewport"
29  content="width=device-width,initial-scale=1"
30>
31<meta
32  name="view-transition"
33  content="same-origin"
34>
35<meta
36  name="theme-color"
37  content=""
38>
39
40<meta
41  property="og:site_name"
42  content="DK"
43>
44<meta
45  property="og:url"
46  content="https://dk.com/en-us"
47>
48<meta
49  property="og:title"
50  content="DK Books"
51>
52<meta
53  property="og:type"
54  content="website"
55>
56<meta
57  property="og:description"
58  content="Moving the world forward, one book at a time."
59><meta
60    property="og:image"
61    content="http://dk.com/cdn/shop/files/DK_Brand_Message_1200x628_5e55b30d-3e7a-46b2-9e70-f60b353f4945.jpg?v=1762340529"
62  >
63  <meta
64    property="og:image:secure_url"
65    content="https://dk.com/cdn/shop/files/DK_Brand_Message_1200x628_5e55b30d-3e7a-46b2-9e70-f60b353f4945.jpg?v=1762340529"
66  >
67  <meta
68    property="og:image:width"
69    content="2400"
70  >
71  <meta
72    property="og:image:height"
73    content="1256"
74  ><meta
75  name="twitter:card"
76  content="summary_large_image"
77>
78<meta
79  name="twitter:title"
80  content="DK Books"
81>
82<meta
83  name="twitter:description"
84  content="Moving the world forward, one book at a time."
85>
86
87<title>
88  DK Books
89</title>
90
91<link
92  rel="canonical"
93  href="https://dk.com/en-us"
94>
95
96
97  <meta
98    name="description"
99    content="Moving the world forward, one book at a time."
100  >
101
102<link href="//dk.com/cdn/shop/t/18/assets/overflow-list.css?v=168694168152117541881760622518" as="style" rel="preload">
103<link href="//dk.com/cdn/shop/t/18/assets/base.css?v=162814775822442342221774539554" rel="stylesheet" type="text/css" media="all" />
104
105<link
106    rel="preload"
107    as="font"
108    href="//dk.com/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2"
109    type="font/woff2"
110    crossorigin
111    fetchpriority="low"
112  ><link
113    rel="preload"
114    as="font"
115    href="//dk.com/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2"
116    type="font/woff2"
117    crossorigin
118    fetchpriority="low"
119  ><link
120    rel="preload"
121    as="font"
122    href="//dk.com/cdn/fonts/instrument_serif/instrumentserif_n4.1f296bfb073af186bc0a0abe7791aa71e0f0fd99.woff2"
123    type="font/woff2"
124    crossorigin
125    fetchpriority="low"
126  ><link
127    rel="preload"
128    as="font"
129    href="//dk.com/cdn/fonts/instrument_serif/instrumentserif_n4.1f296bfb073af186bc0a0abe7791aa71e0f0fd99.woff2"
130    type="font/woff2"
131    crossorigin
132    fetchpriority="low"
133  >
134<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 134
134
135<script type="importmap">
136  {
137    "imports": {
138      "@theme/critical": "//dk.com/cdn/shop/t/18/assets/critical.js?v=169402557219780209121760622486",
139      "@theme/product-title": "//dk.com/cdn/shop/t/18/assets/product-title-truncation.js?v=81744426891537421781760622526",
140      "@theme/component": "//dk.com/cdn/shop/t/18/assets/component.js?v=74239122572524296041760622485",
141      "@theme/dialog": "//dk.com/cdn/shop/t/18/assets/dialog.js?v=94382931671780430451760622487",
142      "@theme/events": "//dk.com/cdn/shop/t/18/assets/events.js?v=59172389608566392641760622489",
143      "@theme/focus": "//dk.com/cdn/shop/t/18/assets/focus.js?v=60436577539430446401760622491",
144      "@theme/morph": "//dk.com/cdn/shop/t/18/assets/morph.js?v=175376767362814376631760622517",
145      "@theme/paginated-list": "//dk.com/cdn/shop/t/18/assets/paginated-list.js?v=95298315036233333871760622519",
146      "@theme/performance": "//dk.com/cdn/shop/t/18/assets/performance.js?v=171015751390534793081760622520",
147      "@theme/product-form": "//dk.com/cdn/shop/t/18/assets/product-form.js?v=127515301325557712001760622524",
148      "@theme/recently-viewed-products": "//dk.com/cdn/shop/t/18/assets/recently-viewed-products.js?v=94729125001750262651760622528",
149      "@theme/scrolling": "//dk.com/cdn/shop/t/18/assets/scrolling.js?v=10957690925586738441760622530",
150      "@theme/section-renderer": "//dk.com/cdn/shop/t/18/assets/section-renderer.js?v=117273408521114569061760622534",
151      "@theme/section-hydration": "//dk.com/cdn/shop/t/18/assets/section-hydration.js?v=177651605160027701221760622532",
152      "@theme/utilities": "//dk.com/cdn/shop/t/18/assets/utilities.js?v=2628875420026591481760622537",
153      "@theme/variant-picker": "//dk.com/cdn/shop/t/18/assets/variant-picker.js?v=113536721324242252251760622537",
154      "@theme/media-gallery": "//dk.com/cdn/shop/t/18/assets/media-gallery.js?v=111441960308641931071760622515",
155      "@theme/quick-add": "//dk.com/cdn/shop/t/18/assets/quick-add.js?v=74531385036627369001760622528",
156      "@theme/paginated-list-aspect-ratio": "//dk.com/cdn/shop/t/18/assets/paginated-list-aspect-ratio.js?v=25254270272143792451760622518",
157      "@theme/popover-polyfill": "//dk.com/cdn/shop/t/18/assets/popover-polyfill.js?v=119029313658895111201760622520"
158    }
159  }
160</script>
160
161
162
163  
164  
164<script
165    src="//dk.com/cdn/shop/t/18/assets/view-transitions.js?v=84877080446900032951760622539"
166    async
167    blocking="render"
168  ></script>
168
169  
170
171
172<link
173  rel="modulepreload"
174  href="//dk.com/cdn/shop/t/18/assets/critical.js?v=169402557219780209121760622486"
175>
176
177<link
178  rel="modulepreload"
179  href="//dk.com/cdn/shop/t/18/assets/utilities.js?v=2628875420026591481760622537"
180  fetchpriority="low"
181>
182<link
183  rel="modulepreload"
184  href="//dk.com/cdn/shop/t/18/assets/component.js?v=74239122572524296041760622485"
185  fetchpriority="low"
186>
187<link
188  rel="modulepreload"
189  href="//dk.com/cdn/shop/t/18/assets/section-renderer.js?v=117273408521114569061760622534"
190  fetchpriority="low"
191>
192<link
193  rel="modulepreload"
194  href="//dk.com/cdn/shop/t/18/assets/section-hydration.js?v=177651605160027701221760622532"
195  fetchpriority="low"
196>
197<link
198  rel="modulepreload"
199  href="//dk.com/cdn/shop/t/18/assets/morph.js?v=175376767362814376631760622517"
200  fetchpriority="low"
201>
202
203
204
205<link
206  rel="modulepreload"
207  href="//dk.com/cdn/shop/t/18/assets/focus.js?v=60436577539430446401760622491"
208  fetchpriority="low"
209>
210<link
211  rel="modulepreload"
212  href="//dk.com/cdn/shop/t/18/assets/recently-viewed-products.js?v=94729125001750262651760622528"
213  fetchpriority="low"
214>
215<link
216  rel="modulepreload"
217  href="//dk.com/cdn/shop/t/18/assets/scrolling.js?v=10957690925586738441760622530"
218  fetchpriority="low"
219>
220<link
221  rel="modulepreload"
222  href="//dk.com/cdn/shop/t/18/assets/events.js?v=59172389608566392641760622489"
223  fetchpriority="low"
224>
225<script
226  src="//dk.com/cdn/shop/t/18/assets/popover-polyfill.js?v=119029313658895111201760622520"
227  type="module"
228  fetchpriority="low"
229></script>
vendor: 1 bytes, line 229
229
230<script
231  src="//dk.com/cdn/shop/t/18/assets/quick-add.js?v=74531385036627369001760622528"
232  type="module"
233  fetchpriority="low"
234></script>
234
235
236<script
237  src="//dk.com/cdn/shop/t/18/assets/dialog.js?v=94382931671780430451760622487"
238  type="module"
239  fetchpriority="low"
240></script>
vendor: 1 bytes, line 240
240
241<script
242  src="//dk.com/cdn/shop/t/18/assets/variant-picker.js?v=113536721324242252251760622537"
243  type="module"
244  fetchpriority="low"
245></script>
vendor: 1 bytes, line 245
245
246<script
247  src="//dk.com/cdn/shop/t/18/assets/product-card.js?v=174129639976667491711760622522"
248  type="module"
249  fetchpriority="low"
250></script>
vendor: 1 bytes, line 250
250
251<script
252  src="//dk.com/cdn/shop/t/18/assets/product-form.js?v=127515301325557712001760622524"
253  type="module"
254  fetchpriority="low"
255></script>
vendor: 1 bytes, line 255
255
256<script
257  src="//dk.com/cdn/shop/t/18/assets/accordion-custom.js?v=99000499017714805851760622476"
258  type="module"
259  fetchpriority="low"
260></script>
vendor: 1 bytes, line 260
260
261<script
262  src="//dk.com/cdn/shop/t/18/assets/disclosure-custom.js?v=168050880623268140331760622487"
263  type="module"
264  fetchpriority="low"
265></script>
vendor: 1 bytes, line 265
265
266<script
267  src="//dk.com/cdn/shop/t/18/assets/media.js?v=37825095869491791421760622516"
268  type="module"
269  fetchpriority="low"
270></script>
vendor: 1 bytes, line 270
270
271<script
272  src="//dk.com/cdn/shop/t/18/assets/product-price.js?v=147554828958814062061774869372"
273  type="module"
274  fetchpriority="low"
275></script>
vendor: 1 bytes, line 275
275
276<script
277  src="//dk.com/cdn/shop/t/18/assets/product-title-truncation.js?v=81744426891537421781760622526"
278  type="module"
279  fetchpriority="low"
280></script>
vendor: 1 bytes, line 280
280
281<script
282  src="//dk.com/cdn/shop/t/18/assets/product-inventory.js?v=16343734458933704981760622524"
283  type="module"
284  fetchpriority="low"
285></script>
vendor: 1 bytes, line 285
285
286<script
287  src="//dk.com/cdn/shop/t/18/assets/show-more.js?v=94563802205717136101760622534"
288  type="module"
289  fetchpriority="low"
290></script>
vendor: 1 bytes, line 290
290
291<script
292  src="//dk.com/cdn/shop/t/18/assets/slideshow.js?v=106062376210414582281760622535"
293  type="module"
294  fetchpriority="low"
295></script>
vendor: 1 bytes, line 295
295
296<script
297  src="//dk.com/cdn/shop/t/18/assets/anchored-popover.js?v=95953304814728754461760622477"
298  type="module"
299  fetchpriority="low"
300></script>
vendor: 1 bytes, line 300
300
301<script
302  src="//dk.com/cdn/shop/t/18/assets/floating-panel.js?v=128677600744947036551760622491"
303  type="module"
304  fetchpriority="low"
305></script>
vendor: 1 bytes, line 305
305
306<script
307  src="//dk.com/cdn/shop/t/18/assets/video-background.js?v=25237992823806706551760622538"
308  type="module"
309  fetchpriority="low"
310></script>
vendor: 1 bytes, line 310
310
311<script
312  src="//dk.com/cdn/shop/t/18/assets/component-quantity-selector.js?v=56330027151833116691760622484"
313  type="module"
314  fetchpriority="low"
315></script>
vendor: 1 bytes, line 315
315
316<script
317  src="//dk.com/cdn/shop/t/18/assets/media-gallery.js?v=111441960308641931071760622515"
318  type="module"
319  fetchpriority="low"
320></script>
vendor: 1 bytes, line 320
320
321<script
322  src="//dk.com/cdn/shop/t/18/assets/rte-formatter.js?v=101420294193111439321760622530"
323  type="module"
324  fetchpriority="low"
325></script>
vendor: 1 bytes, line 325
325
326<script
327  src="//dk.com/cdn/shop/t/18/assets/gift-card-recipient-form.js?v=129634859299628245901760622492"
328  type="module"
329  fetchpriority="low"
330></script>
330
331
332
333  
333<script
334    src="//dk.com/cdn/shop/t/18/assets/localization.js?v=87759161307859666401760622514"
335    type="module"
336    fetchpriority="low"
337  ></script>
337
338
339
340
341
342
343  
343<script
344    src="//dk.com/cdn/shop/t/18/assets/product-card-link.js?v=97122579314620396511760622522"
345    type="module"
346    fetchpriority="low"
347  ></script>
347
348
349
350<script
351  src="//dk.com/cdn/shop/t/18/assets/auto-close-details.js?v=58350291535404441581760622478"
352  defer="defer"
353></script>
353
354
355<script>
356  const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders';
357  const Theme = {
358    placeholders: {
359      general: [
360        `${basePath}/general-1.png`,
361        `${basePath}/general-2.png`,
362        `${basePath}/general-3.png`,
363        `${basePath}/general-4.png`,
364        `${basePath}/general-5.png`,
365        `${basePath}/general-6.png`,
366        `${basePath}/general-7.png`,
367      ],
368      product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`],
369    },
370    translations: {
371      placeholder_image: `Placeholder image`,
372      added: `Added`,
373      recipient_form_fields_visible: `Recipient form fields are now visible`,
374      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
375      recipient_form_error: `There was an error with the form submission`,
376    },
377    routes: {
378      cart_add_url: '/en-us/cart/add.js',
379      cart_change_url: '/en-us/cart/change',
380      cart_update_url: '/en-us/cart/update',
381      cart_url: '/en-us/cart',
382      predictive_search_url: '/en-us/search/suggest',
383      search_url: '/en-us/search',
384    },
385    template: {
386      name: 'index',
387    },
388  };
389</script>
389
390<style data-shopify>
391
392
393  @font-face {
394  font-family: "Instrument Sans";
395  font-weight: 400;
396  font-style: normal;
397  font-display: swap;
398  src: url("//dk.com/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2") format("woff2"),
399       url("//dk.com/cdn/fonts/instrument_sans/instrumentsans_n4.510f1b081e58d08c30978f465518799851ef6d8b.woff") format("woff");
400}
401
402  @font-face {
403  font-family: "Instrument Sans";
404  font-weight: 700;
405  font-style: normal;
406  font-display: swap;
407  src: url("//dk.com/cdn/fonts/instrument_sans/instrumentsans_n7.e4ad9032e203f9a0977786c356573ced65a7419a.woff2") format("woff2"),
408       url("//dk.com/cdn/fonts/instrument_sans/instrumentsans_n7.b9e40f166fb7639074ba34738101a9d2990bb41a.woff") format("woff");
409}
410
411  @font-face {
412  font-family: "Instrument Sans";
413  font-weight: 400;
414  font-style: italic;
415  font-display: swap;
416  src: url("//dk.com/cdn/fonts/instrument_sans/instrumentsans_i4.028d3c3cd8d085648c808ceb20cd2fd1eb3560e5.woff2") format("woff2"),
417       url("//dk.com/cdn/fonts/instrument_sans/instrumentsans_i4.7e90d82df8dee29a99237cd19cc529d2206706a2.woff") format("woff");
418}
419
420  @font-face {
421  font-family: "Instrument Sans";
422  font-weight: 700;
423  font-style: italic;
424  font-display: swap;
425  src: url("//dk.com/cdn/fonts/instrument_sans/instrumentsans_i7.d6063bb5d8f9cbf96eace9e8801697c54f363c6a.woff2") format("woff2"),
426       url("//dk.com/cdn/fonts/instrument_sans/instrumentsans_i7.ce33afe63f8198a3ac4261b826b560103542cd36.woff") format("woff");
427}
428
429
430  
431
432  
433
434
435    @font-face {
436  font-family: "Instrument Serif";
437  font-weight: 400;
438  font-style: normal;
439  font-display: swap;
440  src: url("//dk.com/cdn/fonts/instrument_serif/instrumentserif_n4.1f296bfb073af186bc0a0abe7791aa71e0f0fd99.woff2") format("woff2"),
441       url("//dk.com/cdn/fonts/instrument_serif/instrumentserif_n4.9c1bc0cbb666f794ccbef0784eef2fae0981ce72.woff") format("woff");
442}
443
444    
445    @font-face {
446  font-family: "Instrument Serif";
447  font-weight: 400;
448  font-style: italic;
449  font-display: swap;
450  src: url("//dk.com/cdn/fonts/instrument_serif/instrumentserif_i4.5f74867220db936d30d7d208253fb8f2d3ef5a7c.woff2") format("woff2"),
451       url("//dk.com/cdn/fonts/instrument_serif/instrumentserif_i4.659537f426cac059f95efd6b1bd59c465d629984.woff") format("woff");
452}
453
454    
455  
456
457  
458
459  :root {
460    /* Page Layout */
461    --sidebar-width: 25rem;
462    --narrow-content-width: 36rem;
463    --normal-content-width: 42rem;
464    --wide-content-width: 46rem;
465    --narrow-page-width: 90rem;
466    --normal-page-width: 120rem;
467    --wide-page-width: 150rem;
468
469    /* Section Heights */
470    --section-height-small: 15rem;
471    --section-height-medium: 25rem;
472    --section-height-large: 35rem;
473
474    @media screen and (min-width: 40em) {
475      --section-height-small: 40svh;
476      --section-height-medium: 55svh;
477      --section-height-large: 70svh;
478    }
479
480    @media screen and (min-width: 60em) {
481      --section-height-small: 50svh;
482      --section-height-medium: 65svh;
483      --section-height-large: 80svh;
484    }
485
486    /* Letter spacing */
487    --letter-spacing-sm: 0.06em;
488    --letter-spacing-md: 0.13em;
489
490    /* Font families */
491    --font-body--family: "Instrument Sans", sans-serif;
492    --font-body--style: normal;
493    --font-body--weight: 400;
494    --font-subheading--family: "Instrument Sans", sans-serif;
495    --font-subheading--style: normal;
496    --font-subheading--weight: 400;
497    --font-heading--family: "Instrument Serif", serif;
498    --font-heading--style: normal;
499    --font-heading--weight: 400;
500    --font-accent--family: "Instrument Serif", serif;
501    --font-accent--style: normal;
502    --font-accent--weight: 400;
503
504    /* Margin sizes */
505    --font-h1--spacing: 0.25em;
506    --font-h2--spacing: 0.25em;
507    --font-h3--spacing: 0.25em;
508    --font-h4--spacing: 0.25em;
509    --font-h5--spacing: 0.25em;
510    --font-h6--spacing: 0.25em;
511    --font-paragraph--spacing: 0.5em;
512
513    /* Heading colors */
514    --font-h1--color: var(--color-foreground-heading);
515    --font-h2--color: var(--color-foreground-heading);
516    --font-h3--color: var(--color-foreground-heading);
517    --font-h4--color: var(--color-foreground-heading);
518    --font-h5--color: var(--color-foreground-heading);
519    --font-h6--color: var(--color-foreground-heading);
520
521    /** Z-Index / Layering */
522    --layer-section-background: -2;
523    --layer-lowest: -1;
524    --layer-base: 0;
525    --layer-flat: 1;
526    --layer-raised: 2;
527    --layer-heightened: 4;
528    --layer-sticky: 8;
529    --layer-window-overlay: 10;
530    --layer-header-menu: 12;
531    --layer-overlay: 16;
532    --layer-menu-drawer: 18;
533    --layer-temporary: 20;
534
535    /* Max-width / Measure */
536    --max-width--body-normal: 50ch;
537    --max-width--body-narrow: 35ch;
538
539    --max-width--heading-normal: 50ch;
540    --max-width--heading-narrow: 30ch;
541
542    --max-width--display-normal: 20ch;
543    --max-width--display-narrow: 15ch;
544    --max-width--display-tight: 5ch;
545
546    /* Letter-spacing / Tracking */
547    --letter-spacing--display-tight: -0.03em;
548    --letter-spacing--display-normal: 0em;
549    --letter-spacing--display-loose: 0.03em;
550
551    --letter-spacing--heading-tight: -0.03em;
552    --letter-spacing--heading-normal: 0em;
553    --letter-spacing--heading-loose: 0.03em;
554
555    --letter-spacing--body-tight: -0.03em;
556    --letter-spacing--body-normal: 0em;
557    --letter-spacing--body-loose: 0.03em;
558
559    /* Line height / Leading */
560    --line-height: 1;
561
562    --line-height--display-tight: 1;
563    --line-height--display-normal: 1.1;
564    --line-height--display-loose: 1.2;
565
566    --line-height--heading-tight: 1.15;
567    --line-height--heading-normal: 1.25;
568    --line-height--heading-loose: 1.35;
569
570    --line-height--body-tight: 1.2;
571    --line-height--body-normal: 1.4;
572    --line-height--body-loose: 1.6;
573
574    /* Typography presets */
575    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 7.2vw, 4.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.125rem;--font-size--h6: 1.0rem;--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-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-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);
576
577    /* Hardcoded font sizes */
578    --font-size--2xs: 0.625rem;
579    --font-size--xs: 0.8125rem;
580    --font-size--sm: 0.875rem;
581    --font-size--md: 1rem;
582    --font-size--lg: 1.125rem;
583    --font-size--xl: 1.25rem;
584    --font-size--2xl: 1.5rem;
585    --font-size--3xl: 2rem;
586    --font-size--4xl: 2.5rem;
587    --font-size--5xl: 3rem;
588    --font-size--6xl: 3.5rem;
589
590    /* Menu font sizes */
591    --menu-font-sm--size: 0.875rem;
592    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
593    --menu-font-md--size: 1rem;
594    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
595    --menu-font-lg--size: 1.125rem;
596    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
597    --menu-font-xl--size: 1.25rem;
598    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
599    --menu-font-2xl--size: 1.75rem;
600    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
601
602    /* Colors */
603    --color-error: #8B0000;
604    --color-success: #006400;
605    --color-white: #FFFFFF;
606    --color-white-rgb: 255 255 255;
607    --color-black: #000000;
608    --color-instock: #3ED660;
609    --color-lowstock: #EE9441;
610    --color-outofstock: #C8C8C8;
611
612    /* Opacity */
613    --opacity-5: 0.05;
614    --opacity-8: 0.08;
615    --opacity-10: 0.1;
616    --opacity-15: 0.15;
617    --opacity-20: 0.2;
618    --opacity-25: 0.25;
619    --opacity-30: 0.3;
620    --opacity-40: 0.4;
621    --opacity-50: 0.5;
622    --opacity-60: 0.6;
623    --opacity-70: 0.7;
624    --opacity-80: 0.8;
625    --opacity-85: 0.85;
626    --opacity-90: 0.9;
627    --opacity-subdued-text: var(--opacity-70);
628
629    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
630    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
631
632    /* Spacing */
633    --margin-3xs: 0.125rem;
634    --margin-2xs: 0.3rem;
635    --margin-xs: 0.5rem;
636    --margin-sm: 0.7rem;
637    --margin-md: 0.8rem;
638    --margin-lg: 1rem;
639    --margin-xl: 1.25rem;
640    --margin-2xl: 1.5rem;
641    --margin-3xl: 1.75rem;
642    --margin-4xl: 2rem;
643    --margin-5xl: 3rem;
644    --margin-6xl: 5rem;
645
646    --scroll-margin: 50px;
647
648    --padding-3xs: 0.125rem;
649    --padding-2xs: 0.25rem;
650    --padding-xs: 0.5rem;
651    --padding-sm: 0.7rem;
652    --padding-md: 0.8rem;
653    --padding-lg: 1rem;
654    --padding-xl: 1.25rem;
655    --padding-2xl: 1.5rem;
656    --padding-3xl: 1.75rem;
657    --padding-4xl: 2rem;
658    --padding-5xl: 3rem;
659    --padding-6xl: 4rem;
660
661    --gap-3xs: 0.125rem;
662    --gap-2xs: 0.3rem;
663    --gap-xs: 0.5rem;
664    --gap-sm: 0.7rem;
665    --gap-md: 0.9rem;
666    --gap-lg: 1rem;
667    --gap-xl: 1.25rem;
668    --gap-2xl: 2rem;
669    --gap-3xl: 3rem;
670
671    --spacing-scale-sm: 0.6;
672    --spacing-scale-md: 0.7;
673    --spacing-scale-default: 1.0;
674
675    /* Checkout buttons gap */
676    --checkout-button-gap: 10px;
677
678    /* Borders */
679    --style-border-width: 1px;
680    --style-border-radius-xs: 0.2rem;
681    --style-border-radius-sm: 0.6rem;
682    --style-border-radius-md: 0.8rem;
683    --style-border-radius-50: 50%;
684    --style-border-radius-lg: 1rem;
685    --style-border-radius-pills: 40px;
686    --style-border-radius-inputs: 8px;
687    --style-border-radius-buttons-primary: 100px;
688    --style-border-radius-buttons-secondary: 100px;
689    --style-border-width-primary: 0px;
690    --style-border-width-secondary: 0px;
691    --style-border-width-inputs: 1px;
692    --style-border-radius-popover: 8px;
693    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
694    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
695    --style-border-swatch-opacity: 10%;
696    --style-border-swatch-width: 1px;
697    --style-border-swatch-style: none;
698
699    /* Animation */
700    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
701    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
702    --animation-speed-fast: 0.0625s;
703    --animation-speed: 0.125s;
704    --animation-speed-slow: 0.2s;
705    --animation-speed-medium: 0.15s;
706    --animation-easing: ease-in-out;
707    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
708    --drawer-animation-speed: 0.2s;
709    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
710    --animation-values: var(--animation-speed) var(--animation-easing);
711    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
712    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
713    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
714    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
715    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
716    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
717    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
718    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
719
720    /* View transitions */
721    /* View transition old */
722    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
723
724    /* View transition new */
725    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
726
727    /* Focus */
728    --focus-outline-width: 0.09375rem;
729    --focus-outline-offset: 0.2em;
730
731    /* Badges */
732    --badge-blob-padding-block: 1px;
733    --badge-blob-padding-inline: 12px 8px;
734    --badge-rectangle-padding-block: 1px;
735    --badge-rectangle-padding-inline: 6px;
736    @media screen and (min-width: 750px) {
737      --badge-blob-padding-block: 4px;
738      --badge-blob-padding-inline: 16px 12px;
739      --badge-rectangle-padding-block: 4px;
740      --badge-rectangle-padding-inline: 10px;
741    }
742
743    /* Icons */
744    --icon-size-2xs: 0.6rem;
745    --icon-size-xs: 0.85rem;
746    --icon-size-sm: 1.25rem;
747    --icon-size-md: 1.375rem;
748    --icon-size-lg: 1.5rem;
749    --icon-stroke-width: 1.5px;
750
751    /* Input */
752    --input-email-min-width: 200px;
753    --input-search-max-width: 650px;
754    --input-padding-y: 0.8rem;
755    --input-padding-x: 0.8rem;
756    --input-padding: var(--input-padding-y) var(--input-padding-x);
757    --input-box-shadow-width: var(--style-border-width-inputs);
758    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
759    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
760    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
761    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
762    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
763    --input-textarea-min-height: 55px;
764
765    /* Button size */
766    --button-size-sm: 30px;
767    --button-size-md: 36px;
768    --button-size: var(--minimum-touch-target);
769    --button-padding-inline: 24px;
770    --button-padding-block: 16px;
771
772    /* Button font-family */
773    --button-font-family-primary: var(--font-body--family);
774    --button-font-family-secondary: var(--font-body--family);
775
776    /* Button text case */
777    --button-text-case: ;
778    --button-text-case-primary: default;
779    --button-text-case-secondary: default;
780
781    /* Borders */
782    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
783    --border-width-sm: 1px;
784    --border-width-md: 2px;
785    --border-width-lg: 5px;
786
787    /* Drawers */
788    --drawer-inline-padding: 25px;
789    --drawer-menu-inline-padding: 2.5rem;
790    --drawer-header-block-padding: 20px;
791    --drawer-content-block-padding: 10px;
792    --drawer-header-desktop-top: 0rem;
793    --drawer-padding: calc(var(--padding-sm) + 7px);
794    --drawer-height: 100dvh;
795    --drawer-width: 95vw;
796    --drawer-max-width: 500px;
797
798    /* Variant Picker Swatches */
799    --variant-picker-swatch-width-unitless: 30;
800    --variant-picker-swatch-height-unitless: 30;
801    --variant-picker-swatch-width: 30px;
802    --variant-picker-swatch-height: 30px;
803    --variant-picker-swatch-radius: 100px;
804    --variant-picker-border-width: 1px;
805    --variant-picker-border-style: none;
806    --variant-picker-border-opacity: 10%;
807
808    /* Variant Picker Buttons */
809    --variant-picker-button-radius: 100px;
810    --variant-picker-button-border-width: 1px;
811
812    /* Slideshow */
813    --slideshow-controls-size: 3.5rem;
814    --slideshow-controls-icon: 2rem;
815    --peek-next-slide-size: 3rem;
816
817    /* Utilities */
818    --backdrop-opacity: 0.15;
819    --backdrop-color-rgb: var(--color-shadow-rgb);
820    --minimum-touch-target: 44px;
821    --disabled-opacity: 0.5;
822    --skeleton-opacity: 0.025;
823
824    /* Shapes */
825    --shape--circle: circle(50% at center);
826    --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%);
827    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
828    --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
828% 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%);
829
830    /* Buy buttons */
831    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
832
833    /* Card image width and height variables */
834    --card-width-small: 10rem;
835
836    --height-small: 10rem;
837    --height-medium: 11.5rem;
838    --height-large: 13rem;
839    --height-full: 100vh;
840
841    @media screen and (min-width: 750px) {
842      --height-small: 17.5rem;
843      --height-medium: 21.25rem;
844      --height-large: 25rem;
845    }
846
847    /* Modal */
848    --modal-max-height: 65dvh;
849
850    /* Card styles for search */
851    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
852    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
853    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
854
855    /* Cart */
856    --cart-primary-font-family: var(--font-body--family);
857    --cart-primary-font-style: var(--font-body--style);
858    --cart-primary-font-weight: var(--font-body--weight);
859    --cart-secondary-font-family: var(--font-subheading--family);
860    --cart-secondary-font-style: var(--font-subheading--style);
861    --cart-secondary-font-weight: var(--font-subheading--weight);
862  }
863</style>
864<style data-shopify>
865  
866    
867      :root,
868    
869    
870    
871    .color-scheme-1 {
872        --color-background: rgb(255 255 255 / 1.0);
873        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
874        --color-background-rgb: 255 255 255;
875        --opacity-5-15: 0.05;
876        --opacity-10-25: 0.1;
877        --opacity-35-55: 0.35;
878        --opacity-40-60: 0.4;
879        --opacity-30-60: 0.3;
880        --color-foreground: rgb(26 26 26 / 1.0);
881        --color-foreground-rgb: 26 26 26;
882        --color-foreground-heading: rgb(26 26 26 / 1.0);
883        --color-foreground-heading-rgb: 26 26 26;
884        --color-primary: rgb(26 26 26 / 1.0);
885        --color-primary-rgb: 26 26 26;
886        --color-primary-hover: rgb(227 6 19 / 1.0);
887        --color-primary-hover-rgb: 227 6 19;
888        --color-border: rgb(230 230 230 / 1.0);
889        --color-border-rgb: 230 230 230;
890        --color-shadow: rgb(26 26 26 / 1.0);
891        --color-shadow-rgb: 26 26 26;
892        --color-primary-button-text: rgb(255 255 255 / 1.0);
893        --color-primary-button-background: rgb(227 6 19 / 1.0);
894        --color-primary-button-border: rgb(26 26 26 / 1.0);
895        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
896        --color-primary-button-hover-background: rgb(26 26 26 / 1.0);
897        --color-primary-button-hover-border: rgb(26 26 26 / 1.0);
898        --color-secondary-button-text: rgb(26 26 26 / 1.0);
899        --color-secondary-button-background: rgb(239 239 239 / 1.0);
900        --color-secondary-button-border: rgb(26 26 26 / 1.0);
901        --color-secondary-button-hover-text: rgb(26 26 26 / 1.0);
902        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
903        --color-secondary-button-hover-border: rgb(26 26 26 / 1.0);
904        --color-input-background: rgb(255 255 255 / 1.0);
905        --color-input-text: rgb(26 26 26 / 1.0);
906        --color-input-text-rgb: 26 26 26;
907        --color-input-border: rgb(0 0 0 / 0.08);
908        --color-input-hover-background: rgb(245 245 245 / 1.0);
909        --color-variant-background: rgb(255 255 255 / 1.0);
910        --color-variant-border: rgb(230 230 230 / 1.0);
911        --color-variant-text: rgb(26 26 26 / 1.0);
912        --color-variant-text-rgb: 26 26 26;
913        --color-variant-hover-background: rgb(245 245 245 / 1.0);
914        --color-variant-hover-text: rgb(26 26 26 / 1.0);
915        --color-variant-hover-border: rgb(230 230 230 / 1.0);
916        --color-selected-variant-background: rgb(230 230 230 / 1.0);
917        --color-selected-variant-border: rgb(26 26 26 / 1.0);
918        --color-selected-variant-text: rgb(0 59 73 / 1.0);
919        --color-selected-variant-hover-background: rgb(250 227 74 / 1.0);
920        --color-selected-variant-hover-text: rgb(0 59 73 / 1.0);
921        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
922
923        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
924        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
925        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
926        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
927        --font-h1--color: var(--color-foreground-heading);
928        --font-h2--color: var(--color-foreground-heading);
929        --font-h3--color: var(--color-foreground-heading);
930        --font-h4--color: var(--color-foreground-heading);
931        --font-h5--color: var(--color-foreground-heading);
932        --font-h6--color: var(--color-foreground-heading);
933
934        /* Shadows */
935        
936        
937          --shadow-blur: 20px;
938          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
939        
940      }
941  
942    
943    
944    
945    .color-scheme-2 {
946        --color-background: rgb(255 255 255 / 1.0);
947        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
948        --color-background-rgb: 255 255 255;
949        --opacity-5-15: 0.05;
950        --opacity-10-25: 0.1;
951        --opacity-35-55: 0.35;
952        --opacity-40-60: 0.4;
953        --opacity-30-60: 0.3;
954        --color-foreground: rgb(0 0 0 / 1.0);
955        --color-foreground-rgb: 0 0 0;
956        --color-foreground-heading: rgb(255 255 255 / 1.0);
957        --color-foreground-heading-rgb: 255 255 255;
958        --color-primary: rgb(0 0 0 / 1.0);
959        --color-primary-rgb: 0 0 0;
960        --color-primary-hover: rgb(0 0 0 / 1.0);
961        --color-primary-hover-rgb: 0 0 0;
962        --color-border: rgb(255 255 255 / 1.0);
963        --color-border-rgb: 255 255 255;
964        --color-shadow: rgb(0 0 0 / 1.0);
965        --color-shadow-rgb: 0 0 0;
966        --color-primary-button-text: rgb(255 255 255 / 1.0);
967        --color-primary-button-background: rgb(0 0 0 / 1.0);
968        --color-primary-button-border: rgb(0 0 0 / 1.0);
969        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
970        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
971        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
972        --color-secondary-button-text: rgb(0 0 0 / 1.0);
973        --color-secondary-button-background: rgb(255 255 255 / 1.0);
974        --color-secondary-button-border: rgb(0 0 0 / 1.0);
975        --color-secondary-button-hover-text: rgb(32 32 32 / 1.0);
976        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
977        --color-secondary-button-hover-border: rgb(32 32 32 / 1.0);
978        --color-input-background: rgb(255 255 255 / 1.0);
979        --color-input-text: rgb(0 0 0 / 1.0);
980        --color-input-text-rgb: 0 0 0;
981        --color-input-border: rgb(0 0 0 / 1.0);
982        --color-input-hover-background: rgb(245 245 245 / 1.0);
983        --color-variant-background: rgb(255 255 255 / 1.0);
984        --color-variant-border: rgb(230 230 230 / 1.0);
985        --color-variant-text: rgb(0 0 0 / 1.0);
986        --color-variant-text-rgb: 0 0 0;
987        --color-variant-hover-background: rgb(245 245 245 / 1.0);
988        --color-variant-hover-text: rgb(0 0 0 / 1.0);
989        --color-variant-hover-border: rgb(230 230 230 / 1.0);
990        --color-selected-variant-background: rgb(0 0 0 / 1.0);
991        --color-selected-variant-border: rgb(0 0 0 / 1.0);
992        --color-selected-variant-text: rgb(255 255 255 / 1.0);
993        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
994        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
995        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
996
997        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
998        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
999        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1000        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1001        --font-h1--color: var(--color-foreground-heading);
1002        --font-h2--color: var(--color-foreground-heading);
1003        --font-h3--color: var(--color-foreground-heading);
1004        --font-h4--color: var(--color-foreground-heading);
1005        --font-h5--color: var(--color-foreground-heading);
1006        --font-h6--color: var(--color-foreground-heading);
1007
1008        /* Shadows */
1009        
1010        
1011          --shadow-blur: 20px;
1012          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1013        
1014      }
1015  
1016    
1017    
1018    
1019    .color-scheme-3 {
1020        --color-background: rgb(176 245 92 / 1.0);
1021        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1022        --color-background-rgb: 176 245 92;
1023        --opacity-5-15: 0.05;
1024        --opacity-10-25: 0.1;
1025        --opacity-35-55: 0.35;
1026        --opacity-40-60: 0.4;
1027        --opacity-30-60: 0.3;
1028        --color-foreground: rgb(0 72 46 / 1.0);
1029        --color-foreground-rgb: 0 72 46;
1030        --color-foreground-heading: rgb(0 72 46 / 1.0);
1031        --color-foreground-heading-rgb: 0 72 46;
1032        --color-primary: rgb(0 72 46 / 1.0);
1033        --color-primary-rgb: 0 72 46;
1034        --color-primary-hover: rgb(0 72 46 / 1.0);
1035        --color-primary-hover-rgb: 0 72 46;
1036        --color-border: rgb(0 72 46 / 1.0);
1037        --color-border-rgb: 0 72 46;
1038        --color-shadow: rgb(0 72 46 / 1.0);
1039        --color-shadow-rgb: 0 72 46;
1040        --color-primary-button-text: rgb(255 255 255 / 1.0);
1041        --color-primary-button-background: rgb(0 72 46 / 1.0);
1042        --color-primary-button-border: rgb(0 0 0 / 1.0);
1043        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1044        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1045        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1046        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1047        --color-secondary-button-background: rgb(104 128 126 / 1.0);
1048        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1049        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1050        --color-secondary-button-hover-background: rgb(239 239 239 / 1.0);
1051        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1052        --color-input-background: rgb(255 255 255 / 1.0);
1053        --color-input-text: rgb(0 0 0 / 1.0);
1054        --color-input-text-rgb: 0 0 0;
1055        --color-input-border: rgb(0 0 0 / 1.0);
1056        --color-input-hover-background: rgb(245 245 245 / 1.0);
1057        --color-variant-background: rgb(255 255 255 / 1.0);
1058        --color-variant-border: rgb(230 230 230 / 1.0);
1059        --color-variant-text: rgb(0 0 0 / 1.0);
1060        --color-variant-text-rgb: 0 0 0;
1061        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1062        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1063        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1064        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1065        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1066        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1067        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1068        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1069        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1070
1071        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1072        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1073        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1074        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1075        --font-h1--color: var(--color-foreground-heading);
1076        --font-h2--color: var(--color-foreground-heading);
1077        --font-h3--color: var(--color-foreground-heading);
1078        --font-h4--color: var(--color-foreground-heading);
1079        --font-h5--color: var(--color-foreground-heading);
1080        --font-h6--color: var(--color-foreground-heading);
1081
1082        /* Shadows */
1083        
1084        
1085          --shadow-blur: 20px;
1086          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1087        
1088      }
1089  
1090    
1091    
1092    
1093    .color-scheme-4 {
1094        --color-background: rgb(250 227 74 / 1.0);
1095        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1096        --color-background-rgb: 250 227 74;
1097        --opacity-5-15: 0.05;
1098        --opacity-10-25: 0.1;
1099        --opacity-35-55: 0.35;
1100        --opacity-40-60: 0.4;
1101        --opacity-30-60: 0.3;
1102        --color-foreground: rgb(1 59 73 / 1.0);
1103        --color-foreground-rgb: 1 59 73;
1104        --color-foreground-heading: rgb(1 59 73 / 1.0);
1105        --color-foreground-heading-rgb: 1 59 73;
1106        --color-primary: rgb(1 59 73 / 1.0);
1107        --color-primary-rgb: 1 59 73;
1108        --color-primary-hover: rgb(0 0 0 / 1.0);
1109        --color-primary-hover-rgb: 0 0 0;
1110        --color-border: rgb(0 0 0 / 1.0);
1111        --color-border-rgb: 0 0 0;
1112        --color-shadow: rgb(0 0 0 / 1.0);
1113        --color-shadow-rgb: 0 0 0;
1114        --color-primary-button-text: rgb(0 0 0 / 1.0);
1115        --color-primary-button-background: rgb(255 255 255 / 1.0);
1116        --color-primary-button-border: rgb(255 255 255 / 1.0);
1117        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1118        --color-primary-button-hover-background: rgb(251 241 175 / 1.0);
1119        --color-primary-button-hover-border: rgb(251 241 175 / 1.0);
1120        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1121        --color-secondary-button-background: rgb(250 227 74 / 1.0);
1122        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1123        --color-secondary-button-hover-text: rgb(48 48 48 / 1.0);
1124        --color-secondary-button-hover-background: rgb(250 227 74 / 1.0);
1125        --color-secondary-button-hover-border: rgb(48 48 48 / 1.0);
1126        --color-input-background: rgb(255 255 255 / 1.0);
1127        --color-input-text: rgb(0 0 0 / 1.0);
1128        --color-input-text-rgb: 0 0 0;
1129        --color-input-border: rgb(0 0 0 / 1.0);
1130        --color-input-hover-background: rgb(245 245 245 / 1.0);
1131        --color-variant-background: rgb(255 255 255 / 1.0);
1132        --color-variant-border: rgb(230 230 230 / 1.0);
1133        --color-variant-text: rgb(0 0 0 / 1.0);
1134        --color-variant-text-rgb: 0 0 0;
1135        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1136        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1137        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1138        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1139        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1140        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1141        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1142        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1143        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1144
1145        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1146        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1147        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1148        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1149        --font-h1--color: var(--color-foreground-heading);
1150        --font-h2--color: var(--color-foreground-heading);
1151        --font-h3--color: var(--color-foreground-heading);
1152        --font-h4--color: var(--color-foreground-heading);
1153        --font-h5--color: var(--color-foreground-heading);
1154        --font-h6--color: var(--color-foreground-heading);
1155
1156        /* Shadows */
1157        
1158        
1159          --shadow-blur: 20px;
1160          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1161        
1162      }
1163  
1164    
1165    
1166    
1167    .color-scheme-5 {
1168        --color-background: rgb(255 255 255 / 1.0);
1169        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1170        --color-background-rgb: 255 255 255;
1171        --opacity-5-15: 0.05;
1172        --opacity-10-25: 0.1;
1173        --opacity-35-55: 0.35;
1174        --opacity-40-60: 0.4;
1175        --opacity-30-60: 0.3;
1176        --color-foreground: rgb(115 15 214 / 1.0);
1177        --color-foreground-rgb: 115 15 214;
1178        --color-foreground-heading: rgb(115 15 214 / 1.0);
1179        --color-foreground-heading-rgb: 115 15 214;
1180        --color-primary: rgb(115 15 214 / 1.0);
1181        --color-primary-rgb: 115 15 214;
1182        --color-primary-hover: rgb(172 172 172 / 1.0);
1183        --color-primary-hover-rgb: 172 172 172;
1184        --color-border: rgb(102 102 102 / 1.0);
1185        --color-border-rgb: 102 102 102;
1186        --color-shadow: rgb(0 0 0 / 1.0);
1187        --color-shadow-rgb: 0 0 0;
1188        --color-primary-button-text: rgb(255 255 255 / 1.0);
1189        --color-primary-button-background: rgb(115 15 214 / 1.0);
1190        --color-primary-button-border: rgb(255 255 255 / 1.0);
1191        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1192        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
1193        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
1194        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1195        --color-secondary-button-background: rgb(0 0 0 / 1.0);
1196        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1197        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
1198        --color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
1199        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
1200        --color-input-background: rgb(255 209 189 / 1.0);
1201        --color-input-text: rgb(0 0 0 / 1.0);
1202        --color-input-text-rgb: 0 0 0;
1203        --color-input-border: rgb(255 255 255 / 1.0);
1204        --color-input-hover-background: rgb(24 24 24 / 0.75);
1205        --color-variant-background: rgb(255 255 255 / 1.0);
1206        --color-variant-border: rgb(230 230 230 / 1.0);
1207        --color-variant-text: rgb(0 0 0 / 1.0);
1208        --color-variant-text-rgb: 0 0 0;
1209        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1210        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1211        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1212        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1213        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1214        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1215        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1216        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1217        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1218
1219        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1220        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1221        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1222        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1223        --font-h1--color: var(--color-foreground-heading);
1224        --font-h2--color: var(--color-foreground-heading);
1225        --font-h3--color: var(--color-foreground-heading);
1226        --font-h4--color: var(--color-foreground-heading);
1227        --font-h5--color: var(--color-foreground-heading);
1228        --font-h6--color: var(--color-foreground-heading);
1229
1230        /* Shadows */
1231        
1232        
1233          --shadow-blur: 20px;
1234          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1235        
1236      }
1237  
1238    
1239    
1240    
1241    .color-scheme-6 {
1242        --color-background: rgb(0 0 0 / 0.0);
1243        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1244        --color-background-rgb: 0 0 0;
1245        --opacity-5-15: 0.15;
1246        --opacity-10-25: 0.25;
1247        --opacity-35-55: 0.55;
1248        --opacity-40-60: 0.6;
1249        --opacity-30-60: 0.6;
1250        --color-foreground: rgb(255 255 255 / 1.0);
1251        --color-foreground-rgb: 255 255 255;
1252        --color-foreground-heading: rgb(255 255 255 / 1.0);
1253        --color-foreground-heading-rgb: 255 255 255;
1254        --color-primary: rgb(255 255 255 / 1.0);
1255        --color-primary-rgb: 255 255 255;
1256        --color-primary-hover: rgb(250 227 74 / 1.0);
1257        --color-primary-hover-rgb: 250 227 74;
1258        --color-border: rgb(0 0 0 / 0.0);
1259        --color-border-rgb: 0 0 0;
1260        --color-shadow: rgb(0 0 0 / 0.0);
1261        --color-shadow-rgb: 0 0 0;
1262        --color-primary-button-text: rgb(0 0 0 / 1.0);
1263        --color-primary-button-background: rgb(253 198 86 / 1.0);
1264        --color-primary-button-border: rgb(255 255 255 / 1.0);
1265        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1266        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
1267        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
1268        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1269        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1270        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1271        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
1272        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1273        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
1274        --color-input-background: rgb(25
12745 255 255 / 1.0);
1275        --color-input-text: rgb(0 0 0 / 1.0);
1276        --color-input-text-rgb: 0 0 0;
1277        --color-input-border: rgb(0 0 0 / 1.0);
1278        --color-input-hover-background: rgb(245 245 245 / 1.0);
1279        --color-variant-background: rgb(255 255 255 / 1.0);
1280        --color-variant-border: rgb(230 230 230 / 1.0);
1281        --color-variant-text: rgb(0 0 0 / 1.0);
1282        --color-variant-text-rgb: 0 0 0;
1283        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1284        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1285        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1286        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1287        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1288        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1289        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1290        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1291        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1292
1293        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1294        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1295        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1296        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1297        --font-h1--color: var(--color-foreground-heading);
1298        --font-h2--color: var(--color-foreground-heading);
1299        --font-h3--color: var(--color-foreground-heading);
1300        --font-h4--color: var(--color-foreground-heading);
1301        --font-h5--color: var(--color-foreground-heading);
1302        --font-h6--color: var(--color-foreground-heading);
1303
1304        /* Shadows */
1305        
1306        
1307          --shadow-blur: 20px;
1308          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1309        
1310      }
1311  
1312    
1313    
1314    
1315    .color-scheme-7 {
1316        --color-background: rgb(1 59 73 / 1.0);
1317        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1318        --color-background-rgb: 1 59 73;
1319        --opacity-5-15: 0.15;
1320        --opacity-10-25: 0.25;
1321        --opacity-35-55: 0.55;
1322        --opacity-40-60: 0.6;
1323        --opacity-30-60: 0.6;
1324        --color-foreground: rgb(250 227 74 / 1.0);
1325        --color-foreground-rgb: 250 227 74;
1326        --color-foreground-heading: rgb(250 227 74 / 1.0);
1327        --color-foreground-heading-rgb: 250 227 74;
1328        --color-primary: rgb(250 227 74 / 1.0);
1329        --color-primary-rgb: 250 227 74;
1330        --color-primary-hover: rgb(255 209 189 / 1.0);
1331        --color-primary-hover-rgb: 255 209 189;
1332        --color-border: rgb(250 227 74 / 1.0);
1333        --color-border-rgb: 250 227 74;
1334        --color-shadow: rgb(0 0 0 / 1.0);
1335        --color-shadow-rgb: 0 0 0;
1336        --color-primary-button-text: rgb(1 59 73 / 1.0);
1337        --color-primary-button-background: rgb(250 227 74 / 1.0);
1338        --color-primary-button-border: rgb(250 227 74 / 1.0);
1339        --color-primary-button-hover-text: rgb(1 59 73 / 1.0);
1340        --color-primary-button-hover-background: rgb(255 209 189 / 1.0);
1341        --color-primary-button-hover-border: rgb(255 209 189 / 1.0);
1342        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1343        --color-secondary-button-background: rgb(227 6 19 / 1.0);
1344        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1345        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1346        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
1347        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1348        --color-input-background: rgb(255 255 255 / 1.0);
1349        --color-input-text: rgb(0 0 0 / 1.0);
1350        --color-input-text-rgb: 0 0 0;
1351        --color-input-border: rgb(0 0 0 / 1.0);
1352        --color-input-hover-background: rgb(245 245 245 / 1.0);
1353        --color-variant-background: rgb(255 255 255 / 1.0);
1354        --color-variant-border: rgb(230 230 230 / 1.0);
1355        --color-variant-text: rgb(0 0 0 / 1.0);
1356        --color-variant-text-rgb: 0 0 0;
1357        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1358        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1359        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1360        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1361        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1362        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1363        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1364        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1365        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1366
1367        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1368        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1369        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1370        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1371        --font-h1--color: var(--color-foreground-heading);
1372        --font-h2--color: var(--color-foreground-heading);
1373        --font-h3--color: var(--color-foreground-heading);
1374        --font-h4--color: var(--color-foreground-heading);
1375        --font-h5--color: var(--color-foreground-heading);
1376        --font-h6--color: var(--color-foreground-heading);
1377
1378        /* Shadows */
1379        
1380        
1381          --shadow-blur: 20px;
1382          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1383        
1384      }
1385  
1386    
1387    
1388    
1389    .color-scheme-8 {
1390        --color-background: rgb(230 230 230 / 1.0);
1391        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1392        --color-background-rgb: 230 230 230;
1393        --opacity-5-15: 0.05;
1394        --opacity-10-25: 0.1;
1395        --opacity-35-55: 0.35;
1396        --opacity-40-60: 0.4;
1397        --opacity-30-60: 0.3;
1398        --color-foreground: rgb(0 0 0 / 1.0);
1399        --color-foreground-rgb: 0 0 0;
1400        --color-foreground-heading: rgb(0 0 0 / 1.0);
1401        --color-foreground-heading-rgb: 0 0 0;
1402        --color-primary: rgb(0 0 0 / 1.0);
1403        --color-primary-rgb: 0 0 0;
1404        --color-primary-hover: rgb(0 0 0 / 1.0);
1405        --color-primary-hover-rgb: 0 0 0;
1406        --color-border: rgb(230 230 230 / 1.0);
1407        --color-border-rgb: 230 230 230;
1408        --color-shadow: rgb(0 0 0 / 1.0);
1409        --color-shadow-rgb: 0 0 0;
1410        --color-primary-button-text: rgb(255 255 255 / 1.0);
1411        --color-primary-button-background: rgb(227 6 19 / 1.0);
1412        --color-primary-button-border: rgb(0 0 0 / 1.0);
1413        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1414        --color-primary-button-hover-background: rgb(227 6 19 / 0.77);
1415        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1416        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1417        --color-secondary-button-background: rgb(239 239 239 / 1.0);
1418        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1419        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1420        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
1421        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1422        --color-input-background: rgb(255 255 255 / 1.0);
1423        --color-input-text: rgb(0 0 0 / 1.0);
1424        --color-input-text-rgb: 0 0 0;
1425        --color-input-border: rgb(0 0 0 / 1.0);
1426        --color-input-hover-background: rgb(250 249 241 / 1.0);
1427        --color-variant-background: rgb(255 255 255 / 1.0);
1428        --color-variant-border: rgb(230 230 230 / 1.0);
1429        --color-variant-text: rgb(0 0 0 / 1.0);
1430        --color-variant-text-rgb: 0 0 0;
1431        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1432        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1433        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1434        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1435        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1436        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1437        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1438        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1439        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1440
1441        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1442        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1443        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1444        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1445        --font-h1--color: var(--color-foreground-heading);
1446        --font-h2--color: var(--color-foreground-heading);
1447        --font-h3--color: var(--color-foreground-heading);
1448        --font-h4--color: var(--color-foreground-heading);
1449        --font-h5--color: var(--color-foreground-heading);
1450        --font-h6--color: var(--color-foreground-heading);
1451
1452        /* Shadows */
1453        
1454        
1455          --shadow-blur: 20px;
1456          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1457        
1458      }
1459  
1460    
1461    
1462    
1463    .color-scheme-5f7991c9-9ed2-4cd3-94bd-464ddae5132a {
1464        --color-background: rgb(255 209 189 / 1.0);
1465        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1466        --color-background-rgb: 255 209 189;
1467        --opacity-5-15: 0.05;
1468        --opacity-10-25: 0.1;
1469        --opacity-35-55: 0.35;
1470        --opacity-40-60: 0.4;
1471        --opacity-30-60: 0.3;
1472        --color-foreground: rgb(115 15 214 / 1.0);
1473        --color-foreground-rgb: 115 15 214;
1474        --color-foreground-heading: rgb(115 15 214 / 1.0);
1475        --color-foreground-heading-rgb: 115 15 214;
1476        --color-primary: rgb(115 15 214 / 1.0);
1477        --color-primary-rgb: 115 15 214;
1478        --color-primary-hover: rgb(115 15 214 / 1.0);
1479        --color-primary-hover-rgb: 115 15 214;
1480        --color-border: rgb(230 230 230 / 1.0);
1481        --color-border-rgb: 230 230 230;
1482        --color-shadow: rgb(26 26 26 / 1.0);
1483        --color-shadow-rgb: 26 26 26;
1484        --color-primary-button-text: rgb(255 255 255 / 1.0);
1485        --color-primary-button-background: rgb(115 15 214 / 1.0);
1486        --color-primary-button-border: rgb(26 26 26 / 1.0);
1487        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1488        --color-primary-button-hover-background: rgb(26 26 26 / 1.0);
1489        --color-primary-button-hover-border: rgb(26 26 26 / 1.0);
1490        --color-secondary-button-text: rgb(26 26 26 / 1.0);
1491        --color-secondary-button-background: rgb(239 239 239 / 1.0);
1492        --color-secondary-button-border: rgb(26 26 26 / 1.0);
1493        --color-secondary-button-hover-text: rgb(26 26 26 / 1.0);
1494        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
1495        --color-secondary-button-hover-border: rgb(26 26 26 / 1.0);
1496        --color-input-background: rgb(255 255 255 / 1.0);
1497        --color-input-text: rgb(26 26 26 / 1.0);
1498        --color-input-text-rgb: 26 26 26;
1499        --color-input-border: rgb(0 0 0 / 0.08);
1500        --color-input-hover-background: rgb(245 245 245 / 1.0);
1501        --color-variant-background: rgb(255 255 255 / 1.0);
1502        --color-variant-border: rgb(230 230 230 / 1.0);
1503        --color-variant-text: rgb(26 26 26 / 1.0);
1504        --color-variant-text-rgb: 26 26 26;
1505        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1506        --color-variant-hover-text: rgb(26 26 26 / 1.0);
1507        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1508        --color-selected-variant-background: rgb(230 230 230 / 1.0);
1509        --color-selected-variant-border: rgb(26 26 26 / 1.0);
1510        --color-selected-variant-text: rgb(0 59 73 / 1.0);
1511        --color-selected-variant-hover-background: rgb(250 227 74 / 1.0);
1512        --color-selected-variant-hover-text: rgb(0 59 73 / 1.0);
1513        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1514
1515        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1516        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1517        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1518        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1519        --font-h1--color: var(--color-foreground-heading);
1520        --font-h2--color: var(--color-foreground-heading);
1521        --font-h3--color: var(--color-foreground-heading);
1522        --font-h4--color: var(--color-foreground-heading);
1523        --font-h5--color: var(--color-foreground-heading);
1524        --font-h6--color: var(--color-foreground-heading);
1525
1526        /* Shadows */
1527        
1528        
1529          --shadow-blur: 20px;
1530          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1531        
1532      }
1533  
1534    
1535    
1536    
1537    .color-scheme-3547c2cb-b75c-4b98-b6da-6fc53e385a00 {
1538        --color-background: rgb(38 224 250 / 1.0);
1539        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1540        --color-background-rgb: 38 224 250;
1541        --opacity-5-15: 0.05;
1542        --opacity-10-25: 0.1;
1543        --opacity-35-55: 0.35;
1544        --opacity-40-60: 0.4;
1545        --opacity-30-60: 0.3;
1546        --color-foreground: rgb(48 56 212 / 1.0);
1547        --color-foreground-rgb: 48 56 212;
1548        --color-foreground-heading: rgb(48 56 212 / 1.0);
1549        --color-foreground-heading-rgb: 48 56 212;
1550        --color-primary: rgb(48 56 212 / 1.0);
1551        --color-primary-rgb: 48 56 212;
1552        --color-primary-hover: rgb(48 56 212 / 1.0);
1553        --color-primary-hover-rgb: 48 56 212;
1554        --color-border: rgb(48 56 212 / 1.0);
1555        --color-border-rgb: 48 56 212;
1556        --color-shadow: rgb(48 56 212 / 1.0);
1557        --color-shadow-rgb: 48 56 212;
1558        --color-primary-button-text: rgb(255 255 255 / 1.0);
1559        --color-primary-button-background: rgb(48 56 212 / 1.0);
1560        --color-primary-button-border: rgb(26 26 26 / 1.0);
1561        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1562        --color-primary-button-hover-background: rgb(26 26 26 / 1.0);
1563        --color-primary-button-hover-border: rgb(26 26 26 / 1.0);
1564        --color-secondary-button-text: rgb(26 26 26 / 1.0);
1565        --color-secondary-button-background: rgb(239 239 239 / 1.0);
1566        --color-secondary-button-border: rgb(26 26 26 / 1.0);
1567        --color-secondary-button-hover-text: rgb(26 26 26 / 1.0);
1568        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
1569        --color-secondary-button-hover-border: rgb(26 26 26 / 1.0);
1570        --color-input-background: rgb(255 255 255 / 1.0);
1571        --color-input-text: rgb(26 26 26 / 1.0);
1572        --color-input-text-rgb: 26 26 26;
1573        --color-input-border: rgb(0 0 0 / 0.08);
1574        --color-input-hover-background: rgb(245 245 245 / 1.0);
1575        --color-variant-background: rgb(255 255 255 / 1.0);
1576        --color-variant-border: rgb(230 230 230 / 1.0);
1577        --color-variant-text: rgb(26 26 26 / 1.0);
1578        --color-variant-text-rgb: 26 26 26;
1579        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1580        --color-variant-hover-text: rgb(26 26 26 / 1.0);
1581        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1582        --color-selected-variant-background: rgb(230 230 230 / 1.0);
1583        --color-selected-variant-border: rgb(26 26 26 / 1.0);
1584        --color-selected-variant-text: rgb(0 59 73 / 1.0);
1585        --color-selected-variant-hover-background: rgb(250 227 74 / 1.0);
1586        --color-selected-variant-hover-text: rgb(0 59 73 / 1.0);
1587        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1588
1589        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1590        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1591        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1592        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1593        --font-h1--color: var(--color-foreground-heading);
1594        --font-h2--color: var(--color-foreground-heading);
1595        --font-h3--color: var(--color-foreground-heading);
1596        --font-h4--
1596color: var(--color-foreground-heading);
1597        --font-h5--color: var(--color-foreground-heading);
1598        --font-h6--color: var(--color-foreground-heading);
1599
1600        /* Shadows */
1601        
1602        
1603          --shadow-blur: 20px;
1604          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1605        
1606      }
1607  
1608    
1609    
1610    
1611    .color-scheme-b9d0a236-eed7-403b-be8b-11494a508ac1 {
1612        --color-background: rgb(255 255 255 / 1.0);
1613        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1614        --color-background-rgb: 255 255 255;
1615        --opacity-5-15: 0.05;
1616        --opacity-10-25: 0.1;
1617        --opacity-35-55: 0.35;
1618        --opacity-40-60: 0.4;
1619        --opacity-30-60: 0.3;
1620        --color-foreground: rgb(26 26 26 / 1.0);
1621        --color-foreground-rgb: 26 26 26;
1622        --color-foreground-heading: rgb(26 26 26 / 1.0);
1623        --color-foreground-heading-rgb: 26 26 26;
1624        --color-primary: rgb(26 26 26 / 1.0);
1625        --color-primary-rgb: 26 26 26;
1626        --color-primary-hover: rgb(227 6 19 / 1.0);
1627        --color-primary-hover-rgb: 227 6 19;
1628        --color-border: rgb(230 230 230 / 1.0);
1629        --color-border-rgb: 230 230 230;
1630        --color-shadow: rgb(26 26 26 / 1.0);
1631        --color-shadow-rgb: 26 26 26;
1632        --color-primary-button-text: rgb(255 255 255 / 1.0);
1633        --color-primary-button-background: rgb(227 6 19 / 1.0);
1634        --color-primary-button-border: rgb(26 26 26 / 1.0);
1635        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1636        --color-primary-button-hover-background: rgb(26 26 26 / 1.0);
1637        --color-primary-button-hover-border: rgb(26 26 26 / 1.0);
1638        --color-secondary-button-text: rgb(26 26 26 / 1.0);
1639        --color-secondary-button-background: rgb(239 239 239 / 1.0);
1640        --color-secondary-button-border: rgb(26 26 26 / 1.0);
1641        --color-secondary-button-hover-text: rgb(26 26 26 / 1.0);
1642        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
1643        --color-secondary-button-hover-border: rgb(26 26 26 / 1.0);
1644        --color-input-background: rgb(255 255 255 / 1.0);
1645        --color-input-text: rgb(26 26 26 / 1.0);
1646        --color-input-text-rgb: 26 26 26;
1647        --color-input-border: rgb(0 0 0 / 0.08);
1648        --color-input-hover-background: rgb(245 245 245 / 1.0);
1649        --color-variant-background: rgb(255 255 255 / 1.0);
1650        --color-variant-border: rgb(230 230 230 / 1.0);
1651        --color-variant-text: rgb(26 26 26 / 1.0);
1652        --color-variant-text-rgb: 26 26 26;
1653        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1654        --color-variant-hover-text: rgb(26 26 26 / 1.0);
1655        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1656        --color-selected-variant-background: rgb(230 230 230 / 1.0);
1657        --color-selected-variant-border: rgb(26 26 26 / 1.0);
1658        --color-selected-variant-text: rgb(0 59 73 / 1.0);
1659        --color-selected-variant-hover-background: rgb(250 227 74 / 1.0);
1660        --color-selected-variant-hover-text: rgb(0 59 73 / 1.0);
1661        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1662
1663        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1664        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1665        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1666        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1667        --font-h1--color: var(--color-foreground-heading);
1668        --font-h2--color: var(--color-foreground-heading);
1669        --font-h3--color: var(--color-foreground-heading);
1670        --font-h4--color: var(--color-foreground-heading);
1671        --font-h5--color: var(--color-foreground-heading);
1672        --font-h6--color: var(--color-foreground-heading);
1673
1674        /* Shadows */
1675        
1676        
1677          --shadow-blur: 20px;
1678          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1679        
1680      }
1681  
1682    
1683    
1684    
1685    .color-scheme-85f45951-d9a4-406b-bef4-cfca17df823c {
1686        --color-background: rgb(237 201 255 / 1.0);
1687        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1688        --color-background-rgb: 237 201 255;
1689        --opacity-5-15: 0.05;
1690        --opacity-10-25: 0.1;
1691        --opacity-35-55: 0.35;
1692        --opacity-40-60: 0.4;
1693        --opacity-30-60: 0.3;
1694        --color-foreground: rgb(130 5 92 / 1.0);
1695        --color-foreground-rgb: 130 5 92;
1696        --color-foreground-heading: rgb(130 5 92 / 1.0);
1697        --color-foreground-heading-rgb: 130 5 92;
1698        --color-primary: rgb(130 5 92 / 1.0);
1699        --color-primary-rgb: 130 5 92;
1700        --color-primary-hover: rgb(130 5 92 / 1.0);
1701        --color-primary-hover-rgb: 130 5 92;
1702        --color-border: rgb(230 230 230 / 1.0);
1703        --color-border-rgb: 230 230 230;
1704        --color-shadow: rgb(130 5 92 / 1.0);
1705        --color-shadow-rgb: 130 5 92;
1706        --color-primary-button-text: rgb(255 255 255 / 1.0);
1707        --color-primary-button-background: rgb(130 5 92 / 1.0);
1708        --color-primary-button-border: rgb(26 26 26 / 1.0);
1709        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1710        --color-primary-button-hover-background: rgb(26 26 26 / 1.0);
1711        --color-primary-button-hover-border: rgb(26 26 26 / 1.0);
1712        --color-secondary-button-text: rgb(26 26 26 / 1.0);
1713        --color-secondary-button-background: rgb(239 239 239 / 1.0);
1714        --color-secondary-button-border: rgb(26 26 26 / 1.0);
1715        --color-secondary-button-hover-text: rgb(26 26 26 / 1.0);
1716        --color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
1717        --color-secondary-button-hover-border: rgb(26 26 26 / 1.0);
1718        --color-input-background: rgb(255 255 255 / 1.0);
1719        --color-input-text: rgb(26 26 26 / 1.0);
1720        --color-input-text-rgb: 26 26 26;
1721        --color-input-border: rgb(0 0 0 / 0.08);
1722        --color-input-hover-background: rgb(245 245 245 / 1.0);
1723        --color-variant-background: rgb(255 255 255 / 1.0);
1724        --color-variant-border: rgb(230 230 230 / 1.0);
1725        --color-variant-text: rgb(26 26 26 / 1.0);
1726        --color-variant-text-rgb: 26 26 26;
1727        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1728        --color-variant-hover-text: rgb(26 26 26 / 1.0);
1729        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1730        --color-selected-variant-background: rgb(230 230 230 / 1.0);
1731        --color-selected-variant-border: rgb(26 26 26 / 1.0);
1732        --color-selected-variant-text: rgb(0 59 73 / 1.0);
1733        --color-selected-variant-hover-background: rgb(250 227 74 / 1.0);
1734        --color-selected-variant-hover-text: rgb(0 59 73 / 1.0);
1735        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1736
1737        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1738        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1739        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1740        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1741        --font-h1--color: var(--color-foreground-heading);
1742        --font-h2--color: var(--color-foreground-heading);
1743        --font-h3--color: var(--color-foreground-heading);
1744        --font-h4--color: var(--color-foreground-heading);
1745        --font-h5--color: var(--color-foreground-heading);
1746        --font-h6--color: var(--color-foreground-heading);
1747
1748        /* Shadows */
1749        
1750        
1751          --shadow-blur: 20px;
1752          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1753        
1754      }
1755  
1756
1757  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7, .color-scheme-8, .color-scheme-5f7991c9-9ed2-4cd3-94bd-464ddae5132a, .color-scheme-3547c2cb-b75c-4b98-b6da-6fc53e385a00, .color-scheme-b9d0a236-eed7-403b-be8b-11494a508ac1, .color-scheme-85f45951-d9a4-406b-bef4-cfca17df823c {
1758    color: var(--color-foreground);
1759    background-color: var(--color-background);
1760  }
1761</style>
1762<link href="//dk.com/cdn/shop/t/18/assets/custom.css?v=93185354943178754661762291441" rel="stylesheet" type="text/css" media="all" />
1763    <link href="//dk.com/cdn/shop/t/18/assets/component-card.css?v=179713956214177788571761924473" rel="stylesheet" type="text/css" media="all" />
1764
1765    
1766
1767    
1767<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1767<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/63578046521/digital_wallets/dialog">
1768<link rel="alternate" hreflang="x-default" href="https://dk.com/">
1769<link rel="alternate" hreflang="en" href="https://dk.com/">
1770<link rel="alternate" hreflang="en-US" href="https://dk.com/en-us">
1771<link rel="alternate" hreflang="en-IN" href="https://dk.com/en-in">
1772<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=16744505"></script>
vendor: 1 bytes, line 1772
1772
1773<script id="shopify-features" type="application/json">{"accessToken":"9a00fbbecbaef0f922fe4809b983aa41","betas":["rich-media-storefront-analytics"],"domain":"dk.com","predictiveSearch":true,"shopId":63578046521,"locale":"en"}</script>
vendor: 1 bytes, line 1773
1773
1774<script>var Shopify = Shopify || {};
1775Shopify.shop = "dk-www-staging.myshopify.com";
1776Shopify.locale = "en";
1777Shopify.currency = {"active":"USD","rate":"1.0"};
1778Shopify.country = "US";
1779Shopify.theme = {"name":"Tinker - Version 3.0","id":184714133881,"schema_name":"Tinker","schema_version":"3.0.0","theme_store_id":3627,"role":"main"};
1780Shopify.theme.handle = "null";
1781Shopify.theme.style = {"id":null,"handle":null};
1782Shopify.cdnHost = "dk.com/cdn";
1783Shopify.routes = Shopify.routes || {};
1784Shopify.routes.root = "/en-us/";
1785Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1786Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1787Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1788Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1788
1788
1789<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1789
1789
1790<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 1790
1790
1791<script>
1792  window.Shopify = window.Shopify || {};
1793  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1794  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1795  window.Shopify.SignInWithShop.eligible = true;
1796</script>
vendor: 1 bytes, line 1796
1796
1797<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 1797
1797
1798<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 1798
1798
1799<script type="module">
1800  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1801
1802  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1803
1804</script>
vendor: 1 bytes, line 1804
1804
1805<script>
1806  window.Shopify = window.Shopify || {};
1807  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1808  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"]};
1809</script>
vendor: 1 bytes, line 1809
1809
1810<script>(function() {
1811  var isLoaded = false;
1812  function asyncLoad() {
1813    if (isLoaded) return;
1814    isLoaded = true;
1815    var urls = ["https:\/\/admin.revenuehunt.com\/embed.js?shop=dk-www-staging.myshopify.com"];
1816    for (var i = 0; i < urls.length; i++) {
1817      var s = document.createElement('script');
1818      s.type = 'text/javascript';
1819      s.async = true;
1820      s.src = urls[i];
1821      var x = document.getElementsByTagName('script')[0];
1822      x.parentNode.insertBefore(s, x);
1823    }
1824  };
1825  if(window.attachEvent) {
1826    window.attachEvent('onload', asyncLoad);
1827  } else {
1828    window.addEventListener('load', asyncLoad, false);
1829  }
1830})();</script>
vendor: 1 bytes, line 1830
1830
1831<script id="__st">var __st={"a":63578046521,"offset":3600,"reqid":"61dd8945-4b83-478d-95e8-bd5f58942c8f-1790239730","pageurl":"dk.com\/en-us?_pos=1\u0026_sid=caa9a4d8b\u0026_ss=r","u":"5e1f72dfbb14","p":"home"};</script>
vendor: 1 bytes, line 1831
1831
1832<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1832
1832
1833<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 1833
1833
1834<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//dk.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1834
1834
1835<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 = "//dk.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>
1835<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 1835
1835
1836<script>
1837  window.Shopify = window.Shopify || {};
1838  window.Shopify.MCP = window.Shopify.MCP || {};
1839  window.Shopify.MCP.enabled = true;
1840  window.Shopify.MCP.shop = "dk-www-staging.myshopify.com";
1841  window.Shopify.MCP.mcpEndpoint = "https:\/\/dk.com\/api\/mcp";
1842  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
1843</script>
vendor: 1 bytes, line 1843
1843
1844<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("\/\/dk.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1845</script>
vendor: 1 bytes, line 1845
1845
1846<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://dk.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1847</script>
vendor: 1 bytes, line 1847
1847
1848<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1849  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);
1850</script>
vendor: 1 bytes, line 1850
1850
1851<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})}}));
1852</script>
vendor: 1 bytes, line 1852
1852
1853<script id='scb4127' type='text/javascript' async='' src='https://dk.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1853<link rel="stylesheet" media="screen" href="//dk.com/cdn/shop/t/18/compiled_assets/styles.css?v=22657602641512648121776254902">
1854<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1854
1855    <!-- Google Tag Manager -->
1856    
1856<script>
vendor: 343 bytes, lines 1856-1860
1856(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1857    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1858    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1859    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1860    })(window,document,'script','dataLayer','
1860GTM-NB4SL3DJ
vendor: 3 bytes, line 1860
1860');
1860</script>
1860
1861    <!-- End Google Tag Manager -->    
1862
1863    <!-- Hotjar Tracking Code for dk.com --> 
1863<script>
vendor: 125 bytes, line 1863
1863     (function(h,o,t,j,a,r){         h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};         h._hjSettings={hjid:
18636577800
vendor: 258 bytes, line 1863
1863,hjsv:6};         a=o.getElementsByTagName('head')[0];         r=o.createElement('script');r.async=1;         r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;         a.appendChild(r);     })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); 
1863</script>
1863
1864  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1865<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: 63578046521,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};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 1865
1865
1866<script>
1867  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1868</script>
vendor: 1 bytes, line 1868
1868
1869<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}
1869).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: 63578046521,storefrontBaseUrl: "https://dk.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://dk.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"1920500089","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-9604MJLZRC\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-9604MJLZRC\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-9604MJLZRC\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-9604MJLZRC\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-9604MJLZRC\\\"},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-9604MJLZRC\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-9604MJLZRC\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-9604MJLZRC\\\"},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-9604MJLZRC\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-9604MJLZRC\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-9604MJLZRC\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-9604MJLZRC\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"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":"DK","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"dk-www-staging.myshopify.com","countryCode":"GB","storefrontUrl":"https:\/\/dk.com\/en-us"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"
186915428794253689","handle":"9798217135066-pop-up-peekaboo-stitch","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56942996619641","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15441010884985","handle":"9798217138050-face-yoga","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57008319234425","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15441028743545","handle":"9798217136353-bosh-more-plants","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57008378216825","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15122891112825","handle":"9798217126415-avatar-fire-and-ash-the-visual-dictionary","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55767147348345","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15122891440505","handle":"9798217135929-an-anthology-of-remarkable-bugs","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55767147774329","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15702931538297","handle":"9798217309269-lets-meet-the-vikings-book","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"64266214572409","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15195916370297","handle":"9798217138494-lets-meet-the-ancient-egyptians","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56088078090617","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15122720588153","handle":"9780593847114-warhammer-40000-the-ultimate-guide","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55766448996729","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15122904449401","handle":"9798217135479-warhammer-40000-enciclopedia-de-personajes-character-encyclopedia","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55767161766265","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15122870665593","handle":"9780593964484-arnietex","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55766931603833","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15122719703417","handle":"9780744093766-marvel-spidey-and-his-amazing-friends-glow-in-the-dark-sticker-book","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55766448308601","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15122870993273","handle":"9780593959701-fit-at-50","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55766931865977","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15122727698809","handle":"9780744098679-the-human-body-coloring-book","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55766457811321","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://dk.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"184714133881","themeStoreId":"3627","themePublished":"true","eventMetadataId":"fc111194-4726-424b-bb69-b4fcbeb68780","pageType":"home","shopId":"63578046521","storefrontBaseUrl":"https:\/\/dk.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1869<script>
1870  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1871  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1872  window.ShopifyAnalytics.meta.currency = 'USD';
1873  var meta = {"page":{"pageType":"home","requestId":"61dd8945-4b83-478d-95e8-bd5f58942c8f-1790239730"}};
1874  for (var attr in meta) {
1875    window.ShopifyAnalytics.meta[attr] = meta[attr];
1876  }
1877</script>
vendor: 1 bytes, line 1877
1877
1878<script class="analytics">
1879  (function () {
1880    var customDocumentWrite = function(content) {
1881      var jquery = null;
1882
1883      if (window.jQuery) {
1884        jquery = window.jQuery;
1885      } else if (window.Checkout && window.Checkout.$) {
1886        jquery = window.Checkout.$;
1887      }
1888
1889      if (jquery) {
1890        jquery('body').append(content);
1891      }
1892    };
1893
1894    var hasLoggedConversion = function(token) {
1895      if (token) {
1896        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1897      }
1898      return false;
1899    }
1900
1901    var setCookieIfConversion = function(token) {
1902      if (token) {
1903        var twoMonthsFromNow = new Date(Date.now());
1904        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1905
1906        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1907      }
1908    }
1909
1910    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1911    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1912    if (trekkie.integrations) {
1913      return;
1914    }
1915    trekkie.methods = [
1916      'identify',
1917      'page',
1918      'ready',
1919      'track',
1920      'trackForm',
1921      'trackLink'
1922    ];
1923    trekkie.factory = function(method) {
1924      return function() {
1925        var args = Array.prototype.slice.call(arguments);
1926        args.unshift(method);
1927        trekkie.push(args);
1928        if (method == 'track' || method == 'page') {
1929          try {
1930            if (window.__TREKKIE_SHIM_QUEUE == null) {
1931              window.__TREKKIE_SHIM_QUEUE = [];
1932            }
1933            window.__TREKKIE_SHIM_QUEUE.push({
1934              from: 'trekkie-stub',
1935              method: method,
1936              args: args.slice(1)
1937            });
1938          } catch (e) {
1939            // no-op
1940          }
1941        }
1942        return trekkie;
1943      };
1944    };
1945    for (var i = 0; i < trekkie.methods.length; i++) {
1946      var key = trekkie.methods[i];
1947      trekkie[key] = trekkie.factory(key);
1948    }
1949    trekkie.load = function(config) {
1950      trekkie.config = config || {};
1951      trekkie.config.initialDocumentCookie = document.cookie;
1952      var first = document.getElementsByTagName('script')[0];
1953var script = document.createElement('script');
1954script.type = 'text/javascript';
1955script.onerror = function(e) {
1956  var scriptFallback = document.createElement('script');
1957  scriptFallback.type = 'text/javascript';
1958  scriptFallback.onerror = function(error) {
1959          var Monorail = {
1960      produce: function produce(monorailDomain, schemaId, payload) {
1961        var currentMs = new Date().getTime();
1962        var event = {
1963          schema_id: schemaId,
1964          payload: payload,
1965          metadata: {
1966            event_created_at_ms: currentMs,
1967            event_sent_at_ms: currentMs
1968          }
1969        };
1970        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1971      },
1972      sendRequest: function sendRequest(endpointUrl, payload) {
1973        // Try the sendBeacon API
1974        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1975          var blobData = new window.Blob([payload], {
1976            type: 'text/plain'
1977          });
1978
1979          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1980            return true;
1981          } // sendBeacon was not successful
1982
1983        } // XHR beacon
1984
1985        var xhr = new XMLHttpRequest();
1986
1987        try {
1988          xhr.open('POST', endpointUrl);
1989          xhr.setRequestHeader('Content-Type', 'text/plain');
1990          xhr.send(payload);
1991        } catch (e) {
1992          console.log(e);
1993        }
1994
1995        return false;
1996      },
1997      isIos12: function isIos12() {
1998        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1999      }
2000    };
2001    Monorail.produce('monorail-edge.shopifysvc.com',
2002      'trekkie_storefront_load_errors/1.1',
2003      {shop_id: 63578046521,
2004      theme_id: 184714133881,
2005      app_name: "storefront",
2006      context_url: window.location.href,
2007      source_url: "//dk.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
2008
2009  };
2010  scriptFallback.async = true;
2011  scriptFallback.src = '//dk.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
2012  first.parentNode.insertBefore(scriptFallback, first);
2013};
2014script.async = true;
2015script.src = '//dk.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
2016first.parentNode.insertBefore(script, first);
2017
2018    };
2019    trekkie.load(
2020      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":63578046521,"isMerchantRequest":null,"themeId":184714133881,"themeCityHash":"15161840661542940609","contentLanguage":"en","currency":"USD","eventMetadataId":"fc111194-4726-424b-bb69-b4fcbeb68780"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
2021    );
2022
2023    var loaded = false;
2024    trekkie.ready(function() {
2025      if (loaded) return;
2026      loaded = true;
2027
2028      window.ShopifyAnalytics.lib = window.trekkie;
2029
2030      var originalDocumentWrite = document.write;
2031      document.write = customDocumentWrite;
2032      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
2033      document.write = originalDocumentWrite;
2034
2035      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
2036      var token = match? match[1]: undefined;
2037      if (!hasLoggedConversion(token)) {
2038        setCookieIfConversion(token);
2039        
2040      }
2041    });
2042
2043    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"61dd8945-4b83-478d-95e8-bd5f58942c8f-1790239730","shopifyEmitted":true});
2044
2045    var eventsListenerScript = document.createElement('script');
2046    eventsListenerScript.async = true;
2047    eventsListenerScript.src = "//dk.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
2048    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
2049})();</script>
vendor: 1 bytes, line 2049
2049
2050<script
2051  defer
2052  src="https://dk.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
2053  data-application="storefront-renderer"
2054  data-shop-id="63578046521"
2055  data-render-region="gcp-europe-west4"
2056  data-page-type="index"
2057  data-theme-instance-id="184714133881"
2058  data-theme-name="Tinker"
2059  data-theme-version="3.0.0"
2060  data-monorail-region="shop_domain"
2061  data-resource-timing-sampling-rate="10"
2062  data-shs="true"
2063  data-shs-beacon="true"
2064  data-shs-export-with-fetch="true"
2065  data-shs-logs-sample-rate="1"
2066  data-shs-beacon-endpoint="https://dk.com/api/collect"
2067></script>
2067
2068<meta name="shopify-y" content="c6590d52-72be-4264-a5ee-8af9f5d205ca" data-expiration="1821797331000"><meta name="shopify-s" content="954243de-a644-4d70-a16b-67b096b05eb2" data-expiration="1790241531000"><meta name="new-cookie-storage-activated" content="t">
2069</head>
2070
2071  <body class="page-width-narrow card-hover-effect-scale">
2072    <a
2073  class="skip-to-content-link button-secondary"
2074  href="#MainContent"
2075>
2076  Skip to content
2077</a>
2078
2079    <div id="header-group">
2080      <!-- BEGIN sections: header-group -->
2081<header id="shopify-section-sections--26089999499641__header_section" class="shopify-section shopify-section-group-header-group header-section">
2082
2083
2084
2085<script type="application/ld+json">
2086  {
2087    "@context": "http://schema.org",
2088    "@type": "Organization",
2089    "name": "DK",
2090    
2091      "logo": "https:\/\/dk.com\/cdn\/shop\/files\/dk-logo.svg?v=1701436485\u0026width=500",
2092    
2093    "url": "https:\/\/dk.com"
2094  }
2095</script>
2095
2096
2097<header-component
2098  id="header-component"
2099  class="header"
2100  
2101  
2102    sticky="scroll-up"
2103  
2104  data-skip-node-update
2105  data-scroll-direction="none"
2106>
2107  
2108    
2109
2110    
2111
2112    
2113    
2114      <div
2115        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--full-width"
2116        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
2117        <div class="header__columns spacing-style">
2118          <div
2119      class="header__column header__column--left"
2120      data-testid="header-top-left"
2121    >
2122      
2123        
2124          
2125              
2126
2127
2128
2129    <div
2130      class="header__drawer desktop:hidden"
2131      ref="headerDrawerContainer"
2132      style=""
2133      
2134    >
2135      
2136
2137<script
2138  src="//dk.com/cdn/shop/t/18/assets/header-drawer.js?v=38290796699993510201760622493"
2139  type="module"
2140  fetchpriority="low"
2141></script>
2141
2142
2143<header-drawer
2144  class="header-drawer header__drawer--mobile"
2145  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
2146>
2147  <details
2148    id="Details-menu-drawer-container"
2149    data-skip-node-update="true"
2150    class="menu-drawer-container"
2151    ref="details"
2152    scroll-lock
2153  >
2154    <summary
2155      class="header__icon header__icon--menu header__icon--summary"
2156      aria-label="Menu"
2157      on:click="/toggle"
2158    >
2159      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2160  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2161  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2162</svg>
2163</span>
2164      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2165  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2166  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2167</svg>
2168</span>
2169    </summary>
2170    <div
2171      data-header-drawer
2172      class="
2173        menu-drawer
2174        motion-reduce
2175        color-scheme-1
2176      "
2177    >
2178      <button
2179        class="button button-unstyled close-button menu-drawer__close-button"
2180        type="button"
2181        aria-label="Close"
2182        on:click="/close"
2183      >
2184        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2185  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2186  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2187</svg>
2188</span>
2189      </button>
2190      <nav
2191        class="menu-drawer__navigation"
2192        style="--menu-top-level-font-family: var(--font-body--family);
2193--menu-top-level-font-size-desktop: 1rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
2194
2195  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
2196  var(--menu-font-2xl--line-height);
2197
2198--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2199
2200--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
2201var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
2202none;
2203
2204    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
2205    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
2206    --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
2207  
2208--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
2209var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
2210none;
2211
2212    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
2213    --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
2214    --menu-child-active-font-color: var(--color-foreground);
2215  
2216
2217        "
2218      >
2219        <ul
2220          class="menu-drawer__menu has-submenu"
2221          role="list"
2222        >
2223
2224
2225              <li
2226                class="menu-drawer__list-item"
2227                style="--menu-drawer-animation-index: 1;"
2228              ><details
2229                    id="Details-menu-drawer-menu-item-1"
2230                    class="menu-drawer__menu-container"
2231                  >
2232                    <summary
2233                      id="HeaderDrawer-adults"
2234                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2235                      on:click="header-drawer/open"
2236                    >
2237                      <span class="menu-drawer__menu-item-text wrap-text">Adults</span>
2238                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2239  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2240</svg>
2241</span>
2242                    </summary>
2243                    <div
2244                      id="link-adults"
2245                      class="menu-drawer__submenu has-submenu gradient motion-reduce"
2246                      tabindex="-1"
2247                      style="--menu-drawer-animation-index: 1;"
2248                    >
2249                      <div class="menu-drawer__inner-submenu">
2250                        <div class="menu-drawer__nav-buttons">
2251                          <button
2252                            class="button menu-drawer__back-button focus-inset"
2253                            aria-expanded="true"
2254                            on:click="header-drawer/back"
2255                            aria-label="Back"
2256                          >
2257                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2258  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2259</svg>
2260</span>
2261                            <span class="menu-drawer__menu-item-text wrap-text">Adults</span>
2262                          </button>
2263                          <button
2264                            class="button close-button menu-drawer__close-button"
2265                            type="button"
2266                            aria-label="Close"
2267                            on:click="header-drawer/close"
2268                          >
2269                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2270  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2271  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2272</svg>
2273</span>
2274                          </button>
2275                        </div>
2276                        
2277                        <ul
2278                          class="menu-drawer__menu menu-drawer__menu--childlist"
2279                          role="list"
2280                          tabindex="-1"
2281                        >
2282                          <li
2283                              class="
2284                                menu-drawer__list-item
2285                                menu-drawer__list-item--flat
2286                              "
2287                            >
2288                                
2289<a
2290                                    id="HeaderDrawer-adults-by-category"
2291                                    href="/en-us#"
2292                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2293                                  >
2294                                    <span class="menu-drawer__menu-item-text wrap-text">By Category</span>
2295                                  </a>
2296                                  
2297                                  <ul
2298                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
2299                                    role="list"
2300                                    tabindex="-1"
2301                                  ><li
2302                                        class="menu-drawer__list-item"
2303                                        style="--menu-drawer-animation-index: 1;"
2304                                      >
2305                                        <a
2306                                          id="HeaderDrawer-adults-by-category-arts-culture"
2307                                          href="/en-us/collections/arts-culture/adult"
2308                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2309                                          
2310                                        >
2311                                          
2312                                          <span class="menu-drawer__menu-item-text wrap-text">Arts &amp; Culture</span>
2313                                        </a>
2314                                      </li><li
2315                                        class="menu-drawer__list-item"
2316                                        style="--menu-drawer-animation-index: 2;"
2317                                      >
2318                                        <a
2319                                          id="HeaderDrawer-adults-by-category-business-careers"
2320                                          href="/en-us/collections/business-careers/adult"
2321                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2322                                          
2323                                        >
2324                                          
2325                                          <span class="menu-drawer__menu-item-text wrap-text">Business &amp; Careers</span>
2326                                        </a>
2327                                      </li><li
2328                                        class="menu-drawer__list-item"
2329                                        style="--menu-drawer-animation-index: 3;"
2330                                      >
2331                                        <a
2332                                          id="HeaderDrawer-adults-by-category-crafts-hobbies"
2333                                          href="/en-us/collections/crafts-hobbies/adult"
2334                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2335                                          
2336                                        >
2337                                          
2338                                          <span class="menu-drawer__menu-item-text wrap-text">Crafts &amp; Hobbies</span>
2339                                        </a>
2340                                      </li><li
2341                                        class="menu-drawer__list-item"
2342                                        style="--menu-drawer-animation-index: 4;"
2343                                      >
2344                                        <a
2345                                          id="HeaderDrawer-adults-by-category-comics-film-tv"
2346                                          href="/en-us/collections/comics-film-tv/adult"
2347                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2348                                          
2349                                        >
2350                                          
2351                                          <span class="menu-drawer__menu-item-text wrap-text">Comics, Film &amp; TV</span>
2352                                        </a>
2353                                      </li><li
2354                                        class="menu-drawer__list-item"
2355                                        style="--menu-drawer-animation-index: 5;"
2356                                      >
2357                                        <a
2358                                          id="HeaderDrawer-adults-by-category-food-drink"
2359                                          href="/en-us/collections/food-drink/adult"
2360                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2361                                          
2362                                        >
2363                                          
2364                                          <span class="menu-drawer__menu-item-text wrap-text">Food &amp; Drink</span>
2365                                        </a>
2366                                      </li><li
2367                                        class="menu-drawer__list-item"
2368                                        style="--menu-drawer-animation-index: 6;"
2369                                      >
2370                                        <a
2371                                          id="HeaderDrawer-adults-by-category-gardening"
2372                                          href="/en-us/collections/gardening/adult"
2373                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2374                                          
2375                                        >
2376                                          
2377                                          <span class="menu-drawer__menu-item-text wrap-text">Gardening</span>
2378                                        </a>
2379                                      </li><li
2380                                        class="menu-drawer__list-item"
2381                                        style="--menu-drawer-animation-index: 7;"
2382                                      >
2383                                        <a
2384                                          id="HeaderDrawer-adults-by-category-health-beauty"
2385                                          href="/en-us/collections/health-beauty/adult"
2386                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2387                                          
2388                                        >
2389                                          
2390                                          <span class="menu-drawer__menu-item-text wrap-text">Health &amp; Beauty</span>
2391                                        </a>
2392                                      </li><li
2393                                        class="menu-drawer__list-item"
2394                                        style="--menu-drawer-animation-index: 8;"
2395                                      >
2396                                        <a
2397                                          id="HeaderDrawer-adults-by-category-history"
2398                                          href="/en-us/collections/history/adult"
2399                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2400                                          
2401                                        >
2402                                          
2403                                          <span class="menu-drawer__menu-item-text wrap-text">History</span>
2404                                        </a>
2405                                      </li><li
2406                                        class="menu-drawer__list-item"
2407                                        style="--menu-drawer-animation-index: 9;"
2408                                      >
2409                                        <a
2410                                          id="HeaderDrawer-adults-by-category-language-learning"
2411                                          href="/en-us/collections/language-learning/adult"
2412                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2413                                          
2414                                        >
2415                                          
2416                                          <span class="menu-drawer__menu-item-text wrap-text">Language Learning</span>
2417                                        </a>
2418                                      </li><li
2419                                        class="menu-drawer__list-item"
2420                                        style="--menu-drawer-animation-index: 10;"
2421                                      >
2422                                        <a
2423                                          id="HeaderDrawer-adults-by-category-non-fiction"
2424                                          href="/en-us/collections/non-fiction"
2425                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2426                                          
2427                                        >
2428                                          
2429                                          <span class="menu-drawer__menu-item-text wrap-text">Non-fiction</span>
2430                                        </a>
2431                                      </li><li
2432                                        class="menu-drawer__list-item"
2433                                        style="--menu-drawer-animation-index: 11;"
2434                                      >
2435                                        <a
2436                                          id="HeaderDrawer-adults-by-category-pregnancy-parenting"
2437                                          href="/en-us/collections/pregnancy-parenting/adult"
2438                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2439                                          
2440                                        >
2441                                          
2442                                          <span class="menu-drawer__menu-item-text wrap-text">Pregnancy &amp; Parenting</span>
2443                                        </a>
2444                                      </li><li
2445                                        class="menu-drawer__list-item"
2446                                        style="--menu-drawer-animation-index: 12;"
2447                                      >
2448                                        <a
2449                                          id="HeaderDrawer-adults-by-category-religions-ideas"
2450                                          href="/en-us/collections/religions-ideas/Adult"
2451                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2452                                          
2453                                        >
2454                                          
2455                                          <span class="menu-drawer__menu-item-text wrap-text">Religions &amp; Ideas</span>
2456                                        </a>
2457                                      </li><li
2458                                        class="menu-drawer__list-item"
2459                                        style="--menu-drawer-animation-index: 13;"
2460                                      >
2461                                        <a
2462                                          id="HeaderDrawer-adults-by-category-reference"
2463                                          href="/en-us/collections/reference/adult"
2464                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2465                                          
2466                                        >
2467                                          
2468                                          <span class="menu-drawer__menu-item-text wrap-text">Reference</span>
2469                                        </a>
2470                                      </li><li
2471                                        class="menu-drawer__list-item"
2472                                        style="--menu-drawer-animation-index: 14;"
2473                                      >
2474                                        <a
2475                                          id="HeaderDrawer-adults-by-category-science-nature"
2476                                          href="/en-us/collections/science-nature/adult"
2477                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2478                                          
2479                                        >
2480                                          
2481                                          <span class="menu-drawer__menu-item-text wrap-text">Science &amp; Nature</span>
2482                                        </a>
2483                                      </li><li
2484                                        class="menu-drawer__list-item"
2485                                        style="--menu-drawer-animation-index: 15;"
2486                                      >
2487                                        <a
2488                                          id="HeaderDrawer-adults-by-category-travel"
2489                                          href="/en-us/collections/travel/adult"
2490                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2491                                          
2492                                        >
2493                                          
2494                                          <span class="menu-drawer__menu-item-text wrap-text">Travel</span>
2495                                        </a>
2496                                      </li></ul></li><li
2497                              class="
2498                                menu-drawer__list-item
2499                                menu-drawer__list-item--flat
2500                              "
2501                            >
2502                                
2503<a
2504                                    id="HeaderDrawer-adults-featured"
2505                                    href="/en-us#"
2506                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2507                                  >
2508                                    <span class="menu-drawer__menu-item-text wrap-text">Featured</span>
2509                                  </a>
2510                                  
2511                                  <ul
2512                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
2513                                    role="list"
2514                                    tabindex="-1"
2515                                  ><li
2516                                        class="menu-drawer__list-item"
2517                                        style="--menu-drawer-animation-index: 1;"
2518                                      >
2519                                        <a
2520                                          id="HeaderDrawer-adults-featured-bestsellers"
2521                                          href="/en-us/collections/bestsellers"
2522                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2523                                          
2524                                        >
2525                                          
2526                                          <span class="menu-drawer__menu-item-text wrap-text">Bestsellers</span>
2527                                        </a>
2528                                      </li><li
2529                                        class="menu-drawer__list-item"
2530                                        style="--menu-drawer-animation-index: 2;"
2531                                      >
2532                                        <a
2533                                          id="HeaderDrawer-adults-featured-gardening"
2534                                          href="/en-us/collections/gardening"
2535                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2536                                          
2537                                        >
2538                                          
2539                                          <span class="menu-drawer__menu-item-text wrap-text">Gardening</span>
2540                                        </a>
2541                                      </li><li
2542                                        class="menu-drawer__list-item"
2543                                        style="--menu-drawer-animation-index: 3;"
2544                                      >
2545                                        <a
2546                                          id="HeaderDrawer-adults-featured-warhammer"
2547                                          href="/en-us/collections/warhammer"
2548                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2549                                          
2550                                        >
2551                                          
2552                                          <span class="menu-drawer__menu-item-text wrap-text">Warhammer</span>
2553                                        </a>
2554                                      </li></ul></li><li
2555                              class="
2556                                menu-drawer__list-item
2557                                
2558                              "
2559                            ><a
2560                                  id="HeaderDrawer-adults-all-books-for-adults"
2561                                  href="/en-us/collections/books-for-adults"
2562                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2563                                  
2564                                >
2565                                  
2566                                  <span class="menu-drawer__menu-item-text wrap-text">All Books for Adults</span>
2567                                </a></li></ul>
2568                        
2569                      </div>
2570                    </div>
2571                  </details></li>
2572              <li
2573                class="menu-drawer__list-item"
2574                style="--menu-drawer-animation-index: 2;"
2575              ><details
2576                    id="Details-menu-drawer-menu-item-2"
2577                    class="menu-drawer__menu-container"
2578                  >
2579                    <summary
2580                      id="HeaderDrawer-childrens"
2581                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2582                      on:click="header-drawer/open"
2583                    >
2584                      <span class="menu-drawer__menu-item-text wrap-text">Children&#39;s</span>
2585                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2586  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2587</svg>
2588</span>
2589                    </summary>
2590                    <div
2591                      id="link-childrens"
2592                      class="menu-drawer__submenu has-submenu gradient motion-reduce"
2593                      tabindex="-1"
2594                      style="--menu-drawer-animation-index: 2;"
2595                    >
2596                      <div class="menu-drawer__inner-submenu">
2597                        <div class="menu-drawer__nav-buttons">
2598                          <button
2599                            class="button menu-drawer__back-button focus-inset"
2600                            aria-expanded="true"
2601                            on:click="header-drawer/back"
2602                            aria-label="Back"
2603                          >
2604                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2605  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2606</svg>
2607</span>
2608                            <span class="menu-drawer__menu-item-text wrap-text">Children&#39;s</span>
2609                          </button>
2610                          <button
2611                            class="button close-button menu-drawer__close-button"
2612                            type="button"
2613                            aria-label="Close"
2614                            on:click="header-drawer/close"
2615                          >
2616                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2617  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2618  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2619</svg>
2620</span>
2621                          </button>
2622                        </div>
2623                        
2624                        <ul
2625                          class="menu-drawer__menu menu-drawer__menu--childlist"
2626                          role="list"
2627                          tabindex="-1"
2628                        >
2629                          <li
2630                              class="
2631                                menu-drawer__list-item
2632                                menu-drawer__list-item--flat
2633                              "
2634                            >
2635                                
2636<a
2637                                    id="HeaderDrawer-childrens-by-age"
2638                                    href="/en-us#"
2639                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2640                                  >
2641                                    <span class="menu-drawer__menu-item-text wrap-text">By age</span>
2642                                  </a>
2643                                  
2644                                  <ul
2645                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
2646                                    role="list"
2647                                    tabindex="-1"
2648                                  ><li
2649                                        class="menu-drawer__list-item"
2650                                        style="--menu-drawer-animation-index: 1;"
2651                                      >
2652                                        <a
2653                                          id="HeaderDrawer-childrens-by-age-0-5"
2654                                          href="/en-us/collections/0-5"
2655                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2656                                          
2657                                        >
2658                                          
2659                                          <span class="menu-drawer__menu-item-text wrap-text">0-5</span>
2660                                        </a>
2661                                      </li><li
2662                                        class="menu-drawer__list-item"
2663                                        style="--menu-drawer-animation-index: 2;"
2664                                      >
2665                                        <a
2666                                          id="HeaderDrawer-childrens-by-age-5-7"
2667                                          href="/en-us/collections/5-7"
2668                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2669                                          
2670                                        >
2671                                          
2672                                          <span class="menu-drawer__menu-item-text wrap-text">5-7</span>
2673                                        </a>
2674                                      </li><li
2675                                        class="menu-drawer__list-item"
2676                                        style="--menu-drawer-animation-index: 3;"
2677                                      >
2678                                        <a
2679                                          id="HeaderDrawer-childrens-by-age-7-9"
2680                                          href="/en-us/collections/7-9"
2681                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2682                                          
2683                                        >
2684                                          
2685                                          <span class="menu-drawer__menu-item-text wrap-text">7-9</span>
2686                                        </a>
2687                                      </li><li
2688                                        class="menu-drawer__list-item"
2689                                        style="--menu-drawer-animation-index: 4;"
2690                                      >
2691                                        <a
2692                                          id="HeaderDrawer-childrens-by-age-9-11"
2693                                          href="/en-us/collections/9-11"
2694                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2695                                          
2696                                        >
2697                                          
2698                                          <span class="menu-drawer__menu-item-text wrap-text">9-11</span>
2699                                        </a>
2700                                      </li><li
2701                                        class="menu-drawer__list-item"
2702                                        style="--menu-drawer-animation-index: 5;"
2703                                      >
2704                                        <a
2705                                          id="HeaderDrawer-childrens-by-age-teen-ya"
2706                                          href="/en-us/collections/teen-ya"
2707                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2708                                          
2709                                        >
2710                                          
2711                                          <span class="menu-drawer__menu-item-text wrap-text">Teen &amp; YA</span>
2712                                        </a>
2713                                      </li></ul></li><li
2714                              class="
2715                                menu-drawer__list-item
2716                                menu-drawer__list-item--flat
2717                              "
2718                            >
2719                                
2720<a
2721                                    id="HeaderDrawer-childrens-by-type"
2722                                    href="/en-us#"
2723                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2724                                  >
2725                                    <span class="menu-drawer__menu-item-text wrap-text">By type</span>
2726                                  </a>
2727                                  
2728                                  <ul
2729                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
2730                                    role="list"
2731                                    tabindex="-1"
2732                                  ><li
2733                                        class="menu-drawer__list-item"
2734                                        style="--menu-drawer-animation-index: 1;"
2735                                      >
2736                                        <a
2737                                          id="HeaderDrawer-childrens-by-type-fiction"
2738                                          href="/en-us/collections/fiction/children"
2739                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2740                                          
2741                                        >
2742                                          
2743                                          <span class="menu-drawer__menu-item-text wrap-text">Fiction</span>
2744                                        </a>
2745                                      </li><li
2746                                        class="menu-drawer__list-item"
2747                                        style="--menu-drawer-animation-index: 2;"
2748                                      >
2749                                        <a
2750                                          id="HeaderDrawer-childrens-by-type-non-fiction"
2751                                          href="/en-us/collections/childrens-non-fiction"
2752                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2753                                          
2754                                        >
2755                                          
2756                                          <span class="menu-drawer__menu-item-text wrap-text">Non-fiction</span>
2757                                        </a>
2758                                      </li><li
2759                                        class="menu-drawer__list-item"
2760                                        style="--menu-drawer-animation-index: 3;"
2761                                      >
2762                                        <a
2763                                          id="HeaderDrawer-childrens-by-type-baby-toddler-books"
2764                                          href="/en-us/collections/baby-toddler"
2765                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2766                                          
2767                                        >
2768                                          
2769                                          <span class="menu-drawer__menu-item-text wrap-text">Baby &amp; toddler books</span>
2770                                        </a>
2771                                      </li><li
2772                                        class="menu-drawer__list-item"
2773                                        style="--menu-drawer-animation-index: 4;"
2774                                      >
2775                                        <a
2776                                          id="HeaderDrawer-childrens-by-type-activity-books"
2777                                          href="/en-us/collections/activity-books"
2778                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2779                                          
2780                                        >
2781                                          
2782                                          <span class="menu-drawer__menu-item-text wrap-text">Activity books</span>
2783                                        </a>
2784                                      </li><li
2785                                        class="menu-drawer__list-item"
2786                                        style="--menu-drawer-animation-index: 5;"
2787                                      >
2788                                        <a
2789                                          id="HeaderDrawer-childrens-by-type-education"
2790                                          href="/en-us/collections/education/children"
2791                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2792                                          
2793                                        >
2794                                          
2795                                          <span class="menu-drawer__menu-item-text wrap-text">Education</span>
2796                                        </a>
2797                                      </li></ul></li><li
2798                              class="
2799                                menu-drawer__list-item
2800                                menu-drawer__list-item--flat
2801                              "
2802                            >
2803                                
2804<a
2805                                    id="HeaderDrawer-childrens-featured"
2806                                    href="/en-us#"
2807                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2808                                  >
2809                                    <span class="menu-drawer__menu-item-text wrap-text">Featured</span>
2810                                  </a>
2811                                  
2812                                  <ul
2813                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
2814                                    role="list"
2815                                    tabindex="-1"
2816                                  ><li
2817                                        class="menu-drawer__list-item"
2818                                        style="--menu-drawer-animation-index: 1;"
2819                                      >
2820                                        <a
2821                                          id="HeaderDrawer-childrens-featured-disney"
2822                                          href="/en-us/collections/disney"
2823                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2824                                          
2825                                        >
2826                                          
2827                                          <span class="menu-drawer__menu-item-text wrap-text">Disney</span>
2828                                        </a>
2829                                      </li><li
2830                                        class="menu-drawer__list-item"
2831                                        style="--menu-drawer-animation-index: 2;"
2832                                      >
2833                                        <a
2834                                          id="HeaderDrawer-childrens-featured-dk-flip"
2835                                          href="/en-us/collections/dk-flip"
2836                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2837                                          
2838                                        >
2839                                          
2840                                          <span class="menu-drawer__menu-item-text wrap-text">DK flip</span>
2841                                        </a>
2842                                      </li><li
2843                                        class="menu-drawer__list-item"
2844                                        style="--menu-drawer-animation-index: 3;"
2845                                      >
2846                                        <a
2847                                          id="HeaderDrawer-childrens-featured-bestsellers"
2848                                          href="/en-us/collections/bestsellers/children"
2849                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2850                                          
2851                                        >
2852                                          
2853                                          <span class="menu-drawer__menu-item-text wrap-text">Bestsellers</span>
2854                                        </a>
2855                                      </li></ul></li><li
2856                              class="
2857                                menu-drawer__list-item
2858                                menu-drawer__list-item--flat
2859                              "
2860                            >
2861                                
2862<a
2863                                    id="HeaderDrawer-childrens-by-series"
2864                                    href="/en-us#"
2865                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2866                                  >
2867                                    <span class="menu-drawer__menu-item-text wrap-text">By series</span>
2868                                  </a>
2869                                  
2870                                  <ul
2871                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
2872                                    role="list"
2873                                    tabindex="-1"
2874                                  ><li
2875                                        class="menu-drawer__list-item"
2876                                        style="--menu-drawer-animation-index: 1;"
2877                                      >
2878                                        <a
2879                                          id="HeaderDrawer-childrens-by-series-pop-up-peekaboo"
2880                                          href="/en-us/collections/pop-up-pekaboo"
2881                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2882                                          
2883                                        >
2884                                          
2885                                          <span class="menu-drawer__menu-item-text wrap-text">Pop-up Peekaboo!</span>
2886                                        </a>
2887                                      </li><li
2888                                        class="menu-drawer__list-item"
2889                                        style="--menu-drawer-animation-index: 2;"
2890                                      >
2891                                        <a
2892                                          id="HeaderDrawer-childrens-by-series-anthologies"
2893                                          href="/en-us/collections/anthologies"
2894                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2895                                          
2896                                        >
2897                                          
2898                                          <span class="menu-drawer__menu-item-text wrap-text">Anthologies</span>
2899                                        </a>
2900                                      </li><li
2901                                        class="menu-drawer__list-item"
2902                                        style="--menu-drawer-animation-index: 3;"
2903                                      >
2904                                        <a
2905                                          id="HeaderDrawer-childrens-by-series-eyewitness"
2906                                          href="/en-us/collections/eyewitness/children"
2907                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2908                                          
2909                                        >
2910                                          
2911                                          <span class="menu-drawer__menu-item-text wrap-text">Eyewitness</span>
2912                                        </a>
2913                                      </li><li
2914                                        class="menu-drawer__list-item"
2915                                        style="--menu-drawer-animation-index: 4;"
2916                                      >
2917                                        <a
2918                                          id="HeaderDrawer-childrens-by-series-rebel-girls"
2919                                          href="/en-us/collections/rebel-girls/children"
2920                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2921                                          
2922                                        >
2923                                          
2924                                          <span class="menu-drawer__menu-item-text wrap-text">Rebel Girls</span>
2925                                        </a>
2926                                      </li><li
2927                                        class="menu-drawer__list-item"
2928                                        style="--menu-drawer-animation-index: 5;"
2929                                      >
2930                                        <a
2931                                          id="HeaderDrawer-childrens-by-series-dk-super-readers"
2932                                          href="/en-us/collections/dk-super-readers/children"
2933                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2934                                          
2935                                        >
2936                                          
2937                                          <span class="menu-drawer__menu-item-text wrap-text">DK Super Readers</span>
2938                                        </a>
2939                                      </li><li
2940                                        class="menu-drawer__list-item"
2941                                        style="--menu-drawer-animation-index: 6;"
2942                                      >
2943                                        <a
2944                                          id="HeaderDrawer-childrens-by-series-phonic-books"
2945                                          href="/en-us/collections/phonic-books/children"
2946                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2947                                          
2948                                        >
2949                                          
2950                                          <span class="menu-drawer__menu-item-text wrap-text">Phonic Books</span>
2951                                        </a>
2952                                      </li></ul></li><li
2953                              class="
2954                                menu-drawer__list-item
2955                                menu-drawer__list-item--flat
2956                              "
2957                            >
2958                                
2959<a
2960                                    id="HeaderDrawer-childrens-popular-categories"
2961                                    href="/en-us#"
2962                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
2963                                  >
2964                                    <span class="menu-drawer__menu-item-text wrap-text">Popular categories</span>
2965                                  </a>
2966                                  
2967                                  <ul
2968                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
2969                                    role="list"
2970                                    tabindex="-1"
2971                                  ><li
2972                                        class="menu-drawer__list-item"
2973                                        style="--menu-drawer-animation-index: 1;"
2974                                      >
2975                                        <a
2976                                          id="HeaderDrawer-childrens-popular-categories-science-nature"
2977                                          href="/en-us/collections/science-nature/children"
2978                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2979                                          
2980                                        >
2981                                          
2982                                          <span class="menu-drawer__menu-item-text wrap-text">Science &amp; Nature</span>
2983                                        </a>
2984                                      </li><li
2985                                        class="menu-drawer__list-item"
2986                                        style="--menu-drawer-animation-index: 2;"
2987                                      >
2988                                        <a
2989                                          id="HeaderDrawer-childrens-popular-categories-animals"
2990                                          href="/en-us/collections/animals/children"
2991                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
2992                                          
2993                                        >
2994                                          
2995                                          <span class="menu-drawer__menu-item-text wrap-text">Animals</span>
2996                                        </a>
2997                                      </li><li
2998                                        class="menu-drawer__list-item"
2999                                        style="--menu-drawer-animation-index: 3;"
3000                                      >
3001                                        <a
3002                                          id="HeaderDrawer-childrens-popular-categories-lego®-books"
3003                                          href="/en-us/collections/lego-books/children"
3004                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3005                                          
3006                                        >
3007                                          
3008                                          <span class="menu-drawer__menu-item-text wrap-text">LEGO® Books</span>
3009                                        </a>
3010                                      </li></ul></li><li
3011                              class="
3012                                menu-drawer__list-item
3013                                
3014                              "
3015                            ><a
3016                                  id="HeaderDrawer-childrens-all-childrens-books"
3017                                  href="/en-us/collections/childrens"
3018                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3019                                  
3020                                >
3021                                  
3022                                  <span class="menu-drawer__menu-item-text wrap-text">All Children&#39;s Books</span>
3023                                </a></li></ul>
3024                        
3025                      </div>
3026                    </div>
3027                  </details></li>
3028              <li
3029                class="menu-drawer__list-item"
3030                style="--menu-drawer-animation-index: 3;"
3031              ><details
3032                    id="Details-menu-drawer-menu-item-3"
3033                    class="menu-drawer__menu-container"
3034                  >
3035                    <summary
3036                      id="HeaderDrawer-discover"
3037                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
3038                      on:click="header-drawer/open"
3039                    >
3040                      <span class="menu-drawer__menu-item-text wrap-text">Discover</span>
3041                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3042  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3043</svg>
3044</span>
3045                    </summary>
3046                    <div
3047                      id="link-discover"
3048                      class="menu-drawer__submenu has-submenu gradient motion-reduce"
3049                      tabindex="-1"
3050                      style="--menu-drawer-animation-index: 3;"
3051                    >
3052                      <div class="menu-drawer__inner-submenu">
3053                        <div class="menu-drawer__nav-buttons">
3054                          <button
3055                            class="button menu-drawer__back-button focus-inset"
3056                            aria-expanded="true"
3057                            on:click="header-drawer/back"
3058                            aria-label="Back"
3059                          >
3060                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3061  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3062</svg>
3063</span>
3064                            <span class="menu-drawer__menu-item-text wrap-text">Discover</span>
3065                          </button>
3066                          <button
3067                            class="button close-button menu-drawer__close-button"
3068                            type="button"
3069                            aria-label="Close"
3070                            on:click="header-drawer/close"
3071                          >
3072                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3073  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3074  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3075</svg>
3076</span>
3077                          </button>
3078                        </div>
3079                        
3080                        <ul
3081                          class="menu-drawer__menu menu-drawer__menu--childlist"
3082                          role="list"
3083                          tabindex="-1"
3084                        >
3085                          <li
3086                              class="
3087                                menu-drawer__list-item
3088                                
3089                              "
3090                            ><a
3091                                  id="HeaderDrawer-discover-curated-collections"
3092                                  href="/en-us#"
3093                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3094                                  
3095                                >
3096                                  
3097                                  <span class="menu-drawer__menu-item-text wrap-text">Curated Collections</span>
3098                                </a></li><li
3099                              class="
3100                                menu-drawer__list-item
3101                                menu-drawer__list-item--flat
3102                              "
3103                            >
3104                                
3105<a
3106                                    id="HeaderDrawer-discover-explore-more"
3107                                    href="/en-us#"
3108                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3109                                  >
3110                                    <span class="menu-drawer__menu-item-text wrap-text">Explore More</span>
3111                                  </a>
3112                                  
3113                                  <ul
3114                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3115                                    role="list"
3116                                    tabindex="-1"
3117                                  ><li
3118                                        class="menu-drawer__list-item"
3119                                        style="--menu-drawer-animation-index: 1;"
3120                                      >
3121                                        <a
3122                                          id="HeaderDrawer-discover-explore-more-articles"
3123                                          href="/en-us/blogs/articles-us"
3124                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3125                                          
3126                                        >
3127                                          
3128                                          <span class="menu-drawer__menu-item-text wrap-text">Articles</span>
3129                                        </a>
3130                                      </li><li
3131                                        class="menu-drawer__list-item"
3132                                        style="--menu-drawer-animation-index: 2;"
3133                                      >
3134                                        <a
3135                                          id="HeaderDrawer-discover-explore-more-competitions"
3136                                          href="/en-us/blogs/competitions"
3137                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3138                                          
3139                                        >
3140                                          
3141                                          <span class="menu-drawer__menu-item-text wrap-text">Competitions</span>
3142                                        </a>
3143                                      </li></ul></li></ul>
3144                        
3145                      </div>
3146                    </div>
3147                  </details></li>
3148              <li
3149                class="menu-drawer__list-item"
3150                style="--menu-drawer-animation-index: 4;"
3151              ><details
3152                    id="Details-menu-drawer-menu-item-4"
3153                    class="menu-drawer__menu-container"
3154                  >
3155                    <summary
3156                      id="HeaderDrawer-about-dk"
3157                      class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
3158                      on:click="header-drawer/open"
3159                    >
3160                      <span class="menu-drawer__menu-item-text wrap-text">About DK</span>
3161                      <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3162  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3163</svg>
3164</span>
3165                    </summary>
3166                    <div
3167                      id="link-about-dk"
3168                      class="menu-drawer__submenu has-submenu gradient motion-reduce"
3169                      tabindex="-1"
3170                      style="--menu-drawer-animation-index: 4;"
3171                    >
3172                      <div class="menu-drawer__inner-submenu">
3173                        <div class="menu-drawer__nav-buttons">
3174                          <button
3175                            class="button menu-drawer__back-button focus-inset"
3176                            aria-expanded="true"
3177                            on:click="header-drawer/back"
3178                            aria-label="Back"
3179                          >
3180                            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3181  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3182</svg>
3183</span>
3184                            <span class="menu-drawer__menu-item-text wrap-text">About DK</span>
3185                          </button>
3186                          <button
3187                            class="button close-button menu-drawer__close-button"
3188                            type="button"
3189                            aria-label="Close"
3190                            on:click="header-drawer/close"
3191                          >
3192                            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3193  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3194  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3195</svg>
3196</span>
3197                          </button>
3198                        </div>
3199                        
3200                        <ul
3201                          class="menu-drawer__menu menu-drawer__menu--childlist"
3202                          role="list"
3203                          tabindex="-1"
3204                        >
3205                          <li
3206                              class="
3207                                menu-drawer__list-item
3208                                menu-drawer__list-item--flat
3209                              "
3210                            >
3211                                
3212<a
3213                                    id="HeaderDrawer-about-dk-our-divisions-imprints"
3214                                    href="/en-us#"
3215                                    class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3216                                  >
3217                                    <span class="menu-drawer__menu-item-text wrap-text">Our Divisions &amp; Imprints</span>
3218                                  </a>
3219                                  
3220                                  <ul
3221                                    class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
3222                                    role="list"
3223                                    tabindex="-1"
3224                                  ><li
3225                                        class="menu-drawer__list-item"
3226                                        style="--menu-drawer-animation-index: 1;"
3227                                      >
3228                                        <a
3229                                          id="HeaderDrawer-about-dk-our-divisions-imprints-who-we-are"
3230                                          href="/en-us/pages/who-we-are"
3231                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3232                                          
3233                                        >
3234                                          
3235                                          <span class="menu-drawer__menu-item-text wrap-text">Who We Are</span>
3236                                        </a>
3237                                      </li><li
3238                                        class="menu-drawer__list-item"
3239                                        style="--menu-drawer-animation-index: 2;"
3240                                      >
3241                                        <a
3242                                          id="HeaderDrawer-about-dk-our-divisions-imprints-dk-living"
3243                                          href="/en-us/pages/dk-living"
3244                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3245                                          
3246                                        >
3247                                          
3248                                          <span class="menu-drawer__menu-item-text wrap-text">DK Living</span>
3249                                        </a>
3250                                      </li><li
3251                                        class="menu-drawer__list-item"
3252                                        style="--menu-drawer-animation-index: 3;"
3253                                      >
3254                                        <a
3255                                          id="HeaderDrawer-about-dk-our-divisions-imprints-dk-childrens"
3256                                          href="/en-us/pages/introducing-dk-children-s"
3257                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3258                                          
3259                                        >
3260                                          
3261                                          <span class="menu-drawer__menu-item-text wrap-text">DK Children&#39;s</span>
3262                                        </a>
3263                                      </li><li
3264                                        class="menu-drawer__list-item"
3265                                        style="--menu-drawer-animation-index: 4;"
3266                                      >
3267                                        <a
3268                                          id="HeaderDrawer-about-dk-our-divisions-imprints-dk"
3269                                          href="/en-us/pages/introducing-dk"
3270                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3271                                          
3272                                        >
3273                                          
3274                                          <span class="menu-drawer__menu-item-text wrap-text">DK+</span>
3275                                        </a>
3276                                      </li><li
3277                                        class="menu-drawer__list-item"
3278                                        style="--menu-drawer-animation-index: 5;"
3279                                      >
3280                                        <a
3281                                          id="HeaderDrawer-about-dk-our-divisions-imprints-dk-alpha"
3282                                          href="/en-us/pages/introducing-dk-alpha"
3283                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3284                                          
3285                                        >
3286                                          
3287                                          <span class="menu-drawer__menu-item-text wrap-text">DK Alpha</span>
3288                                        </a>
3289                                      </li><li
3290                                        class="menu-drawer__list-item"
3291                                        style="--menu-drawer-animation-index: 6;"
3292                                      >
3293                                        <a
3294                                          id="HeaderDrawer-about-dk-our-divisions-imprints-canelo"
3295                                          href="/en-us/pages/introducing-canelo"
3296                                          class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
3297                                          
3298                                        >
3299                                          
3300                                          <span class="menu-drawer__menu-item-text wrap-text">Canelo</span>
3301                                        </a>
3302                                      </li></ul></li><li
3303                              class="
3304                                menu-drawer__list-item
3305                                
3306                              "
3307                            ><a
3308                                  id="HeaderDrawer-about-dk-about-dk"
3309                                  href="/en-us/pages/about-dk"
3310                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3311                                  
3312                                >
3313                                  
3314                                  <span class="menu-drawer__menu-item-text wrap-text">About DK</span>
3315                                </a></li><li
3316                              class="
3317                                menu-drawer__list-item
3318                                
3319                              "
3320                            ><a
3321                                  id="HeaderDrawer-about-dk-catalogues"
3322                                  href="/en-us/pages/catalogues"
3323                                  class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
3324                                  
3325                                >
3326                                  
3327                                  <span class="menu-drawer__menu-item-text wrap-text">Catalogues</span>
3328                                </a></li></ul>
3329                        
3330                      </div>
3331                    </div>
3332                  </details></li>
3333        </ul>
3334      </nav>
3335      <div
3336        class="menu-drawer__utility-links menu-drawer__animated-element"
3337        style="--menu-drawer-animation-index: 4;"
3338      >
3339        
3340        
3341          
3342
3343
3344  <drawer-localization-component class="menu-drawer__localization">
3345    <details
3346      id="drawer-localization"
3347      class="drawer-localization"
3348      on:toggle="/toggle"
3349    >
3350      <summary
3351        id="HeaderDrawer-localization"
3352        class="drawer-localization__button h3 link link--text focus-inset"
3353        aria-expanded="false"
3354        on:click="header-drawer/open"
3355        style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
3356      >
3357        <div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link link--text"><span
3358                  class="icon-flag"
3359                  style="
3360                    background-image: url(//cdn.shopify.com/static/images/flags/us.svg?width=32);
3361                    --size-shadow: 2px;
3362                    --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60));
3363                  "
3364                ></span><span class="currency-code">USD</span>
3365            </div></div>
3366        <span class="svg-wrapper icon-caret icon-caret--forward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3367  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3368</svg>
3369</span>
3370      </summary>
3371
3372      <div
3373        class="menu-drawer__submenu has-submenu gradient motion-reduce color-scheme-1"
3374        style=""
3375      >
3376        <div
3377          class="menu-drawer__nav-buttons"
3378          ref="navButtons"
3379        >
3380          <button
3381            class="button menu-drawer__back-button link link--text focus-inset"
3382            aria-expanded="true"
3383            on:click="header-drawer/back"
3384          >
3385            <span class="svg-wrapper icon-caret icon-caret--backward"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3386  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3387</svg>
3388</span>
3389            Region and language
3390          </button>
3391          <button
3392            class="button close-button menu-drawer__close-button"
3393            type="button"
3394            aria-label="Close"
3395            on:click="header-drawer/close"
3396          >
3397            <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3398  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3399  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3400</svg>
3401</span>
3402          </button>
3403        </div>
3404
3405        
3406<localization-form-component
3407  ref="localizationForm"
3408  data-label-results-count="[count] results"
3409  data-show-filter="false"
3410  style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
3411>
3412  
3413<form method="post" action="/en-us/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" />
3414      
3415      <div class="country-selector-form__wrapper">
3416        <h2
3417          class="visually-hidden"
3418          id="drawer-CountryLabel"
3419        >
3420          Country/Region
3421        </h2>
3422        
3423        <div
3424          class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
3425          id="drawer-country-results"
3426          ref="countryList"
3427        >
3428          
3429          <ul
3430            role="list"
3431            class="list-unstyled countries"
3432          >
3433            <span
3434              class="localization-form__list-item localization-form__list-item-disabled"
3435              id="no-results-message"
3436              ref="noResultsMessage"
3437              hidden
3438            >No results found</span>
3439              <li
3440                class="localization-form__list-item"
3441                
3442                data-value="CA"
3443                
3444                  data-aliases=""
3445                
3446                id="Canada"
3447                aria-label="Canada"
3448                role="option"
3449                tabindex="-1"
3450                ref="countryListItems[]"
3451                on:click="/selectCountry/CA"
3452              >
3453                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3454<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3455</svg>
3456</span>
3457                <span class="country">Canada</span>
3458                <span
3459                  class="localization-form__currency motion-reduce"
3460                  
3461                >
3462                  CAD
3463                  $</span>
3464              </li>
3465              <li
3466                class="localization-form__list-item"
3467                
3468                data-value="IN"
3469                
3470                  data-aliases=""
3471                
3472                id="India"
3473                aria-label="India"
3474                role="option"
3475                tabindex="-1"
3476                ref="countryListItems[]"
3477                on:click="/selectCountry/IN"
3478              >
3479                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3480<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3481</svg>
3482</span>
3483                <span class="country">India</span>
3484                <span
3485                  class="localization-form__currency motion-reduce"
3486                  
3487                >
3488                  INR
3489                  ₹</span>
3490              </li>
3491              <li
3492                class="localization-form__list-item"
3493                
3494                data-value="GB"
3495                
3496                  data-aliases="uk,gb,great britain"
3497                
3498                id="United Kingdom"
3499                aria-label="United Kingdom"
3500                role="option"
3501                tabindex="-1"
3502                ref="countryListItems[]"
3503                on:click="/selectCountry/GB"
3504              >
3505                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3506<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3507</svg>
3508</span>
3509                <span class="country">United Kingdom</span>
3510                <span
3511                  class="localization-form__currency motion-reduce"
3512                  
3513                >
3514                  GBP
3515                  £</span>
3516              </li>
3517              <li
3518                class="localization-form__list-item"
3519                
3520                  aria-current="true"
3521                
3522                data-value="US"
3523                
3524                  data-aliases="us,usa,america,united states of america"
3525                
3526                id="United States"
3527                aria-label="United States"
3528                role="option"
3529                tabindex="-1"
3530                ref="countryListItems[]"
3531                on:click="/selectCountry/US"
3532              >
3533                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
3534<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3535</svg>
3536</span>
3537                <span class="country">United States</span>
3538                <span
3539                  class="localization-form__currency motion-reduce"
3540                  
3541                >
3542                  USD
3543                  $</span>
3544              </li></ul>
3545        </div>
3546        <div class="country-selector__overlay"></div>
3547        <input
3548          type="hidden"
3549          name="country_code"
3550          value="US"
3551          ref="countryInput"
3552        >
3553      </div>
3554    
3555
3556    
3557</form></localization-form-component>
3558
3559
3560
3561      </div>
3562    </details>
3563  </drawer-localization-component>
3564
3565
3566</div>
3567
3568      
3569    </div>
3570    <div
3571      class="menu-drawer__backdrop"
3572      on:click="header-drawer/close"
3573    ></div>
3574  </details>
3575</header-drawer>
3576
3577
3578
3579    </div>
3580
3581  
3582
3583
3584
3585
3586
3587            
3588        
3589      
3590        
3591          
3592              
3593
3594
3595
3596
3597<a
3598  
3599  href="/en-us"
3600  class="size-style spacing-style header-logo"
3601  style="
3602    --size-style-width: ;--size-style-height: ;
3603    --padding-block-start: 8px;--padding-block-end: 8px;--padding-inline-start: 10px;--padding-inline-end: 10px;
3604    --font-family: var(--font-body--family);
3605    --font-style: var(--font-body--style);
3606    --font-weight: 600;
3607  "
3608  
3609>
3610  
3611
3612  <span
3613    class="header-logo__image-container header-logo__image-container--original"
3614    data-testid="header-logo"
3615  >
3616    
3617  
3618  
3619  
3620
3621  
3622
3623  
3624
3625  
3626
3627  <img src="//dk.com/cdn/shop/files/dk-logo.svg?height=56&amp;v=1701436485" alt="" width="68" height="56" class="header-logo__image" srcset="//dk.com/cdn/shop/files/dk-logo.svg?height=56&amp;v=1701436485 1x, //dk.com/cdn/shop/files/dk-logo.svg?height=112&amp;v=1701436485 2x, //dk.com/cdn/shop/files/dk-logo.svg?height=168&amp;v=1701436485 3x" style="--header-logo-image-width: 68px;--header-logo-image-width-mobile: 49px; --header-logo-image-height: 56px; --header-logo-image-height-mobile: 40px;">
3628
3629
3630  </span>
3631
3632  
3633</a>
3634
3635
3636
3637
3638
3639            
3640        
3641      
3642        
3643          
3644              
3645  <search-button class="search-action desktop:hidden">
3646    <button
3647      on:click="#search-modal/showDialog"
3648      class="button button-unstyled search-modal__button header-actions__action"
3649      aria-label="Open search"
3650    >
3651      <span
3652        aria-hidden="true"
3653        class="svg-wrapper"
3654      >
3655        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
3656
3657      </span>
3658    </button>
3659  </search-button>
3660
3661
3662
3663
3664            
3665        
3666      
3667    </div><div
3668      class="header__column header__column--center"
3669      data-testid="header-top-center"
3670    >
3671      
3672        
3673          
3674              
3675
3676
3677
3678    <header-menu
3679      ref="headerMenu"
3680      class="header-menu mobile:hidden"
3681      data-animation-delay="200"
3682      
3683      style="--submenu-animation-speed: 200ms;"
3684    >
3685      <div class="header-menu__inner">
3686
3687
3688
3689<nav header-menu>
3690  <div
3691    class="menu-list"
3692    style="--menu-top-level-font-family: var(--font-body--family);
3693--menu-top-level-font-size-desktop: 1rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
3694
3695  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
3696  var(--menu-font-sm--line-height);
3697
3698--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
3699"
3700  >
3701    
3702    <overflow-list
3703  
3704    ref="overflowMenu"
3705  
3706  
3707    class="overflow-menu color-scheme-matches-parent"
3708  
3709  
3710    minimum-items="2"
3711  
3712  
3713    defer
3714  
3715>
3716  <template shadowrootmode="open">
3717    <link href="//dk.com/cdn/shop/t/18/assets/overflow-list.css?v=168694168152117541881760622518" rel="stylesheet" type="text/css" media="all" />
3718
3719    <ul part="list">
3720      <slot></slot>
3721      <slot
3722        name="more"
3723        part="more"
3724        hidden
3725        
3726      >
3727        <li
3728          part="more"
3729        >
3730          <button
3731            class="button"
3732            type="button"
3733            tabindex="0"
3734          >
3735            More
3736          </button>
3737        </li>
3738      </slot>
3739      <li
3740        part="placeholder"
3741        hidden
3742      ></li>
3743    </ul>
3744
3745    <div part="overflow">
3746      <ul part="overflow-list">
3747        <slot name="overflow"></slot>
3748      </ul>
3749    </div>
3750  </template>
3751
3752  
3753  
3754    <li
3755      role="presentation"
3756      class="menu-list__list-item"
3757      on:focus="/activate"
3758      on:blur="/deactivate"
3759      on:pointerenter="/activate"
3760      on:pointerleave="/deactivate"
3761    >
3762      <a
3763        href="/en-us/collections/all"
3764        data-skip-node-update="true"
3765        class="menu-list__link"aria-controls="submenu-1"
3766          aria-haspopup="true"
3767          aria-expanded="false"ref="menuitem"
3768      >
3769        <span class="menu-list__link-title">Adults</span>
3770      </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
3771          <div
3772            id="submenu-1"
3773            class="menu-list__submenu-inner"
3774            style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
3775var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
3776none;
3777
3778    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
3779    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
3780    --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
3781  
3782--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
3783var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
3784none;
3785
3786    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
3787    --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
3788    --menu-child-active-font-color: var(--color-foreground);
3789  
3790"
3791          >
3792            
3793            <div class="mega-menu section section--full-width-margin section--full-width">
3794  <div
3795    class="mega-menu__grid"
3796    data-menu-grid-id="MegaMenuList-1"
3797  >
3798    
3799<ul
3800  data-menu-list-id="MegaMenuList-1"
3801  class="mega-menu__list list-unstyled"
3802  style="--menu-image-border-radius: 0px;"
3803>
3804  
3805    <li class="mega-menu__column mega-menu__column--span-2">
3806    <div>
3807      <a
3808        href="/en-us#"
3809        class="mega-menu__link mega-menu__link--parent"
3810      >
3811        
3812        <span
3813          class="mega-menu__link-title wrap-text"
3814        >By Category</span>
3815      </a>
3816      
3817        <ul
3818          class="list-unstyled"
3819          
3820            style="column-count: 2;"
3821          
3822        >
3823          
3824            
3825            <li
3826              
3827            >
3828              <a
3829                href="/en-us/collections/arts-culture/adult"
3830                class="mega-menu__link"
3831              >
3832                <span class="mega-menu__link-title wrap-text">Arts & Culture</span>
3833              </a>
3834            </li>
3835          
3836            
3837            <li
3838              
3839            >
3840              <a
3841                href="/en-us/collections/business-careers/adult"
3842                class="mega-menu__link"
3843              >
3844                <span class="mega-menu__link-title wrap-text">Business & Careers</span>
3845              </a>
3846            </li>
3847          
3848            
3849            <li
3850              
3851            >
3852              <a
3853                href="/en-us/collections/crafts-hobbies/adult"
3854                class="mega-menu__link"
3855              >
3856                <span class="mega-menu__link-title wrap-text">Crafts & Hobbies</span>
3857              </a>
3858            </li>
3859          
3860            
3861            <li
3862              
3863            >
3864              <a
3865                href="/en-us/collections/comics-film-tv/adult"
3866                class="mega-menu__link"
3867              >
3868                <span class="mega-menu__link-title wrap-text">Comics, Film & TV</span>
3869              </a>
3870            </li>
3871          
3872            
3873            <li
3874              
3875            >
3876              <a
3877                href="/en-us/collections/food-drink/adult"
3878                class="mega-menu__link"
3879              >
3880                <span class="mega-menu__link-title wrap-text">Food & Drink</span>
3881              </a>
3882            </li>
3883          
3884            
3885            <li
3886              
3887            >
3888              <a
3889                href="/en-us/collections/gardening/adult"
3890                class="mega-menu__link"
3891              >
3892                <span class="mega-menu__link-title wrap-text">Gardening</span>
3893              </a>
3894            </li>
3895          
3896            
3897            <li
3898              
3899            >
3900              <a
3901                href="/en-us/collections/health-beauty/adult"
3902                class="mega-menu__link"
3903              >
3904                <span class="mega-menu__link-title wrap-text">Health & Beauty</span>
3905              </a>
3906            </li>
3907          
3908            
3909            <li
3910              
3911            >
3912              <a
3913                href="/en-us/collections/history/adult"
3914                class="mega-menu__link"
3915              >
3916                <span class="mega-menu__link-title wrap-text">History</span>
3917              </a>
3918            </li>
3919          
3920            
3921            <li
3922              
3923            >
3924              <a
3925                href="/en-us/collections/language-learning/adult"
3926                class="mega-menu__link"
3927              >
3928                <span class="mega-menu__link-title wrap-text">Language Learning</span>
3929              </a>
3930            </li>
3931          
3932            
3933            <li
3934              
3935                style="break-after: column;"
3936              
3937            >
3938              <a
3939                href="/en-us/collections/non-fiction"
3940                class="mega-menu__link"
3941              >
3942                <span class="mega-menu__link-title wrap-text">Non-fiction</span>
3943              </a>
3944            </li>
3945          
3946            
3947            <li
3948              
3949            >
3950              <a
3951                href="/en-us/collections/pregnancy-parenting/adult"
3952                class="mega-menu__link"
3953              >
3954                <span class="mega-menu__link-title wrap-text">Pregnancy & Parenting</span>
3955              </a>
3956            </li>
3957          
3958            
3959            <li
3960              
3961            >
3962              <a
3963                href="/en-us/collections/religions-ideas/Adult"
3964                class="mega-menu__link"
3965              >
3966                <span class="mega-menu__link-title wrap-text">Religions & Ideas</span>
3967              </a>
3968            </li>
3969          
3970            
3971            <li
3972              
3973            >
3974              <a
3975                href="/en-us/collections/reference/adult"
3976                class="mega-menu__link"
3977              >
3978                <span class="mega-menu__link-title wrap-text">Reference</span>
3979              </a>
3980            </li>
3981          
3982            
3983            <li
3984              
3985            >
3986              <a
3987                href="/en-us/collections/science-nature/adult"
3988                class="mega-menu__link"
3989              >
3990                <span class="mega-menu__link-title wrap-text">Science & Nature</span>
3991              </a>
3992            </li>
3993          
3994            
3995            <li
3996              
3997            >
3998              <a
3999                href="/en-us/collections/travel/adult"
4000                class="mega-menu__link"
4001              >
4002                <span class="mega-menu__link-title wrap-text">Travel</span>
4003              </a>
4004            </li>
4005          
4006        </ul>
4007      
4008    </div>
4009
4010    </li>
4011  
4012    <li class="mega-menu__column mega-menu__column--span-1">
4013    <div>
4014      <a
4015        href="/en-us#"
4016        class="mega-menu__link mega-menu__link--parent"
4017      >
4018        
4019        <span
4020          class="mega-menu__link-title wrap-text"
4021        >Featured</span>
4022      </a>
4023      
4024        <ul
4025          class="list-unstyled"
4026          
4027            style="column-count: 1;"
4028          
4029        >
4030          
4031            
4032            <li
4033              
4034            >
4035              <a
4036                href="/en-us/collections/bestsellers"
4037                class="mega-menu__link"
4038              >
4039                <span class="mega-menu__link-title wrap-text">Bestsellers</span>
4040              </a>
4041            </li>
4042          
4043            
4044            <li
4045              
4046            >
4047              <a
4048                href="/en-us/collections/gardening"
4049                class="mega-menu__link"
4050              >
4051                <span class="mega-menu__link-title wrap-text">Gardening</span>
4052              </a>
4053            </li>
4054          
4055            
4056            <li
4057              
4058            >
4059              <a
4060                href="/en-us/collections/warhammer"
4061                class="mega-menu__link"
4062              >
4063                <span class="mega-menu__link-title wrap-text">Warhammer</span>
4064              </a>
4065            </li>
4066          
4067        </ul>
4068      
4069    </div>
4070
4071    </li>
4072  
4073    <li class="mega-menu__column mega-menu__column--span-1">
4074    <div>
4075      <a
4076        href="/en-us/collections/books-for-adults"
4077        class="mega-menu__link "
4078      >
4079        
4080        <span
4081          class="mega-menu__link-title wrap-text"
4082        >All Books for Adults</span>
4083      </a>
4084      
4085    </div>
4086
4087    </li>
4088  
4089</ul>
4090
4091
4092
4093<style data-shopify>
4094  [data-menu-grid-id="MegaMenuList-1"] {
4095    
4096      --menu-columns-desktop: 6;
4097      --menu-columns-tablet: 4;
4098    
4099  }
4100
4101  [data-menu-list-id="MegaMenuList-1"] {
4102    
4103      --menu-columns-desktop: 6;
4104      --menu-columns-tablet: 4;
4105    
4106  }
4107</style>
4108
4109
4110
4111  </div>
4112</div>
4113
4114          </div>
4115        </div></li>
4116  
4117    <li
4118      role="presentation"
4119      class="menu-list__list-item"
4120      on:focus="/activate"
4121      on:blur="/deactivate"
4122      on:pointerenter="/activate"
4123      on:pointerleave="/deactivate"
4124    >
4125      <a
4126        href="/en-us#"
4127        data-skip-node-update="true"
4128        class="menu-list__link"aria-controls="submenu-2"
4129          aria-haspopup="true"
4130          aria-expanded="false"ref="menuitem"
4131      >
4132        <span class="menu-list__link-title">Children's</span>
4133      </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
4134          <div
4135            id="submenu-2"
4136            class="menu-list__submenu-inner"
4137            style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
4138var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
4139none;
4140
4141    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
4142    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
4143    --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
4144  
4145--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
4146var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
4147none;
4148
4149    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
4150    --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
4151    --menu-child-active-font-color: var(--color-foreground);
4152  
4153"
4154          >
4155            
4156            <div class="mega-menu section section--full-width-margin section--full-width">
4157  <div
4158    class="mega-menu__grid"
4159    data-menu-grid-id="MegaMenuList-2"
4160  >
4161    
4162<ul
4163  data-menu-list-id="MegaMenuList-2"
4164  class="mega-menu__list list-unstyled"
4165  style="--menu-image-border-radius: 0px;"
4166>
4167  
4168    <li class="mega-menu__column mega-menu__column--span-1">
4169    <div>
4170      <a
4171        href="/en-us#"
4172        class="mega-menu__link mega-menu__link--parent"
4173      >
4174        
4175        <span
4176          class="mega-menu__link-title wrap-text"
4177        >By age</span>
4178      </a>
4179      
4180        <ul
4181          class="list-unstyled"
4182          
4183            style="column-count: 1;"
4184          
4185        >
4186          
4187            
4188            <li
4189              
4190            >
4191              <a
4192                href="/en-us/collections/0-5"
4193                class="mega-menu__link"
4194              >
4195                <span class="mega-menu__link-title wrap-text">0-5</span>
4196              </a>
4197            </li>
4198          
4199            
4200            <li
4201              
4202            >
4203              <a
4204                href="/en-us/collections/5-7"
4205                class="mega-menu__link"
4206              >
4207                <span class="mega-menu__link-title wrap-text">5-7</span>
4208              </a>
4209            </li>
4210          
4211            
4212            <li
4213              
4214            >
4215              <a
4216                href="/en-us/collections/7-9"
4217                class="mega-menu__link"
4218              >
4219                <span class="mega-menu__link-title wrap-text">7-9</span>
4220              </a>
4221            </li>
4222          
4223            
4224            <li
4225              
4226            >
4227              <a
4228                href="/en-us/collections/9-11"
4229                class="mega-menu__link"
4230              >
4231                <span class="mega-menu__link-title wrap-text">9-11</span>
4232              </a>
4233            </li>
4234          
4235            
4236            <li
4237              
4238            >
4239              <a
4240                href="/en-us/collections/teen-ya"
4241                class="mega-menu__link"
4242              >
4243                <span class="mega-menu__link-title wrap-text">Teen & YA</span>
4244              </a>
4245            </li>
4246          
4247        </ul>
4248      
4249    </div>
4250
4251    </li>
4252  
4253    <li class="mega-menu__column mega-menu__column--span-1">
4254    <div>
4255      <a
4256        href="/en-us#"
4257        class="mega-menu__link mega-menu__link--parent"
4258      >
4259        
4260        <span
4261          class="mega-menu__link-title wrap-text"
4262        >By type</span>
4263      </a>
4264      
4265        <ul
4266          class="list-unstyled"
4267          
4268            style="column-count: 1;"
4269          
4270        >
4271          
4272            
4273            <li
4274              
4275            >
4276              <a
4277                href="/en-us/collections/fiction/children"
4278                class="mega-menu__link"
4279              >
4280                <span class="mega-menu__link-title wrap-text">Fiction</span>
4281              </a>
4282            </li>
4283          
4284            
4285            <li
4286              
4287            >
4288              <a
4289                href="/en-us/collections/childrens-non-fiction"
4290                class="mega-menu__link"
4291              >
4292                <span class="mega-menu__link-title wrap-text">Non-fiction</span>
4293              </a>
4294            </li>
4295          
4296            
4297            <li
4298              
4299            >
4300              <a
4301                href="/en-us/collections/baby-toddler"
4302                class="mega-menu__link"
4303              >
4304                <span class="mega-menu__link-title wrap-text">Baby & toddler books</span>
4305              </a>
4306            </li>
4307          
4308            
4309            <li
4310              
4311            >
4312              <a
4313                href="/en-us/collections/activity-books"
4314                class="mega-menu__link"
4315              >
4316                <span class="mega-menu__link-title wrap-text">Activity books</span>
4317              </a>
4318            </li>
4319          
4320            
4321            <li
4322              
4323            >
4324              <a
4325                href="/en-us/collections/education/children"
4326                class="mega-menu__link"
4327              >
4328                <span class="mega-menu__link-title wrap-text">Education</span>
4329              </a>
4330            </li>
4331          
4332        </ul>
4333      
4334    </div>
4335
4336    </li>
4337  
4338    <li class="mega-menu__column mega-menu__column--span-1">
4339    <div>
4340      <a
4341        href="/en-us#"
4342        class="mega-menu__link mega-menu__link--parent"
4343      >
4344        
4345        <span
4346          class="mega-menu__link-title wrap-text"
4347        >Featured</span>
4348      </a>
4349      
4350        <ul
4351          class="list-unstyled"
4352          
4353            style="column-count: 1;"
4354          
4355        >
4356          
4357            
4358            <li
4359              
4360            >
4361              <a
4362                href="/en-us/collections/disney"
4363                class="mega-menu__link"
4364              >
4365                <span class="mega-menu__link-title wrap-text">Disney</span>
4366              </a>
4367            </li>
4368          
4369            
4370            <li
4371              
4372            >
4373              <a
4374                href="/en-us/collections/dk-flip"
4375                class="mega-menu__link"
4376              >
4377                <span class="mega-menu__link-title wrap-text">DK flip</span>
4378              </a>
4379            </li>
4380          
4381            
4382            <li
4383              
4384            >
4385              <a
4386                href="/en-us/collections/bestsellers/children"
4387                class="mega-menu__link"
4388              >
4389                <span class="mega-menu__link-title wrap-text">Bestsellers</span>
4390              </a>
4391            </li>
4392          
4393        </ul>
4394      
4395    </div>
4396
4397    </li>
4398  
4399    <li class="mega-menu__column mega-menu__column--span-1">
4400    <div>
4401      <a
4402        href="/en-us#"
4403        class="mega-menu__link mega-menu__link--parent"
4404      >
4405        
4406        <span
4407          class="mega-menu__link-title wrap-text"
4408        >By series</span>
4409      </a>
4410      
4411        <ul
4412          class="list-unstyled"
4413          
4414            style="column-count: 1;"
4415          
4416        >
4417          
4418            
4419            <li
4420              
4421            >
4422              <a
4423                href="/en-us/collections/pop-up-pekaboo"
4424                class="mega-menu__link"
4425              >
4426                <span class="mega-menu__link-title wrap-text">Pop-up Peekaboo!</span>
4427              </a>
4428            </li>
4429          
4430            
4431            <li
4432              
4433            >
4434              <a
4435                href="/en-us/collections/anthologies"
4436                class="mega-menu__link"
4437              >
4438                <span class="mega-menu__link-title wrap-text">Anthologies</span>
4439              </a>
4440            </li>
4441          
4442            
4443            <li
4444              
4445            >
4446              <a
4447                href="/en-us/collections/eyewitness/children"
4448                class="mega-menu__link"
4449              >
4450                <span class="mega-menu__link-title wrap-text">Eyewitness</span>
4451              </a>
4452            </li>
4453          
4454            
4455            <li
4456              
4457            >
4458              <a
4459                href="/en-us/collections/rebel-girls/children"
4460                class="mega-menu__link"
4461              >
4462                <span class="mega-menu__link-title wrap-text">Rebel Girls</span>
4463              </a>
4464            </li>
4465          
4466            
4467            <li
4468              
4469            >
4470              <a
4471                href="/en-us/collections/dk-super-readers/children"
4472                class="mega-menu__link"
4473              >
4474                <span class="mega-menu__link-title wrap-text">DK Super Readers</span>
4475              </a>
4476            </li>
4477          
4478            
4479            <li
4480              
4481            >
4482              <a
4483                href="/en-us/collections/phonic-books/children"
4484                class="mega-menu__link"
4485              >
4486                <span class="mega-menu__link-title wrap-text">Phonic Books</span>
4487              </a>
4488            </li>
4489          
4490        </ul>
4491      
4492    </div>
4493
4494    </li>
4495  
4496    <li class="mega-menu__column mega-menu__column--span-1">
4497    <div>
4498      <a
4499        href="/en-us#"
4500        class="mega-menu__link mega-menu__link--parent"
4501      >
4502        
4503        <span
4504          class="mega-menu__link-title wrap-text"
4505        >Popular categories</span>
4506      </a>
4507      
4508        <ul
4509          class="list-unstyled"
4510          
4511            style="column-count: 1;"
4512          
4513        >
4514          
4515            
4516            <li
4517              
4518            >
4519              <a
4520                href="/en-us/collections/science-nature/children"
4521                class="mega-menu__link"
4522              >
4523                <span class="mega-menu__link-title wrap-text">Science & Nature</span>
4524              </a>
4525            </li>
4526          
4527            
4528            <li
4529              
4530            >
4531              <a
4532                href="/en-us/collections/animals/children"
4533                class="mega-menu__link"
4534              >
4535                <span class="mega-menu__link-title wrap-text">Animals</span>
4536              </a>
4537            </li>
4538          
4539            
4540            <li
4541              
4542            >
4543              <a
4544                href="/en-us/collections/lego-books/children"
4545                class="mega-menu__link"
4546              >
4547                <span class="mega-menu__link-title wrap-text">LEGO® Books</span>
4548              </a>
4549            </li>
4550          
4551        </ul>
4552      
4553    </div>
4554
4555    </li>
4556  
4557    <li class="mega-menu__column mega-menu__column--span-1">
4558    <div>
4559      <a
4560        href="/en-us/collections/childrens"
4561        class="mega-menu__link "
4562      >
4563        
4564        <span
4565          class="mega-menu__link-title wrap-text"
4566        >All Children's Books</span>
4567      </a>
4568      
4569    </div>
4570
4571    </li>
4572  
4573</ul>
4574
4575
4576
4577<style data-shopify>
4578  [data-menu-grid-id="MegaMenuList-2"] {
4579    
4580      --menu-columns-desktop: 6;
4581      --menu-columns-tablet: 4;
4582    
4583  }
4584
4585  [data-menu-list-id="MegaMenuList-2"] {
4586    
4587      --menu-columns-desktop: 6;
4588      --menu-columns-tablet: 4;
4589    
4590  }
4591</style>
4592
4593
4594
4595  </div>
4596</div>
4597
4598          </div>
4599        </div></li>
4600  
4601    <li
4602      role="presentation"
4603      class="menu-list__list-item"
4604      on:focus="/activate"
4605      on:blur="/deactivate"
4606      on:pointerenter="/activate"
4607      on:pointerleave="/deactivate"
4608    >
4609      <a
4610        href="/en-us#"
4611        data-skip-node-update="true"
4612        class="menu-list__link"aria-controls="submenu-3"
4613          aria-haspopup="true"
4614          aria-expanded="false"ref="menuitem"
4615      >
4616        <span class="menu-list__link-title">Discover</span>
4617      </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
4618          <div
4619            id="submenu-3"
4620            class="menu-list__submenu-inner"
4621            style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
4622var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
4623none;
4624
4625    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
4626    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
4627    --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
4628  
4629--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
4630var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
4631none;
4632
4633    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
4634    --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
4635    --menu-child-active-font-color: var(--color-foreground);
4636  
4637"
4638          >
4639            
4640            <div class="mega-menu section section--full-width-margin section--full-width">
4641  <div
4642    class="mega-menu__grid"
4643    data-menu-grid-id="MegaMenuList-3"
4644  >
4645    
4646<ul
4647  data-menu-list-id="MegaMenuList-3"
4648  class="mega-menu__list list-unstyled"
4649  style="--menu-image-border-radius: 0px;"
4650>
4651  
4652    <li class="mega-menu__column mega-menu__column--span-1">
4653    <div>
4654      <a
4655        href="/en-us#"
4656        class="mega-menu__link "
4657      >
4658        
4659        <span
4660          class="mega-menu__link-title wrap-text"
4661        >Curated Collections</span>
4662      </a>
4663      
4664    </div>
4665
4666    </li>
4667  
4668    <li class="mega-menu__column mega-menu__column--span-1">
4669    <div>
4670      <a
4671        href="/en-us#"
4672        class="mega-menu__link mega-menu__link--parent"
4673      >
4674        
4675        <span
4676          class="mega-menu__link-title wrap-text"
4677        >Explore More</span>
4678      </a>
4679      
4680        <ul
4681          class="list-unstyled"
4682          
4683            style="column-count: 1;"
4684          
4685        >
4686          
4687            
4688            <li
4689              
4690            >
4691              <a
4692                href="/en-us/blogs/articles-us"
4693                class="mega-menu__link"
4694              >
4695                <span class="mega-menu__link-title wrap-text">Articles</span>
4696              </a>
4697            </li>
4698          
4699            
4700            <li
4701              
4702            >
4703              <a
4704                href="/en-us/blogs/competitions"
4705                class="mega-menu__link"
4706              >
4707                <span class="mega-menu__link-title wrap-text">Competitions</span>
4708              </a>
4709            </li>
4710          
4711        </ul>
4712      
4713    </div>
4714
4715    </li>
4716  
4717</ul>
4718
4719
4720
4721<style data-shopify>
4722  [data-menu-grid-id="MegaMenuList-3"] {
4723    
4724      --menu-columns-desktop: 6;
4725      --menu-columns-tablet: 4;
4726    
4727  }
4728
4729  [data-menu-list-id="MegaMenuList-3"] {
4730    
4731      --menu-columns-desktop: 6;
4732      --menu-columns-tablet: 4;
4733    
4734  }
4735</style>
4736
4737
4738
4739  </div>
4740</div>
4741
4742          </div>
4743        </div></li>
4744  
4745    <li
4746      role="presentation"
4747      class="menu-list__list-item"
4748      on:focus="/activate"
4749      on:blur="/deactivate"
4750      on:pointerenter="/activate"
4751      on:pointerleave="/deactivate"
4752    >
4753      <a
4754        href="/en-us/pages/about-dk"
4755        data-skip-node-update="true"
4756        class="menu-list__link"aria-controls="submenu-4"
4757          aria-haspopup="true"
4758          aria-expanded="false"ref="menuitem"
4759      >
4760        <span class="menu-list__link-title">About DK</span>
4761      </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
4762          <div
4763            id="submenu-4"
4764            class="menu-list__submenu-inner"
4765            style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
4766var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
4767none;
4768
4769    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
4770    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
4771    --menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
4772  
4773--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
4774var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
4775none;
4776
4777    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
4778    --menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
4779    --menu-child-active-font-color: var(--color-foreground);
4780  
4781"
4782          >
4783            
4784            <div class="mega-menu section section--full-width-margin section--full-width">
4785  <div
4786    class="mega-menu__grid"
4787    data-menu-grid-id="MegaMenuList-4"
4788  >
4789    
4790<ul
4791  data-menu-list-id="MegaMenuList-4"
4792  class="mega-menu__list list-unstyled"
4793  style="--menu-image-border-radius: 0px;"
4794>
4795  
4796    <li class="mega-menu__column mega-menu__column--span-1">
4797    <div>
4798      <a
4799        href="/en-us#"
4800        class="mega-menu__link mega-menu__link--parent"
4801      >
4802        
4803        <span
4804          class="mega-menu__link-title wrap-text"
4805        >Our Divisions & Imprints</span>
4806      </a>
4807      
4808        <ul
4809          class="list-unstyled"
4810          
4811            style="column-count: 1;"
4812          
4813        >
4814          
4815            
4816            <li
4817              
4818            >
4819              <a
4820                href="/en-us/pages/who-we-are"
4821                class="mega-menu__link"
4822              >
4823                <span class="mega-menu__link-title wrap-text">Who We Are</span>
4824              </a>
4825            </li>
4826          
4827            
4828            <li
4829              
4830            >
4831              <a
4832                href="/en-us/pages/dk-living"
4833                class="mega-menu__link"
4834              >
4835                <span class="mega-menu__link-title wrap-text">DK Living</span>
4836              </a>
4837            </li>
4838          
4839            
4840            <li
4841              
4842            >
4843              <a
4844                href="/en-us/pages/introducing-dk-children-s"
4845                class="mega-menu__link"
4846              >
4847                <span class="mega-menu__link-title wrap-text">DK Children's</span>
4848              </a>
4849            </li>
4850          
4851            
4852            <li
4853              
4854            >
4855              <a
4856                href="/en-us/pages/introducing-dk"
4857                class="mega-menu__link"
4858              >
4859                <span class="mega-menu__link-title wrap-text">DK+</span>
4860              </a>
4861            </li>
4862          
4863            
4864            <li
4865              
4866            >
4867              <a
4868                href="/en-us/pages/introducing-dk-alpha"
4869                class="mega-menu__link"
4870              >
4871                <span class="mega-menu__link-title wrap-text">DK Alpha</span>
4872              </a>
4873            </li>
4874          
4875            
4876            <li
4877              
4878            >
4879              <a
4880                href="/en-us/pages/introducing-canelo"
4881                class="mega-menu__link"
4882              >
4883                <span class="mega-menu__link-title wrap-text">Canelo</span>
4884              </a>
4885            </li>
4886          
4887        </ul>
4888      
4889    </div>
4890
4891    </li>
4892  
4893    <li class="mega-menu__column mega-menu__column--span-1">
4894    <div>
4895      <a
4896        href="/en-us/pages/about-dk"
4897        class="mega-menu__link "
4898      >
4899        
4900        <span
4901          class="mega-menu__link-title wrap-text"
4902        >About DK</span>
4903      </a>
4904      
4905    </div>
4906
4907    
4908  
4909    
4910    <div>
4911      <a
4912        href="/en-us/pages/catalogues"
4913        class="mega-menu__link "
4914      >
4915        
4916        <span
4917          class="mega-menu__link-title wrap-text"
4918        >Catalogues</span>
4919      </a>
4920      
4921    </div>
4922
4923    </li>
4924  
4925</ul>
4926
4927
4928
4929<style data-shopify>
4930  [data-menu-grid-id="MegaMenuList-4"] {
4931    
4932      --menu-columns-desktop: 6;
4933      --menu-columns-tablet: 4;
4934    
4935  }
4936
4937  [data-menu-list-id="MegaMenuList-4"] {
4938    
4939      --menu-columns-desktop: 6;
4940      --menu-columns-tablet: 4;
4941    
4942  }
4943</style>
4944
4945
4946
4947  </div>
4948</div>
4949
4950          </div>
4951        </div></li>
4952  
4953  <li
4954    class="menu-list__list-item"
4955    role="presentation"
4956    slot="more"
4957    on:focus="/activate"
4958    on:blur="/deactivate"
4959    on:pointerenter="/activate"
4960    on:pointerleave="/deactivate"
4961  >
4962    <button role="menuitem" class="button menu-list__link button-unstyled">
4963      <span class="menu-list__link-title">More</span>
4964    </button>
4965  </li>
4966
4967</overflow-list>
4968
4969  </div>
4970</nav>
4971
4972      </div>
4973
4974      
4974<script
4975        src="//dk.com/cdn/shop/t/18/assets/header-menu.js?v=98986771878453457241760622494"
4976        type="module"
4977      ></script>
4977
4978    </header-menu>
4979
4980
4981
4982
4983
4984
4985            
4986        
4987      
4988    </div><div
4989      class="header__column header__column--right"
4990      data-testid="header-top-right"
4991    >
4992      
4993        
4994          
4995              
4996
4997
4998  <dropdown-localization-component
4999    class="dropdown-localization mobile:hidden"
5000  >
5001    <button
5002      type="button"
5003      class="button dropdown-localization__button localization-selector link link--text"
5004      aria-expanded="false"
5005      aria-controls="dropdown-localization-results"
5006      ref="button"
5007      on:click="/toggleSelector"
5008      style="--menu-localization-font: var(--font-heading--family);  --menu-localization-font-size: 1rem; "
5009    >
5010      <span class="visually-hidden">Open region and language selector</span>
5011      
5012        
5013          <span
5014            class="icon-flag"
5015            style="
5016              background-image: url(//cdn.shopify.com/static/images/flags/us.svg?width=32);
5017              --size-shadow: 2px;
5018              --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60));
5019            "
5020          ></span>
5021        
5022        <span class="currency-code">USD</span>
5023      
5024<span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5025  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5026</svg>
5027</span>
5028    </button>
5029
5030    <div
5031      class="localization-wrapper right-bound color-scheme-1"
5032      hidden
5033      ref="panel"
5034    >
5035      
5036<localization-form-component
5037  ref="localizationForm"
5038  data-label-results-count="[count] results"
5039  data-show-filter="false"
5040  style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 1rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
5041>
5042  
5043<form method="post" action="/en-us/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" />
5044      
5045      <div class="country-selector-form__wrapper">
5046        <h2
5047          class="visually-hidden"
5048          id="dropdown-CountryLabel"
5049        >
5050          Country/Region
5051        </h2>
5052        
5053        <div
5054          class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
5055          id="dropdown-country-results"
5056          ref="countryList"
5057        >
5058          
5059          <ul
5060            role="list"
5061            class="list-unstyled countries"
5062          >
5063            <span
5064              class="localization-form__list-item localization-form__list-item-disabled"
5065              id="no-results-message"
5066              ref="noResultsMessage"
5067              hidden
5068            >No results found</span>
5069              <li
5070                class="localization-form__list-item"
5071                
5072                data-value="CA"
5073                
5074                  data-aliases=""
5075                
5076                id="Canada"
5077                aria-label="Canada"
5078                role="option"
5079                tabindex="-1"
5080                ref="countryListItems[]"
5081                on:click="/selectCountry/CA"
5082              >
5083                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5084<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5085</svg>
5086</span>
5087                <span class="country">Canada</span>
5088                <span
5089                  class="localization-form__currency motion-reduce"
5090                  
5091                >
5092                  CAD
5093                  $</span>
5094              </li>
5095              <li
5096                class="localization-form__list-item"
5097                
5098                data-value="IN"
5099                
5100                  data-aliases=""
5101                
5102                id="India"
5103                aria-label="India"
5104                role="option"
5105                tabindex="-1"
5106                ref="countryListItems[]"
5107                on:click="/selectCountry/IN"
5108              >
5109                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5110<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5111</svg>
5112</span>
5113                <span class="country">India</span>
5114                <span
5115                  class="localization-form__currency motion-reduce"
5116                  
5117                >
5118                  INR
5119                  ₹</span>
5120              </li>
5121              <li
5122                class="localization-form__list-item"
5123                
5124                data-value="GB"
5125                
5126                  data-aliases="uk,gb,great britain"
5127                
5128                id="United Kingdom"
5129                aria-label="United Kingdom"
5130                role="option"
5131                tabindex="-1"
5132                ref="countryListItems[]"
5133                on:click="/selectCountry/GB"
5134              >
5135                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5136<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5137</svg>
5138</span>
5139                <span class="country">United Kingdom</span>
5140                <span
5141                  class="localization-form__currency motion-reduce"
5142                  
5143                >
5144                  GBP
5145                  £</span>
5146              </li>
5147              <li
5148                class="localization-form__list-item"
5149                
5150                  aria-current="true"
5151                
5152                data-value="US"
5153                
5154                  data-aliases="us,usa,america,united states of america"
5155                
5156                id="United States"
5157                aria-label="United States"
5158                role="option"
5159                tabindex="-1"
5160                ref="countryListItems[]"
5161                on:click="/selectCountry/US"
5162              >
5163                <span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
5164<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5165</svg>
5166</span>
5167                <span class="country">United States</span>
5168                <span
5169                  class="localization-form__currency motion-reduce"
5170                  
5171                >
5172                  USD
5173                  $</span>
5174              </li></ul>
5175        </div>
5176        <div class="country-selector__overlay"></div>
5177        <input
5178          type="hidden"
5179          name="country_code"
5180          value="US"
5181          ref="countryInput"
5182        >
5183      </div>
5184    
5185
5186    
5187</form></localization-form-component>
5188
5189
5190
5191    </div>
5192  </dropdown-localization-component>
5193
5194
5195            
5196        
5197      
5198        
5199          
5200              
5201  <search-button class="search-action">
5202    <button
5203      on:click="#search-modal/showDialog"
5204      class="button button-unstyled search-modal__button header-actions__action"
5205      aria-label="Open search"
5206    >
5207      <span
5208        aria-hidden="true"
5209        class="svg-wrapper"
5210      >
5211        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
5212
5213      </span>
5214    </button>
5215  </search-button>
5216
5217
5218
5219
5220            
5221        
5222      
5223        
5224          
5225              
5225<script
5226  type="module"
5227  src="//dk.com/cdn/shop/t/18/assets/cart-icon.js?v=14733679814066288171760622481"
5228  fetchpriority="low"
5229></script>
5229
5230
5231<header-actions>
5232  
5233
5234  
5235</header-actions>
5236
5237
5238
5239          
5240        
5241      
5242    </div>
5243        </div>
5244      </div>
5245    
5246  
5247    
5248
5249    
5250
5251    
5252    
5253  
5254
5255  
5256</header-component>
5257
5258<script
5259  src="//dk.com/cdn/shop/t/18/assets/header.js?v=78043468934677320351760622494"
5260  type="module"
5261></script>
5261
5262
5263
5264
5265
5266  
5266<script type="module">
5267    import { hydrate } from '@theme/section-hydration';
5268    const url = new URL(window.location.href);
5269    url.searchParams.delete('page');
5270    hydrate('sections--26089999499641__header_section', url);
5271  </script>
5271
5272
5273
5274
5275</header>
5276<!-- END sections: header-group -->
5277    </div>
5278
5279    
5279<script
5280      src="//dk.com/cdn/shop/t/18/assets/critical.js?v=169402557219780209121760622486"
5281      type="module"
5282      async
5283      blocking="render"
5284    ></script>
5284
5285
5286    <main
5287      id="MainContent"
5288      class="content-for-layout"
5289      role="main"
5290      data-page-transition-enabled="true"
5291      data-product-transition="true"
5292      data-template="index"
5293    >
5294      <div id="shopify-section-template--26089998483833__1758808232ee292a62" class="shopify-section section-wrapper">
5295
5296
5297
5298<div class="section-background color-scheme-1"></div>
5299<div
5300  class="section section--full-width color-scheme-1"
5301  data-testid="ui-test-section"
5302
5303  
5304
5305  style="
5306    
5307
5308    
5309  "
5310>
5311  <div class="custom-section-background">
5312    
5313
5314  </div>
5315
5316  <div
5317    class="border-style custom-section-content"
5318    style="--border-width: 1px; --border-style: none; --border-color:
5319rgb(var(--color-border-rgb) / 1.0); --border-radius:
53200px; 
5321"
5322  >
5323    
5324
5325    <div
5326      class="
5327        spacing-style
5328        layout-panel-flex
5329        layout-panel-flex--column
5330        section-content-wrapper
5331         mobile-column
5332      "
5333      style="
5334        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5335
5336--gap: 12px;
5337
5338--horizontal-alignment: flex-start; --vertical-alignment: center;
5339--vertical-alignment-mobile: center;
5340
5341        --padding-block-start: 0px;--padding-block-end: 0px;
5342      "
5343      data-testid="section-content"
5344    >
5345      
5346  
5347
5348
5349<style data-shopify>
5350  picture.ai-banner-slide-image-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5351    display: contents;
5352  }
5353  
5354  .ai-banner-slides {
5355    display: flex;
5356    width: 100%;
5357    position: relative;
5358    align-items: center;
5359    justify-content: center;
5360    overflow: hidden;
5361    margin: 0;
5362    padding: 0;
5363  }
5364
5365  .ai-banner-slides img,
5366  .ai-banner-slides picture {
5367    width: 100%;
5368    height: 100%;
5369    object-fit: cover;          /* Fill and crop as needed */
5370    object-position: center;
5371    display: block;
5372    margin: 0;
5373    padding: 0;
5374    line-height: 0;
5375  }
5376
5377  .ai-banner-slider-wrapper-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5378    width: 100%;
5379    height: 100%;
5380    
5381    position: relative;
5382    overflow: hidden;
5383  }
5384
5385  .ai-banner-slides-container-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5386    display: flex;
5387    width: calc(100% * 2);
5388    height: 100%;
5389    transition: transform 0.5s ease-in-out;
5390  }
5391
5392  .ai-banner-slides.ai-banner-slide-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5393    flex: 0 0 calc(100% / 2);
5394    height: 100%;
5395    position: relative;
5396    align-items: center;
5397    justify-content: center;
5398  }  
5399
5400  .ai-banner-slides {
5401    display: block;
5402    flex: 0 0 33.333%;
5403    height: 100%;
5404    position: relative;
5405    align-items: center;
5406    justify-content: center;
5407  }
5408
5409  .ai-banner-slide-image-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5410    
5411    top: 0;
5412    left: 0;
5413  }
5414
5415  .ai-banner-slide-placeholder-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5416    position: absolute;
5417    top: 0;
5418    left: 0;
5419    width: 100%;
5420    height: 100%;
5421    background-color: #f4f4f4;
5422    display: flex;
5423    align-items: center;
5424    justify-content: center;
5425  }
5426
5427  .ai-banner-slide-placeholder-aa3exl1dwdw9fylj5waigenblock02ccddacaertd svg {
5428    width: 100%;
5429    height: 100%;
5430    max-width: 200px;
5431    max-height: 200px;
5432    opacity: 0.5;
5433  }
5434
5435  .ai-banner-slide-content-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5436    position: relative;
5437    z-index: 2;
5438    text-align: center;
5439    padding: 40px 20px;
5440    background-color: #33617b;
5441    color: #ffffff !important;
5442    max-width: 600px;
5443  }
5444
5445  .ai-banner-slide-title-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5446    font-size: 48px;
5447    font-weight: 700;
5448    margin: 0 0 16px;
5449    line-height: 1.2;
5450    color: #ffffff;
5451  }
5452
5453  .ai-banner-slide-subtitle-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5454    font-size: 18px;
5455    margin: 0 0 24px;
5456    line-height: 1.4;
5457    opacity: 0.9;
5458    color: #ffffff;
5459  }
5460
5461  .ai-banner-slide-button-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5462    display: inline-block;
5463    padding: 12px 24px;
5464    background-color: #e30613;
5465    color: #ffffff;
5466    text-decoration: none;
5467    border-radius: 8px;
5468    font-weight: 600;
5469    transition: background-color 0.3s ease;
5470    margin-top: 10px;
5471  }
5472
5473  .ai-banner-slide-button-aa3exl1dwdw9fylj5waigenblock02ccddacaertd:hover {
5474    background-color: #000000;
5475    color: #b0f55c;
5476  }
5477
5478  .ai-banner-overlay-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5479    position: absolute;
5480    top: 0;
5481    left: 0;
5482    width: 100%;
5483    height: 100%;
5484    background-color: rgba(0,0,0,0);
5485    opacity: 0.0;
5486    z-index: 1;
5487  }
5488
5489  .ai-banner-navigation-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5490    position: absolute;
5491    top: 50%;
5492    transform: translateY(-50%);
5493    z-index: 3;
5494    background-color: rgba(255, 255, 255, 0.9);
5495    border: none;
5496    width: 50px;
5497    height: 50px;
5498    border-radius: 50%;
5499    cursor: pointer;
5500    display: flex;
5501    align-items: center;
5502    justify-content: center;
5503    transition: background-color 0.3s ease;
5504  }
5505
5506  .ai-banner-navigation-aa3exl1dwdw9fylj5waigenblock02ccddacaertd:hover {
5507    background-color: rgba(255, 255, 255, 1);
5508  }
5509
5510  .ai-banner-nav-prev-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5511    left: 20px;
5512  }
5513
5514  .ai-banner-nav-next-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5515    right: 20px;
5516  }
5517
5518  .ai-banner-navigation-aa3exl1dwdw9fylj5waigenblock02ccddacaertd svg {
5519    width: 24px;
5520    height: 24px;
5521    fill: #333;
5522  }
5523
5524  .ai-banner-dots-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5525    position: absolute;
5526    bottom: -25px;
5527    left: 50%;
5528    transform: translateX(-50%);
5529    display: flex;
5530    gap: 8px;
5531    z-index: 3;
5532  }
5533
5534  .ai-banner-dot-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5535    width: 16px;
5536    height: 16px;
5537    border-radius: 50%;
5538    background-color: #686867;
5539    border: none;
5540    cursor: pointer;
5541    transition: background-color 0.3s ease;
5542  }
5543
5544  .ai-banner-dot-aa3exl1dwdw9fylj5waigenblock02ccddacaertd.active {
5545    background-color: rgb(255, 0, 0);
5546  }
5547
5548@media (max-width: 767px) {
5549  .show-mobile-navigation {
5550    
5551  }
5552}  
5553
5554    .ai-banner-slider-wrapper-div {
5555        width: 100%;
5556    }   
5557
5558  @media screen and (max-width: 749px) {
5559
5560    .ai-banner-slider-wrapper-div {
5561      width: 100%;
5562    }
5563
5564    .ai-banner-slide-content-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5565      padding: 20px 15px;
5566    }
5567
5568    .ai-banner-slide-title-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5569      font-size: 38.4px;
5570    }
5571
5572    .ai-banner-slide-subtitle-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5573      font-size: 16.2px;
5574    }
5575
5576    .ai-banner-navigation-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5577      width: 40px;
5578      height: 40px;
5579    }
5580
5581    .ai-banner-nav-prev-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5582      left: 10px;
5583    }
5584
5585    .ai-banner-nav-next-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
5586      right: 10px;
5587    }
5588 
5589  }
5590</style>
5591
5592<banner-slider-aa3exl1dwdw9fylj5waigenblock02ccddacaertd
5593  class="ai-banner-slider-aa3exl1dwdw9fylj5waigenblock02ccddacaertd ai-banner-slider-wrapper-div"
5594  
5595>
5596  <div class="slideshow-slides ai-banner-slider-wrapper-aa3exl1dwdw9fylj5waigenblock02ccddacaertd ai-banner-slider-wrapper-div">
5597    <div class="ai-banner-slides-container-aa3exl1dwdw9fylj5waigenblock02ccddacaertd">
5598      
5599        
5600
5601<div class="ai-banner-slides ai-banner-slide-aa3exl1dwdw9fylj5waigenblock02ccddacaertd" data-slide="0">
5602  
5603    <a href="/en-us/collections/new-year-2026" class="block">
5604  
5605
5606  
5607   <div class="relative w-full overflow-hidden" style="max-height: 700px;">
5608  
5609  
5610  
5611
5612  
5613  
5614    
5615
5616    <picture class="block w-full h-auto">
5617
5618      
5619        <!-- Mobile: use higher resolution for retina devices -->
5620        <source
5621          media="(max-width: 639px)"
5622          srcset="
5623            //dk.com/cdn/shop/files/DK_US_Adult_Cascade_Mobile_1000x560px.jpg?format=webp&v=1774285739&width=640 640w,
5624            //dk.com/cdn/shop/files/DK_US_Adult_Cascade_Mobile_1000x560px.jpg?format=webp&v=1774285739&width=960 960w,
5625            //dk.com/cdn/shop/files/DK_US_Adult_Cascade_Mobile_1000x560px.jpg?format=webp&v=1774285739&width=1280 1280w
5626          "
5627          sizes="100vw"
5628        >
5629      
5630
5631      
5632
5633      
5634        <!-- Desktop: ultra sharp -->
5635        <source
5636          media="(min-width: 1024px)"
5637          srcset="
5638            //dk.com/cdn/shop/files/DK_US_Adult_Cascade_Desktop_1920x560px.jpg?format=webp&v=1774285739&width=1600 1600w,
5639            //dk.com/cdn/shop/files/DK_US_Adult_Cascade_Desktop_1920x560px.jpg?format=webp&v=1774285739&width=1920 1920w,
5640            //dk.com/cdn/shop/files/DK_US_Adult_Cascade_Desktop_1920x560px.jpg?format=webp&v=1774285739&width=2560 2560w,
5641            //dk.com/cdn/shop/files/DK_US_Adult_Cascade_Desktop_1920x560px.jpg?format=webp&v=1774285739&width=3200 3200w
5642          "
5643          sizes="100vw"
5644        >
5645      
5646
5647      <!-- Fallback image -->
5648      <img
5649        src="//dk.com/cdn/shop/files/DK_US_Adult_Cascade_Desktop_1920x560px.jpg?format=webp&v=1774285739&width=1920"
5650        alt=""
5651        width="3840"
5652        height="1120"
5653        loading="lazy"
5654        class="w-full h-auto object-cover object-center transition-transform duration-700 ease-in-out hover:scale-105"
5655        style="max-height: 540px; width: 100%; display: block; line-height: 0;"
5656      />
5657
5658    </picture>
5659  </div>
5660          
5661
5662          
5663
5664                  
5665
5666        
5667        
5668          </a>
5669        
5670        </div>
5671      
5672        
5673
5674<div class="ai-banner-slides ai-banner-slide-aa3exl1dwdw9fylj5waigenblock02ccddacaertd" data-slide="1">
5675  
5676    <a href="https://dk.com/products/9780241785133-dungeons-dragons-encyclopedia?_pos=1&_sid=caa9a4d8b&_ss=r" class="block">
5677  
5678
5679  
5680   <div class="relative w-full overflow-hidden" style="max-height: 700px;">
5681  
5682  
5683  
5684
5685  
5686  
5687    
5688
5689    <picture class="block w-full h-auto">
5690
5691      
5692        <!-- Mobile: use higher resolution for retina devices -->
5693        <source
5694          media="(max-width: 639px)"
5695          srcset="
5696            //dk.com/cdn/shop/files/DK_US_Kids_Cascade_Mobile_1000x560px.jpg?format=webp&v=1774285740&width=640 640w,
5697            //dk.com/cdn/shop/files/DK_US_Kids_Cascade_Mobile_1000x560px.jpg?format=webp&v=1774285740&width=960 960w,
5698            //dk.com/cdn/shop/files/DK_US_Kids_Cascade_Mobile_1000x560px.jpg?format=webp&v=1774285740&width=1280 1280w
5699          "
5700          sizes="100vw"
5701        >
5702      
5703
5704      
5705
5706      
5707        <!-- Desktop: ultra sharp -->
5708        <source
5709          media="(min-width: 1024px)"
5710          srcset="
5711            //dk.com/cdn/shop/files/DK_US_Kids_Cascade_Desktop_1920x560px.jpg?format=webp&v=1774285740&width=1600 1600w,
5712            //dk.com/cdn/shop/files/DK_US_Kids_Cascade_Desktop_1920x560px.jpg?format=webp&v=1774285740&width=1920 1920w,
5713            //dk.com/cdn/shop/files/DK_US_Kids_Cascade_Desktop_1920x560px.jpg?format=webp&v=1774285740&width=2560 2560w,
5714            //dk.com/cdn/shop/files/DK_US_Kids_Cascade_Desktop_1920x560px.jpg?format=webp&v=1774285740&width=3200 3200w
5715          "
5716          sizes="100vw"
5717        >
5718      
5719
5720      <!-- Fallback image -->
5721      <img
5722        src="//dk.com/cdn/shop/files/DK_US_Kids_Cascade_Desktop_1920x560px.jpg?format=webp&v=1774285740&width=1920"
5723        alt=""
5724        width="3840"
5725        height="1120"
5726        loading="lazy"
5727        class="w-full h-auto object-cover object-center transition-transform duration-700 ease-in-out hover:scale-105"
5728        style="max-height: 540px; width: 100%; display: block; line-height: 0;"
5729      />
5730
5731    </picture>
5732  </div>
5733          
5734
5735          
5736
5737                  
5738
5739        
5740        
5741          </a>
5742        
5743        </div>
5744      
5745    </div>
5746
5747    
5748      <button class="ai-banner-navigation-aa3exl1dwdw9fylj5waigenblock02ccddacaertd ai-banner-nav-prev-aa3exl1dwdw9fylj5waigenblock02ccddacaertd  show-mobile-navigation" aria-label="Previous slide">
5749        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
5750          <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
5751        </svg>
5752      </button>
5753
5754      <button class="ai-banner-navigation-aa3exl1dwdw9fylj5waigenblock02ccddacaertd ai-banner-nav-next-aa3exl1dwdw9fylj5waigenblock02ccddacaertd  show-mobile-navigation" aria-label="Next slide">
5755        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
5756          <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
5757        </svg>
5758      </button>
5759    
5760
5761    
5762      <div class="ai-banner-dots-aa3exl1dwdw9fylj5waigenblock02ccddacaertd">
5763        
5764          <button
5765            class="ai-banner-dot-aa3exl1dwdw9fylj5waigenblock02ccddacaertd active"
5766            data-slide="0"
5767            aria-label="Go to slide 1"
5768          ></button>
5769        
5770          <button
5771            class="ai-banner-dot-aa3exl1dwdw9fylj5waigenblock02ccddacaertd"
5772            data-slide="1"
5773            aria-label="Go to slide 2"
5774          ></button>
5775        
5776      </div>
5777    
5778
5779    
5780         
5781  </div>
5782</banner-slider-aa3exl1dwdw9fylj5waigenblock02ccddacaertd>
5783
5784<script>
5785  (function() {
5786    class BannerSlideraa3exl1dwdw9fylj5waigenblock02ccddacaertd extends HTMLElement {
5787      constructor() {
5788        super();
5789        this.currentSlide = 0;
5790        this.totalSlides = 2;
5791        this.autoplayInterval = false;
5792      }
5793
5794      connectedCallback() {
5795        this.slidesContainer = this.querySelector('.ai-banner-slides-container-aa3exl1dwdw9fylj5waigenblock02ccddacaertd');
5796        this.prevButton = this.querySelector('.ai-banner-nav-prev-aa3exl1dwdw9fylj5waigenblock02ccddacaertd');
5797        this.nextButton = this.querySelector('.ai-banner-nav-next-aa3exl1dwdw9fylj5waigenblock02ccddacaertd');
5798        this.dots = this.querySelectorAll('.ai-banner-dot-aa3exl1dwdw9fylj5waigenblock02ccddacaertd');
5799
5800        this.setupEventListeners();
5801        
5802          this.stopAutoplay();
5803        
5804
5805        // 🔥 If only one slide → hide controls and stop autoplay
5806        if (this.totalSlides <= 1) {
5807          if (this.prevButton) this.prevButton.style.display = 'none';
5808          if (this.nextButton) this.nextButton.style.display = 'none';
5809          if (this.dots.length > 0) {
5810            this.dots.forEach(dot => dot.style.display = 'none');
5811          }
5812          this.stopAutoplay();
5813          return; // ← No event listeners needed
5814        }
5815      }
5816
5817      setupEventListeners() {
5818        if (this.prevButton) {
5819          this.prevButton.addEventListener('click', () => this.previousSlide());
5820        }
5821
5822        if (this.nextButton) {
5823          this.nextButton.addEventListener('click', () => this.nextSlide());
5824        }
5825
5826        this.dots.forEach((dot, index) => {
5827          dot.addEventListener('click', () => this.goToSlide(index));
5828        });
5829
5830        this.addEventListener('mouseenter', () => this.stopAutoplay());
5831        this.addEventListener('mouseleave', () => this.startAutoplay());
5832      }
5833
5834      nextSlide() {
5835        this.currentSlide = (this.currentSlide + 1) % this.totalSlides;
5836        this.updateSlider();
5837      }
5838
5839      previousSlide() {
5840        this.currentSlide = (this.currentSlide - 1 + this.totalSlides) % this.totalSlides;
5841        this.updateSlider();
5842      }
5843
5844      goToSlide(index) {
5845        this.currentSlide = index;
5846        this.updateSlider();
5847      }
5848
5849      updateSlider() {
5850        const translateX = -this.currentSlide * (100 / this.totalSlides);
5851        this.slidesContainer.style.transform = `translateX(${translateX}%)`;
5852
5853        this.dots.forEach((dot, index) => {
5854          dot.classList.toggle('active', index === this.currentSlide);
5855        });
5856      }
5857
5858      startAutoplay() {
5859        this.stopAutoplay();
5860        
5861      }
5862
5863      stopAutoplay() {
5864        if (this.autoplayInterval) {
5865          clearInterval(this.autoplayInterval);
5866          this.autoplayInterval = null;
5867        }
5868      }
5869
5870      disconnectedCallback() {
5871        this.stopAutoplay();
5872      }
5873    }
5874
5875    customElements.define('banner-slider-aa3exl1dwdw9fylj5waigenblock02ccddacaertd', BannerSlideraa3exl1dwdw9fylj5waigenblock02ccddacaertd);
5876  })();
5877</script>
5877
5878
5879
5880
5881    </div>
5882  </div>
5883</div>
5884
5885
5886
5887
5888
5889</div><div id="shopify-section-template--26089998483833__marquee_bKQixE" class="shopify-section">
5890
5891<script
5892  src="//dk.com/cdn/shop/t/18/assets/marquee.js?v=74946541691193139871760622515"
5893  type="module"
5894  fetchpriority="low"
5895></script>
5895
5896
5897
5898
5899<div class="section-background color-scheme-1"></div>
5900<marquee-component
5901  class="section spacing-style gap-style color-scheme-1"
5902  style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: 16px;;
5903    --marquee-gap: 24px;
5904    --marquee-direction: normal;
5905  "
5906  data-speed-factor="25"
5907  data-movement-direction="normal"
5908>
5909  <div
5910    class="marquee__wrapper"
5911    ref="wrapper"
5912  >
5913    <div
5914      class="marquee__content"
5915      ref="content"
5916    >
5917      <div
5918        class="marquee__repeated-items"
5919        ref="marqueeItems[]"
5920      >
5921        
5922
5923
5924
5925
5926
5927
5928
5929
5930
5931
5932
5933
5934  <div 
5935  class=" spacing-style text-block text-block--ANWlpTkZzNXpTdlEze__text_9BKBVX custom
5936     custom-typography  custom-font-size  custom-color 
5937  "
5938
5939  style="
5940    --padding-block-start: 0px; --padding-block-end:0px; 
5941--padding-inline-start:0px; --padding-inline-end:0px; 
5942
5943    
5944--color: var(--color-foreground);--font-size: 1.25rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: none;    --text-wrap: nowrap;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-tight);
5945    --width: fit-content;
5946    
5947    --max-width: var(--max-width--body-narrow);
5948    
5949    
5950    
5951  "
5952
5953  
5954>
5955    
5956        <p>
5957          
5958            <h1>Moving the world forward, one book at a time.</h1>
5959          
5960        </p>
5961    
5962  </div>
5963
5964
5965
5966
5967
5968
5969
5970      </div>
5971    </div>
5972  </div>
5973</marquee-component>
5974
5975
5976
5977
5978</div><div id="shopify-section-template--26089998483833__featured_collection_list_fhmn7i" class="shopify-section ui-test-product-list">
5979
5980
5981
5982<style>
5983  @media screen and (min-width: 1280px) {
5984    .padding-style {
5985      padding-left: 10px;
5986      padding-right: 10px;
5987    }
5988  }
5989</style>
5990
5991<div class="section-background color-scheme-1"></div>
5992
5993<div
5994  class="
5995    section
5996    section--full-width
5997    color-scheme-1
5998    section-resource-list
5999    spacing-style
6000    gap-style
6001    padding-style
6002  "
6003  style="
6004    --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 38px));
6005    --gap: 24px;
6006  "
6007>
6008  <div class="section-resource-list__header">
6009<div
6010  class="
6011    group-block
6012    group-block--height-fit
6013    group-block--width-fill
6014    border-style
6015    spacing-style
6016    size-style
6017    
6018    
6019  "
6020  style="
6021    --border-width: 1px; --border-style: none; --border-color:
6022rgb(var(--color-border-rgb) / 1.0); --border-radius:
60230px; 
6024
6025    --padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6026    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
6027    
6028  "
6029  
6030  data-testid="group-block"
6031><div class="group-block__media-wrapper">
6032    
6033
6034    
6035  </div>
6036
6037  <div
6038    class="
6039      group-block-content
6040      
6041      layout-panel-flex
6042      layout-panel-flex--row
6043       mobile-column
6044    "
6045    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
6046
6047--gap: 12px;
6048
6049--horizontal-alignment: center; --vertical-alignment: last baseline;
6050--vertical-alignment-mobile: flex-end;
6051"
6052  >
6053
6054
6055
6056
6057
6058
6059
6060
6061
6062
6063
6064
6065
6066
6067
6068  <rte-formatter 
6069  class=" spacing-style text-block text-block--AeTlTNFgrMHRzSWlGc__product_list_text_A7Lb4n rte
6070     rte 
6071  "
6072
6073  style="
6074    --padding-block-start: 0px; --padding-block-end:0px; 
6075--padding-inline-start:0px; --padding-inline-end:0px; 
6076
6077    
6078
6079    --width: fit-content;
6080    
6081    
6082    
6083  "
6084
6085  
6086>
6087    
6088        <p>
6089          
6090            <h3>What's New</h3>
6091          
6092        </p>
6093    
6094  </rte-formatter>
6095
6096
6097
6098
6099
6100
6101
6102
6103
6104
6105
6106
6107
6108
6109</div>
6110</div>
6111
6112
6113
6114</div>
6115
6116  
6117
6118  
6119
6120  
6121
6122  
6123
6124<div
6125  class="
6126    resource-list
6127    
6128      force-full-width
6129    
6130    
6131    resource-list__carousel
6132  "
6133  style="--resource-list-column-gap-desktop: 8px;--column-count: 5;--column-count-mobile: 1;--mobile-card-size: 60cqw;"
6134  
6135    data-testid="resource-list-grid"
6136  
6137>
6138  
6139      
6140
6141
6142
6143
6144
6145<div
6146  class="resource-list__carousel"
6147  style="
6148    
6149      --gutter-slide-width: 0px;
6150    
6151    --slide-width-max: 450px;
6152  "
6153>
6154  
6155
6156
6157<slideshow-component
6158  
6159    ref="resourceListCarousel"
6160  
6161  
6162    class="resource-list__carousel"
6163  
6164  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12;"
6165  
6166  initial-slide="0"
6167  
6168  
6169
6170  
6171>
6172  
6173
6174
6175  <slideshow-container ref="slideshowContainer">
6176    
6177    
6178      
6179    <slideshow-arrows
6180  position="center"
6181  
6182><button
6183  class="
6184    slideshow-control slideshow-control--previous
6185    
6186     slideshow-control--shape-circle
6187    slideshow-control--style-arrow
6188    button button-unstyled button-unstyled--transparent
6189     flip-x
6190  "
6191  
6192  aria-label="Previous slide"
6193  
6194  on:click="/previous"
6195  ref="previous"
6196>
6197  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
6198</span>
6199</button>
6200<button
6201  class="
6202    slideshow-control slideshow-control--next
6203    
6204     slideshow-control--shape-circle
6205    slideshow-control--style-arrow
6206    button button-unstyled button-unstyled--transparent
6207    
6208  "
6209  
6210  aria-label="Next slide"
6211  
6212  on:click="/next"
6213  ref="next"
6214>
6215  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
6216</span>
6217</button>
6218</slideshow-arrows>
6219
6220  
6221    
6222    <slideshow-slides
6223      tabindex="-1"
6224      ref="scroller"
6225      
6226      
6227    >
6228      
6229  
6230    <slideshow-slide
6231  ref="slides[]"
6232  aria-hidden="false"
6233  style="view-timeline-name: --slide-0; --product-media-fit: cover;"
6234  
6235    class="resource-list__slide"
6236  
6237  
6238  
6239  
6240  
6241  
6242>
6243  <div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
6244              
6245                
6246
6247
6248
6249
6250
6251<style data-shopify>
6252  
6253</style>
6254
6255
6256<product-card-link
6257    data-product-id="15428794253689"
6258    data-featured-media-url="//dk.com/cdn/shop/files/9798217135066_jacket_0.jpg?v=1774983952&width=500"
6259    data-product-transition="true"
6260    
6261  ><product-card
6262  class="product-card collection-grid"
6263  data-product-id="15428794253689"
6264  data-product-variants-size="1"
6265  id="product-card-AOGFIWDduZ211c05yM__static-product-card"
6266  data-product-transition="true"
6267  
6268  
6269  
6270>
6271  <a
6272    id="531958954a1ea37053f15a004991cf9c"
6273    
6274      href="/en-us/products/9798217135066-pop-up-peekaboo-stitch?variant=56942996619641"
6275    
6276    class="product-card__link"
6277    ref="productCardLink"
6278  >
6279    <span class="visually-hidden">
6280      Pop-Up Peekaboo! Stitch
6281    </span>
6282  </a>
6283  
6284  <div
6285    class="
6286      product-card__content
6287      layout-panel-flex
6288      layout-panel-flex--column
6289      product-grid__card
6290      spacing-style
6291      border-style
6292      gap-style
6293      
6294    "
6295    style="
6296      --border-width: 1px; --border-style: none; --border-color:
6297rgb(var(--color-border-rgb) / 1.0); --border-radius:
62980px; 
6299
6300      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
6301
6302
6303
6304--horizontal-alignment: ; --vertical-alignment: ;
6305--vertical-alignment-mobile: ;
6306
6307      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6308      --product-card-gap: 4px;
6309      --quick-add-display: none;
6310      --quick-add-mobile-display: none;
6311      
6312      
6313      
6314      
6315    "
6316  >
6317    
6318
6319
6320
6321<div
6322  class="product-badges product-badges--top-left date2026-03-31"
6323  style="
6324    --badge-border-radius: 40px;
6325    --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
6326  "
6327></div>
6328
6329
6330
6331    
6332  
6333
6334
6335
6336
6337
6338
6339
6340<div
6341  ref="cardGallery"
6342  class="card-gallery card-gallery-AVnFKRUNscUhmZ25yR__product_card_gallery_XrDzAt spacing-style border-style"
6343  style="
6344    --border-width: 1px; --border-style: none; --border-color:
6345rgb(var(--color-border-rgb) / 1.0); --border-radius:
63460px; 
6347
6348    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 20px;--padding-inline-end: 20px;
6349    --gallery-aspect-ratio: 1.0105840846726775;
6350  "
6351  data-product-id="15428794253689"
6352  
6353  
6354    data-view-transition-to-main-product
6355  
6356  data-image-ratio="adapt"
6357  
6358>
6359    <a
6360      class="contents"
6361      ref="cardGalleryLink"
6362      href="
6363/en-us/products/9798217135066-pop-up-peekaboo-stitch?variant=56942996619641"
6364      aria-label="Pop-Up Peekaboo! Stitch"
6365    >
6366      
6367
6368
6369<slideshow-component
6370  
6371    ref="slideshow"
6372  
6373  
6374  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9;"
6375  
6376  initial-slide="0"
6377  
6378  
6379    infinite
6380  
6381
6382  data-generic-media-size="9" disabled="true"
6383>
6384  
6385
6386
6387  <slideshow-container ref="slideshowContainer">
6388    
6389      <slideshow-arrows
6390  position="center"
6391  
6392><button
6393  class="
6394    slideshow-control slideshow-control--previous
6395    
6396    
6397    slideshow-control--style-arrow
6398    button button-unstyled button-unstyled--transparent
6399     flip-x
6400  "
6401  
6402  aria-label="Previous slide"
6403  
6404  on:click="/previous"
6405  ref="previous"
6406>
6407  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
6408</span>
6409</button>
6410<button
6411  class="
6412    slideshow-control slideshow-control--next
6413    
6414    
6415    slideshow-control--style-arrow
6416    button button-unstyled button-unstyled--transparent
6417    
6418  "
6419  
6420  aria-label="Next slide"
6421  
6422  on:click="/next"
6423  ref="next"
6424>
6425  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
6426</span>
6427</button>
6428</slideshow-arrows>
6429
6430    
6431    
6432    <slideshow-slides
6433      tabindex="-1"
6434      ref="scroller"
6435      
6436      
6437    >
6438      <slideshow-slide
6439  ref="slides[]"
6440  aria-hidden="true"
6441  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
6442  
6443    class="product-media-container media-fit product-media-container--image"
6444  
6445  
6446  
6447  
6448    slide-id="67898524008825"
6449  
6450  
6451  
6452>
6453  
6454
6455<div
6456  class="product-media"
6457  style="--ratio: 1.0105840846726775"
6458  data-media-id="67898524008825"
6459>
6460  
6461  <img src="//dk.com/cdn/shop/files/9798217135066_jacket_0.jpg?v=1774983952&amp;width=3840" alt="9798217135066-jacket-0" srcset="//dk.com/cdn/shop/files/9798217135066_jacket_0.jpg?v=1774983952&amp;width=240 240w, //dk.com/cdn/shop/files/9798217135066_jacket_0.jpg?v=1774983952&amp;width=352 352w, //dk.com/cdn/shop/files/9798217135066_jacket_0.jpg?v=1774983952&amp;width=832 832w, //dk.com/cdn/shop/files/9798217135066_jacket_0.jpg?v=1774983952&amp;width=1200 1200w, //dk.com/cdn/shop/files/9798217135066_jacket_0.jpg?v=1774983952&amp;width=1600 1600w, //dk.com/cdn/shop/files/9798217135066_jacket_0.jpg?v=1774983952&amp;width=1920 1920w, //dk.com/cdn/shop/files/9798217135066_jacket_0.jpg?v=1774983952&amp;width=2560 2560w, //dk.com/cdn/shop/files/9798217135066_jacket_0.jpg?v=1774983952&amp;width=3840 3840w" width="3840" height="3800" loading="eager" sizes="(min-width: 750px) 20.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9798217135066_jacket_0.jpg?v=1774983952&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
6462
6463  
6464</div>
6465
6466
6467  
6468</slideshow-slide>
6469    </slideshow-slides>
6470  </slideshow-container>
6471  
6472</slideshow-component>
6473
6474    </a>
6475  
6476  
6477    
6478    
6479  
6480
6481</div>
6482
6483
6484
6485
6486
6487<div class="product-grid-view-zoom-out--details">
6488  
6489    <h3 class="h4">Pop-Up Peekaboo! Stitch</h3>
6490    <div class="h6">
6491      <product-price data-product-id="15428794253689">
6492        <div class="priceContainerDiv" ref="priceContainer">
6493  
6494
6495  
6496    <span class="price">$14.99</span>
6497  
6498
6499  
6500</div>
6501
6502      </product-price>
6503    </div>
6504  
6505</div>
6506
6507
6508
6509
6510
6511  
6512  <a
6513    class="contents user-select-text"
6514    ref="productTitleLink"
6515    href="
6516/en-us/products/9798217135066-pop-up-peekaboo-stitch?variant=56942996619641"
6517  >
6518    
6519
6520
6521
6522
6523
6524
6525
6526
6527
6528
6529  <div 
6530  class=" spacing-style text-block text-block--AMGdKb24rdDhJMU1UZ__product_title_EFTx4F h5
6531    text-block--align-center
6532  "
6533
6534  style="
6535    --padding-block-start: 10px; --padding-block-end:0px; 
6536--padding-inline-start:8px; --padding-inline-end:8px; 
6537
6538    
6539--color: var(--color-foreground-heading);
6540    --width: 100%;
6541    
6542    
6543      --text-align: center;
6544    
6545    
6546  "
6547
6548  
6549>
6550    <p>Pop-Up Peekaboo! Stitch</p>
6551  </div>
6552
6553
6554
6555
6556  </a>
6557
6558
6559
6560
6561
6562
6563
6564
6565
6566
6567
6568
6569
6570
6571
6572
6573  <rte-formatter 
6574  class=" spacing-style text-block text-block--AdEdiY2RHZkw4Ny96Y__text_DHUn46 paragraph
6575    text-block--align-center rte 
6576  "
6577
6578  style="
6579    --padding-block-start: 0px; --padding-block-end:0px; 
6580--padding-inline-start:8px; --padding-inline-end:8px; 
6581
6582    
6583--color: var(--color-foreground);
6584    --width: 100%;
6585    
6586    
6587      --text-align: center;
6588    
6589    
6590  "
6591
6592  
6593>
6594    
6595        <p>
6596          
6597            
6598            A fun pop-up and flaps board book for curious little ones...
6599          
6600        </p>
6601    
6602  </rte-formatter>
6603
6604
6605
6606
6607
6608
6609
6610
6611
6612<product-price
6613  class="text-block text-block--align-center text-center h6 spacing-style"
6614  data-block-id="AT0s5WENSQ0FCdVNWY__price_qwUCYg"
6615  data-product-id="15428794253689"
6616  style="
6617    
6618--color: var(--color-foreground);
6619    --padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
6620    --width: 100%;
6621  "
6622  
6623>
6624  <div class="priceContainerDiv" ref="priceContainer">
6625  
6626
6627  
6628    <span class="price">$14.99</span>
6629  
6630
6631  
6632</div>
6633
6634
6635  
6636</product-price>
6637
6638
6639
6640
6641
6642
6643
6644
6645  </div>
6646</product-card></product-card-link>
6647
6648
6649
6650
6651              
6652            </div>
6653
6654            
6655                
6656</slideshow-slide>
6657  
6658    <slideshow-slide
6659  ref="slides[]"
6660  aria-hidden="true"
6661  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
6662  
6663    class="resource-list__slide"
6664  
6665  
6666  
6667  
6668  
6669  
6670>
6671  
6672            
6673          
6674            <div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
6675              
6676                
6677
6678
6679
6680
6681
6682<style data-shopify>
6683  
6684</style>
6685
6686
6687<product-card-link
6688    data-product-id="15441010884985"
6689    data-featured-media-url="//dk.com/cdn/shop/files/9798217138050_jacket_0.jpg?v=1775732084&width=500"
6690    data-product-transition="true"
6691    
6692  ><product-card
6693  class="product-card collection-grid"
6694  data-product-id="15441010884985"
6695  data-product-variants-size="1"
6696  id="product-card-AOGFIWDduZ211c05yM__static-product-card-1"
6697  data-product-transition="true"
6698  
6699  
6700  
6701>
6702  <a
6703    id="75398b03519180bbafcb071f7f6a72b7"
6704    
6705      href="/en-us/products/9798217138050-face-yoga?variant=57008319234425"
6706    
6707    class="product-card__link"
6708    ref="productCardLink"
6709  >
6710    <span class="visually-hidden">
6711      Face Yoga
6712    </span>
6713  </a>
6714  
6715  <div
6716    class="
6717      product-card__content
6718      layout-panel-flex
6719      layout-panel-flex--column
6720      product-grid__card
6721      spacing-style
6722      border-style
6723      gap-style
6724      
6725    "
6726    style="
6727      --border-width: 1px; --border-style: none; --border-color:
6728rgb(var(--color-border-rgb) / 1.0); --border-radius:
67290px; 
6730
6731      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
6732
6733
6734
6735--horizontal-alignment: ; --vertical-alignment: ;
6736--vertical-alignment-mobile: ;
6737
6738      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6739      --product-card-gap: 4px;
6740      --quick-add-display: none;
6741      --quick-add-mobile-display: none;
6742      
6743      
6744      
6745      
6746    "
6747  >
6748    
6749
6750
6751
6752<div
6753  class="product-badges product-badges--top-left date2026-01-27"
6754  style="
6755    --badge-border-radius: 40px;
6756    --badge-font-family: var(--font-body--family);
6756 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
6757  "
6758></div>
6759
6760
6761
6762    
6763  
6764
6765
6766
6767
6768
6769
6770
6771<div
6772  ref="cardGallery"
6773  class="card-gallery card-gallery-AVnFKRUNscUhmZ25yR__product_card_gallery_XrDzAt-1 spacing-style border-style"
6774  style="
6775    --border-width: 1px; --border-style: none; --border-color:
6776rgb(var(--color-border-rgb) / 1.0); --border-radius:
67770px; 
6778
6779    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 20px;--padding-inline-end: 20px;
6780    --gallery-aspect-ratio: 0.7948717948717948;
6781  "
6782  data-product-id="15441010884985"
6783  
6784  
6785    data-view-transition-to-main-product
6786  
6787  data-image-ratio="adapt"
6788  
6789>
6790    <a
6791      class="contents"
6792      ref="cardGalleryLink"
6793      href="
6794/en-us/products/9798217138050-face-yoga?variant=57008319234425"
6795      aria-label="Face Yoga"
6796    >
6797      
6798
6799
6800<slideshow-component
6801  
6802    ref="slideshow"
6803  
6804  
6805  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;"
6806  
6807  initial-slide="0"
6808  
6809  
6810    infinite
6811  
6812
6813  data-generic-media-size="7" disabled="true"
6814>
6815  
6816
6817
6818  <slideshow-container ref="slideshowContainer">
6819    
6820      <slideshow-arrows
6821  position="center"
6822  
6823><button
6824  class="
6825    slideshow-control slideshow-control--previous
6826    
6827    
6828    slideshow-control--style-arrow
6829    button button-unstyled button-unstyled--transparent
6830     flip-x
6831  "
6832  
6833  aria-label="Previous slide"
6834  
6835  on:click="/previous"
6836  ref="previous"
6837>
6838  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
6839</span>
6840</button>
6841<button
6842  class="
6843    slideshow-control slideshow-control--next
6844    
6845    
6846    slideshow-control--style-arrow
6847    button button-unstyled button-unstyled--transparent
6848    
6849  "
6850  
6851  aria-label="Next slide"
6852  
6853  on:click="/next"
6854  ref="next"
6855>
6856  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
6857</span>
6858</button>
6859</slideshow-arrows>
6860
6861    
6862    
6863    <slideshow-slides
6864      tabindex="-1"
6865      ref="scroller"
6866      
6867      
6868    >
6869      <slideshow-slide
6870  ref="slides[]"
6871  aria-hidden="true"
6872  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
6873  
6874    class="product-media-container media-fit product-media-container--image"
6875  
6876  
6877  
6878  
6879    slide-id="68027160428921"
6880  
6881  
6882  
6883>
6884  
6885
6886<div
6887  class="product-media"
6888  style="--ratio: 0.7948717948717948"
6889  data-media-id="68027160428921"
6890>
6891  
6892  <img src="//dk.com/cdn/shop/files/9798217138050_jacket_0.jpg?v=1775732084&amp;width=3840" alt="9798217138050-jacket-0" srcset="//dk.com/cdn/shop/files/9798217138050_jacket_0.jpg?v=1775732084&amp;width=240 240w, //dk.com/cdn/shop/files/9798217138050_jacket_0.jpg?v=1775732084&amp;width=352 352w, //dk.com/cdn/shop/files/9798217138050_jacket_0.jpg?v=1775732084&amp;width=832 832w, //dk.com/cdn/shop/files/9798217138050_jacket_0.jpg?v=1775732084&amp;width=1200 1200w, //dk.com/cdn/shop/files/9798217138050_jacket_0.jpg?v=1775732084&amp;width=1600 1600w, //dk.com/cdn/shop/files/9798217138050_jacket_0.jpg?v=1775732084&amp;width=1920 1920w, //dk.com/cdn/shop/files/9798217138050_jacket_0.jpg?v=1775732084&amp;width=2560 2560w, //dk.com/cdn/shop/files/9798217138050_jacket_0.jpg?v=1775732084&amp;width=3840 3840w" width="3840" height="4831" loading="eager" sizes="(min-width: 750px) 20.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9798217138050_jacket_0.jpg?v=1775732084&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
6893
6894  
6895</div>
6896
6897
6898  
6899</slideshow-slide>
6900    </slideshow-slides>
6901  </slideshow-container>
6902  
6903</slideshow-component>
6904
6905    </a>
6906  
6907  
6908    
6909    
6910  
6911
6912</div>
6913
6914
6915
6916
6917
6918<div class="product-grid-view-zoom-out--details">
6919  
6920    <h3 class="h4">Face Yoga</h3>
6921    <div class="h6">
6922      <product-price data-product-id="15441010884985">
6923        <div class="priceContainerDiv" ref="priceContainer">
6924  
6925
6926  
6927    <span class="price">$21.99</span>
6928  
6929
6930  
6931</div>
6932
6933      </product-price>
6934    </div>
6935  
6936</div>
6937
6938
6939
6940
6941
6942  
6943  <a
6944    class="contents user-select-text"
6945    ref="productTitleLink"
6946    href="
6947/en-us/products/9798217138050-face-yoga?variant=57008319234425"
6948  >
6949    
6950
6951
6952
6953
6954
6955
6956
6957
6958
6959
6960  <div 
6961  class=" spacing-style text-block text-block--AMGdKb24rdDhJMU1UZ__product_title_EFTx4F-1 h5
6962    text-block--align-center
6963  "
6964
6965  style="
6966    --padding-block-start: 10px; --padding-block-end:0px; 
6967--padding-inline-start:8px; --padding-inline-end:8px; 
6968
6969    
6970--color: var(--color-foreground-heading);
6971    --width: 100%;
6972    
6973    
6974      --text-align: center;
6975    
6976    
6977  "
6978
6979  
6980>
6981    <p>Face Yoga</p>
6982  </div>
6983
6984
6985
6986
6987  </a>
6988
6989
6990
6991
6992
6993
6994
6995
6996
6997
6998
6999
7000
7001
7002
7003
7004  <rte-formatter 
7005  class=" spacing-style text-block text-block--AdEdiY2RHZkw4Ny96Y__text_DHUn46-1 paragraph
7006    text-block--align-center rte 
7007  "
7008
7009  style="
7010    --padding-block-start: 0px; --padding-block-end:0px; 
7011--padding-inline-start:8px; --padding-inline-end:8px; 
7012
7013    
7014--color: var(--color-foreground);
7015    --width: 100%;
7016    
7017    
7018      --text-align: center;
7019    
7020    
7021  "
7022
7023  
7024>
7025    
7026        <p>
7027          
7028            
7029            Feel great inside and out with over 100 holistic routines...
7030          
7031        </p>
7032    
7033  </rte-formatter>
7034
7035
7036
7037
7038
7039
7040
7041
7042
7043<product-price
7044  class="text-block text-block--align-center text-center h6 spacing-style"
7045  data-block-id="AT0s5WENSQ0FCdVNWY__price_qwUCYg-1"
7046  data-product-id="15441010884985"
7047  style="
7048    
7049--color: var(--color-foreground);
7050    --padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
7051    --width: 100%;
7052  "
7053  
7054>
7055  <div class="priceContainerDiv" ref="priceContainer">
7056  
7057
7058  
7059    <span class="price">$21.99</span>
7060  
7061
7062  
7063</div>
7064
7065
7066  
7067</product-price>
7068
7069
7070
7071
7072
7073
7074
7075
7076  </div>
7077</product-card></product-card-link>
7078
7079
7080
7081
7082              
7083            </div>
7084
7085            
7086                
7087</slideshow-slide>
7088  
7089    <slideshow-slide
7090  ref="slides[]"
7091  aria-hidden="true"
7092  style="view-timeline-name: --slide-2; --product-media-fit: cover;"
7093  
7094    class="resource-list__slide"
7095  
7096  
7097  
7098  
7099  
7100  
7101>
7102  
7103            
7104          
7105            <div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
7106              
7107                
7108
7109
7110
7111
7112
7113<style data-shopify>
7114  
7115</style>
7116
7117
7118<product-card-link
7119    data-product-id="15441028743545"
7120    data-featured-media-url="//dk.com/cdn/shop/files/9798217136353_jacket_0.jpg?v=1775733023&width=500"
7121    data-product-transition="true"
7122    
7123  ><product-card
7124  class="product-card collection-grid"
7125  data-product-id="15441028743545"
7126  data-product-variants-size="1"
7127  id="product-card-AOGFIWDduZ211c05yM__static-product-card-2"
7128  data-product-transition="true"
7129  
7130  
7131  
7132>
7133  <a
7134    id="5e90791d064c5bacf64dbf662074741c"
7135    
7136      href="/en-us/products/9798217136353-bosh-more-plants?variant=57008378216825"
7137    
7138    class="product-card__link"
7139    ref="productCardLink"
7140  >
7141    <span class="visually-hidden">
7142      BOSH! More Plants
7143    </span>
7144  </a>
7145  
7146  <div
7147    class="
7148      product-card__content
7149      layout-panel-flex
7150      layout-panel-flex--column
7151      product-grid__card
7152      spacing-style
7153      border-style
7154      gap-style
7155      
7156    "
7157    style="
7158      --border-width: 1px; --border-style: none; --border-color:
7159rgb(var(--color-border-rgb) / 1.0); --border-radius:
71600px; 
7161
7162      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7163
7164
7165
7166--horizontal-alignment: ; --vertical-alignment: ;
7167--vertical-alignment-mobile: ;
7168
7169      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7170      --product-card-gap: 4px;
7171      --quick-add-display: none;
7172      --quick-add-mobile-display: none;
7173      
7174      
7175      
7176      
7177    "
7178  >
7179    
7180
7181
7182
7183<div
7184  class="product-badges product-badges--top-left date2026-03-10"
7185  style="
7186    --badge-border-radius: 40px;
7187    --badge-font-family: var(--font-body--family);
7187 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
7188  "
7189></div>
7190
7191
7192
7193    
7194  
7195
7196
7197
7198
7199
7200
7201
7202<div
7203  ref="cardGallery"
7204  class="card-gallery card-gallery-AVnFKRUNscUhmZ25yR__product_card_gallery_XrDzAt-2 spacing-style border-style"
7205  style="
7206    --border-width: 1px; --border-style: none; --border-color:
7207rgb(var(--color-border-rgb) / 1.0); --border-radius:
72080px; 
7209
7210    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 20px;--padding-inline-end: 20px;
7211    --gallery-aspect-ratio: 0.778336686787391;
7212  "
7213  data-product-id="15441028743545"
7214  
7215  
7216    data-view-transition-to-main-product
7217  
7218  data-image-ratio="adapt"
7219  
7220>
7221    <a
7222      class="contents"
7223      ref="cardGalleryLink"
7224      href="
7225/en-us/products/9798217136353-bosh-more-plants?variant=57008378216825"
7226      aria-label="BOSH! More Plants"
7227    >
7228      
7229
7230
7231<slideshow-component
7232  
7233    ref="slideshow"
7234  
7235  
7236  style="--slideshow-timeline: --slide-1, --slide-2;"
7237  
7238  initial-slide="0"
7239  
7240  
7241    infinite
7242  
7243
7244  data-generic-media-size="2" disabled="true"
7245>
7246  
7247
7248
7249  <slideshow-container ref="slideshowContainer">
7250    
7251    
7252    <slideshow-slides
7253      tabindex="-1"
7254      ref="scroller"
7255      
7256      
7257    >
7258      <slideshow-slide
7259  ref="slides[]"
7260  aria-hidden="true"
7261  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
7262  
7263    class="product-media-container media-fit product-media-container--image"
7264  
7265  
7266  
7267  
7268    slide-id="68027223802233"
7269  
7270  
7271  
7272>
7273  
7274
7275<div
7276  class="product-media"
7277  style="--ratio: 0.778336686787391"
7278  data-media-id="68027223802233"
7279>
7280  
7281  <img src="//dk.com/cdn/shop/files/9798217136353_jacket_0.jpg?v=1775733023&amp;width=3840" alt="9798217136353-jacket-0" srcset="//dk.com/cdn/shop/files/9798217136353_jacket_0.jpg?v=1775733023&amp;width=240 240w, //dk.com/cdn/shop/files/9798217136353_jacket_0.jpg?v=1775733023&amp;width=352 352w, //dk.com/cdn/shop/files/9798217136353_jacket_0.jpg?v=1775733023&amp;width=832 832w, //dk.com/cdn/shop/files/9798217136353_jacket_0.jpg?v=1775733023&amp;width=1200 1200w, //dk.com/cdn/shop/files/9798217136353_jacket_0.jpg?v=1775733023&amp;width=1600 1600w, //dk.com/cdn/shop/files/9798217136353_jacket_0.jpg?v=1775733023&amp;width=1920 1920w, //dk.com/cdn/shop/files/9798217136353_jacket_0.jpg?v=1775733023&amp;width=2560 2560w, //dk.com/cdn/shop/files/9798217136353_jacket_0.jpg?v=1775733023&amp;width=3840 3840w" width="3840" height="4934" loading="eager" sizes="(min-width: 750px) 20.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9798217136353_jacket_0.jpg?v=1775733023&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
7282
7283  
7284</div>
7285
7286
7287  
7288</slideshow-slide>
7289    </slideshow-slides>
7290  </slideshow-container>
7291  
7292</slideshow-component>
7293
7294    </a>
7295  
7296  
7297    
7298    
7299  
7300
7301</div>
7302
7303
7304
7305
7306
7307<div class="product-grid-view-zoom-out--details">
7308  
7309    <h3 class="h4">BOSH! More Plants</h3>
7310    <div class="h6">
7311      <product-price data-product-id="15441028743545">
7312        <div class="priceContainerDiv" ref="priceContainer">
7313  
7314
7315  
7316    <span class="price">$29.00</span>
7317  
7318
7319  
7320</div>
7321
7322      </product-price>
7323    </div>
7324  
7325</div>
7326
7327
7328
7329
7330
7331  
7332  <a
7333    class="contents user-select-text"
7334    ref="productTitleLink"
7335    href="
7336/en-us/products/9798217136353-bosh-more-plants?variant=57008378216825"
7337  >
7338    
7339
7340
7341
7342
7343
7344
7345
7346
7347
7348
7349  <div 
7350  class=" spacing-style text-block text-block--AMGdKb24rdDhJMU1UZ__product_title_EFTx4F-2 h5
7351    text-block--align-center
7352  "
7353
7354  style="
7355    --padding-block-start: 10px; --padding-block-end:0px; 
7356--padding-inline-start:8px; --padding-inline-end:8px; 
7357
7358    
7359--color: var(--color-foreground-heading);
7360    --width: 100%;
7361    
7362    
7363      --text-align: center;
7364    
7365    
7366  "
7367
7368  
7369>
7370    <p>BOSH! More Plants</p>
7371  </div>
7372
7373
7374
7375
7376  </a>
7377
7378
7379
7380
7381
7382
7383
7384
7385
7386
7387
7388
7389
7390
7391
7392
7393  <rte-formatter 
7394  class=" spacing-style text-block text-block--AdEdiY2RHZkw4Ny96Y__text_DHUn46-2 paragraph
7395    text-block--align-center rte 
7396  "
7397
7398  style="
7399    --padding-block-start: 0px; --padding-block-end:0px; 
7400--padding-inline-start:8px; --padding-inline-end:8px; 
7401
7402    
7403--color: var(--color-foreground);
7404    --width: 100%;
7405    
7406    
7407      --text-align: center;
7408    
7409    
7410  "
7411
7412  
7413>
7414    
7415        <p>
7416          
7417            
7418            'Vibrant, achievable recipes that put plants front and ce...
7419          
7420        </p>
7421    
7422  </rte-formatter>
7423
7424
7425
7426
7427
7428
7429
7430
7431
7432<product-price
7433  class="text-block text-block--align-center text-center h6 spacing-style"
7434  data-block-id="AT0s5WENSQ0FCdVNWY__price_qwUCYg-2"
7435  data-product-id="15441028743545"
7436  style="
7437    
7438--color: var(--color-foreground);
7439    --padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
7440    --width: 100%;
7441  "
7442  
7443>
7444  <div class="priceContainerDiv" ref="priceContainer">
7445  
7446
7447  
7448    <span class="price">$29.00</span>
7449  
7450
7451  
7452</div>
7453
7454
7455  
7456</product-price>
7457
7458
7459
7460
7461
7462
7463
7464
7465  </div>
7466</product-card></product-card-link>
7467
7468
7469
7470
7471              
7472            </div>
7473
7474            
7475                
7476</slideshow-slide>
7477  
7478    <slideshow-slide
7479  ref="slides[]"
7480  aria-hidden="true"
7481  style="view-timeline-name: --slide-3; --product-media-fit: cover;"
7482  
7483    class="resource-list__slide"
7484  
7485  
7486  
7487  
7488  
7489  
7490>
7491  
7492            
7493          
7494            <div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
7495              
7496                
7497
7498
7499
7500
7501
7502<style data-shopify>
7503  
7504</style>
7505
7506
7507<product-card-link
7508    data-product-id="15122891112825"
7509    data-featured-media-url="//dk.com/cdn/shop/files/getfile_780e36a1-7bc2-4c53-ab3b-b4d50e640691.jpg?v=175735056
75097&width=500"
7510    data-product-transition="true"
7511    
7512  ><product-card
7513  class="product-card collection-grid"
7514  data-product-id="15122891112825"
7515  data-product-variants-size="1"
7516  id="product-card-AOGFIWDduZ211c05yM__static-product-card-3"
7517  data-product-transition="true"
7518  
7519  
7520  
7521>
7522  <a
7523    id="dea4af976d5f9c57ea031feedd273ebc"
7524    
7525      href="/en-us/products/9798217126415-avatar-fire-and-ash-the-visual-dictionary?variant=55767147348345"
7526    
7527    class="product-card__link"
7528    ref="productCardLink"
7529  >
7530    <span class="visually-hidden">
7531      Avatar Fire and Ash The Visual Dictionary
7532    </span>
7533  </a>
7534  
7535  <div
7536    class="
7537      product-card__content
7538      layout-panel-flex
7539      layout-panel-flex--column
7540      product-grid__card
7541      spacing-style
7542      border-style
7543      gap-style
7544      
7545    "
7546    style="
7547      --border-width: 1px; --border-style: none; --border-color:
7548rgb(var(--color-border-rgb) / 1.0); --border-radius:
75490px; 
7550
7551      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7552
7553
7554
7555--horizontal-alignment: ; --vertical-alignment: ;
7556--vertical-alignment-mobile: ;
7557
7558      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7559      --product-card-gap: 4px;
7560      --quick-add-display: none;
7561      --quick-add-mobile-display: none;
7562      
7563      
7564      
7565      
7566    "
7567  >
7568    
7569
7570
7571
7572<div
7573  class="product-badges product-badges--top-left date2025-12-19"
7574  style="
7575    --badge-border-radius: 40px;
7576    --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
7577  "
7578></div>
7579
7580
7581
7582    
7583  
7584
7585
7586
7587
7588
7589
7590
7591<div
7592  ref="cardGallery"
7593  class="card-gallery card-gallery-AVnFKRUNscUhmZ25yR__product_card_gallery_XrDzAt-3 spacing-style border-style"
7594  style="
7595    --border-width: 1px; --border-style: none; --border-color:
7596rgb(var(--color-border-rgb) / 1.0); --border-radius:
75970px; 
7598
7599    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 20px;--padding-inline-end: 20px;
7600    --gallery-aspect-ratio: 0.8403309203722854;
7601  "
7602  data-product-id="15122891112825"
7603  
7604  
7605    data-view-transition-to-main-product
7606  
7607  data-image-ratio="adapt"
7608  
7609>
7610    <a
7611      class="contents"
7612      ref="cardGalleryLink"
7613      href="
7614/en-us/products/9798217126415-avatar-fire-and-ash-the-visual-dictionary?variant=55767147348345"
7615      aria-label="Avatar Fire and Ash The Visual Dictionary"
7616    >
7617      
7618
7619
7620<slideshow-component
7621  
7622    ref="slideshow"
7623  
7624  
7625  style="--slideshow-timeline: --slide-1;"
7626  
7627  initial-slide="0"
7628  
7629  
7630    infinite
7631  
7632
7633  data-generic-media-size="1" disabled="true"
7634>
7635  
7636
7637
7638  <slideshow-container ref="slideshowContainer">
7639    
7640    
7641    <slideshow-slides
7642      tabindex="-1"
7643      ref="scroller"
7644      
7645      
7646    >
7647      <slideshow-slide
7648  ref="slides[]"
7649  aria-hidden="true"
7650  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
7651  
7652    class="product-media-container media-fit product-media-container--image"
7653  
7654  
7655  
7656  
7657    slide-id="65754786333049"
7658  
7659  
7660  
7661>
7662  
7663
7664<div
7665  class="product-media"
7666  style="--ratio: 0.8403309203722854"
7667  data-media-id="65754786333049"
7668>
7669  
7670  <img src="//dk.com/cdn/shop/files/getfile_780e36a1-7bc2-4c53-ab3b-b4d50e640691.jpg?v=1757350567&amp;width=3840" alt="Avatar Fire and Ash The Visual Dictionary jacket image" srcset="//dk.com/cdn/shop/files/getfile_780e36a1-7bc2-4c53-ab3b-b4d50e640691.jpg?v=1757350567&amp;width=240 240w, //dk.com/cdn/shop/files/getfile_780e36a1-7bc2-4c53-ab3b-b4d50e640691.jpg?v=1757350567&amp;width=352 352w, //dk.com/cdn/shop/files/getfile_780e36a1-7bc2-4c53-ab3b-b4d50e640691.jpg?v=1757350567&amp;width=832 832w, //dk.com/cdn/shop/files/getfile_780e36a1-7bc2-4c53-ab3b-b4d50e640691.jpg?v=1757350567&amp;width=1200 1200w, //dk.com/cdn/shop/files/getfile_780e36a1-7bc2-4c53-ab3b-b4d50e640691.jpg?v=1757350567&amp;width=1600 1600w, //dk.com/cdn/shop/files/getfile_780e36a1-7bc2-4c53-ab3b-b4d50e640691.jpg?v=1757350567&amp;width=1920 1920w, //dk.com/cdn/shop/files/getfile_780e36a1-7bc2-4c53-ab3b-b4d50e640691.jpg?v=1757350567&amp;width=2560 2560w, //dk.com/cdn/shop/files/getfile_780e36a1-7bc2-4c53-ab3b-b4d50e640691.jpg?v=175735056
76707&amp;width=3840 3840w" width="3840" height="4570" loading="eager" sizes="(min-width: 750px) 20.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_780e36a1-7bc2-4c53-ab3b-b4d50e640691.jpg?v=1757350567&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
7671
7672  
7673</div>
7674
7675
7676  
7677</slideshow-slide>
7678    </slideshow-slides>
7679  </slideshow-container>
7680  
7681</slideshow-component>
7682
7683    </a>
7684  
7685  
7686    
7687    
7688  
7689
7690</div>
7691
7692
7693
7694
7695
7696<div class="product-grid-view-zoom-out--details">
7697  
7698    <h3 class="h4">Avatar Fire and Ash The Visual Dictionary</h3>
7699    <div class="h6">
7700      <product-price data-product-id="15122891112825">
7701        <div class="priceContainerDiv" ref="priceContainer">
7702  
7703
7704  
7705    <span class="price">$30.00</span>
7706  
7707
7708  
7709</div>
7710
7711      </product-price>
7712    </div>
7713  
7714</div>
7715
7716
7717
7718
7719
7720  
7721  <a
7722    class="contents user-select-text"
7723    ref="productTitleLink"
7724    href="
7725/en-us/products/9798217126415-avatar-fire-and-ash-the-visual-dictionary?variant=55767147348345"
7726  >
7727    
7728
7729
7730
7731
7732
7733
7734
7735
7736
7737
7738  <div 
7739  class=" spacing-style text-block text-block--AMGdKb24rdDhJMU1UZ__product_title_EFTx4F-3 h5
7740    text-block--align-center
7741  "
7742
7743  style="
7744    --padding-block-start: 10px; --padding-block-end:0px; 
7745--padding-inline-start:8px; --padding-inline-end:8px; 
7746
7747    
7748--color: var(--color-foreground-heading);
7749    --width: 100%;
7750    
7751    
7752      --text-align: center;
7753    
7754    
7755  "
7756
7757  
7758>
7759    <p>Avatar Fire and Ash The Visual Dictionary</p>
7760  </div>
7761
7762
7763
7764
7765  </a>
7766
7767
7768
7769
7770
7771
7772
7773
7774
7775
7776
7777
7778
7779
7780
7781
7782  <rte-formatter 
7783  class=" spacing-style text-block text-block--AdEdiY2RHZkw4Ny96Y__text_DHUn46-3 paragraph
7784    text-block--align-center rte 
7785  "
7786
7787  style="
7788    --padding-block-start: 0px; --padding-block-end:0px; 
7789--padding-inline-start:8px; --padding-inline-end:8px; 
7790
7791    
7792--color: var(--color-foreground);
7793    --width: 100%;
7794    
7795    
7796      --text-align: center;
7797    
7798    
7799  "
7800
7801  
7802>
7803    
7804        <p>
7805          
7806            
7807            A stunning exploration of the characters, clans, technolo...
7808          
7809        </p>
7810    
7811  </rte-formatter>
7812
7813
7814
7815
7816
7817
7818
7819
7820
7821<product-price
7822  class="text-block text-block--align-center text-center h6 spacing-style"
7823  data-block-id="AT0s5WENSQ0FCdVNWY__price_qwUCYg-3"
7824  data-product-id="15122891112825"
7825  style="
7826    
7827--color: var(--color-foreground);
7828    --padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
7829    --width: 100%;
7830  "
7831  
7832>
7833  <div class="priceContainerDiv" ref="priceContainer">
7834  
7835
7836  
7837    <span class="price">$30.00</span>
7838  
7839
7840  
7841</div>
7842
7843
7844  
7845</product-price>
7846
7847
7848
7849
7850
7851
7852
7853
7854  </div>
7855</product-card></product-card-link>
7856
7857
7858
7859
7860              
7861            </div>
7862
7863            
7864                
7865</slideshow-slide>
7866  
7867    <slideshow-slide
7868  ref="slides[]"
7869  aria-hidden="true"
7870  style="view-timeline-name: --slide-4; --product-media-fit: cover;"
7871  
7872    class="resource-list__slide"
7873  
7874  
7875  
7876  
7877  
7878  
7879>
7880  
7881            
7882          
7883            <div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
7884              
7885                
7886
7887
7888
7889
7890
7891<style data-shopify>
7892  
7893</style>
7894
7895
7896<product-card-link
7897    data-product-id="15122891440505"
7898    data-featured-media-url="//dk.com/cdn/shop/files/getfile_fd40813b-61fe-4bb4-b5fd-352011b1e0a6.jpg?v=1757350586&width=500"
7899    data-product-transition="true"
7900    
7901  ><product-card
7902  class="product-card collection-grid"
7903  data-product-id="15122891440505"
7904  data-product-variants-size="2"
7905  id="product-card-AOGFIWDduZ211c05yM__static-product-card-4"
7906  data-product-transition="true"
7907  
7908  
7909  
7910>
7911  <a
7912    id="b258a1fafd26598ceba8a188878c3df5"
7913    
7914      href="/en-us/products/9798217135929-an-anthology-of-remarkable-bugs?variant=55767147774329"
7915    
7916    class="product-card__link"
7917    ref="productCardLink"
7918  >
7919    <span class="visually-hidden">
7920      An Anthology of Remarkable Bugs
7921    </span>
7922  </a>
7923  
7924  <div
7925    class="
7926      product-card__content
7927      layout-panel-flex
7928      layout-panel-flex--column
7929      product-grid__card
7930      spacing-style
7931      border-style
7932      gap-style
7933      
7934    "
7935    style="
7936      --border-width: 1px; --border-style: none; --border-color:
7937rgb(var(--color-border-rgb) / 1.0); --border-radius:
79380px; 
7939
7940      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
7941
7942
7943
7944--horizontal-alignment: ; --vertical-alignment: ;
7945--vertical-alignment-mobile: ;
7946
7947      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
7948      --product-card-gap: 4px;
7949      --quick-add-display: none;
7950      --quick-add-mobile-display: none;
7951      
7952      
7953      
7954      
7955    "
7956  >
7957    
7958
7959
7960
7961<div
7962  class="product-badges product-badges--top-left date2025-12-09"
7963  style="
7964    --badge-border-radius: 40px;
7965    --badge-font-family: var(--font-body--family);
7965 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
7966  "
7967></div>
7968
7969
7970
7971    
7972  
7973
7974
7975
7976
7977
7978
7979
7980<div
7981  ref="cardGallery"
7982  class="card-gallery card-gallery-AVnFKRUNscUhmZ25yR__product_card_gallery_XrDzAt-4 spacing-style border-style"
7983  style="
7984    --border-width: 1px; --border-style: none; --border-color:
7985rgb(var(--color-border-rgb) / 1.0); --border-radius:
79860px; 
7987
7988    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 20px;--padding-inline-end: 20px;
7989    --gallery-aspect-ratio: 0.7788432724003596;
7990  "
7991  data-product-id="15122891440505"
7992  
7993  
7994    data-view-transition-to-main-product
7995  
7996  data-image-ratio="adapt"
7997  
7998>
7999    <a
8000      class="contents"
8001      ref="cardGalleryLink"
8002      href="
8003/en-us/products/9798217135929-an-anthology-of-remarkable-bugs?variant=55767147774329"
8004      aria-label="An Anthology of Remarkable Bugs"
8005    >
8006      
8007
8008
8009<slideshow-component
8010  
8011    ref="slideshow"
8012  
8013  
8014  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9;"
8015  
8016  initial-slide="0"
8017  
8018  
8019    infinite
8020  
8021
8022  data-generic-media-size="9" disabled="true"
8023>
8024  
8025
8026
8027  <slideshow-container ref="slideshowContainer">
8028    
8029      <slideshow-arrows
8030  position="center"
8031  
8032><button
8033  class="
8034    slideshow-control slideshow-control--previous
8035    
8036    
8037    slideshow-control--style-arrow
8038    button button-unstyled button-unstyled--transparent
8039     flip-x
8040  "
8041  
8042  aria-label="Previous slide"
8043  
8044  on:click="/previous"
8045  ref="previous"
8046>
8047  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
8048</span>
8049</button>
8050<button
8051  class="
8052    slideshow-control slideshow-control--next
8053    
8054    
8055    slideshow-control--style-arrow
8056    button button-unstyled button-unstyled--transparent
8057    
8058  "
8059  
8060  aria-label="Next slide"
8061  
8062  on:click="/next"
8063  ref="next"
8064>
8065  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
8066</span>
8067</button>
8068</slideshow-arrows>
8069
8070    
8071    
8072    <slideshow-slides
8073      tabindex="-1"
8074      ref="scroller"
8075      
8076      
8077    >
8078      <slideshow-slide
8079  ref="slides[]"
8080  aria-hidden="true"
8081  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
8082  
8083    class="product-media-container media-fit product-media-container--image"
8084  
8085  
8086  
8087  
8088    slide-id="65754787381625"
8089  
8090  
8091  
8092>
8093  
8094
8095<div
8096  class="product-media"
8097  style="--ratio: 0.7788432724003596"
8098  data-media-id="65754787381625"
8099>
8100  
8101  <img src="//dk.com/cdn/shop/files/getfile_fd40813b-61fe-4bb4-b5fd-352011b1e0a6.jpg?v=1757350586&amp;width=3840" alt="An Anthology of Remarkable Bugs jacket image" srcset="//dk.com/cdn/shop/files/getfile_fd40813b-61fe-4bb4-b5fd-352011b1e0a6.jpg?v=1757350586&amp;width=240 240w, //dk.com/cdn/shop/files/getfile_fd40813b-61fe-4bb4-b5fd-352011b1e0a6.jpg?v=1757350586&amp;width=352 352w, //dk.com/cdn/shop/files/getfile_fd40813b-61fe-4bb4-b5fd-352011b1e0a6.jpg?v=1757350586&amp;width=832 832w, //dk.com/cdn/shop/files/getfile_fd40813b-61fe-4bb4-b5fd-352011b1e0a6.jpg?v=1757350586&amp;width=1200 1200w, //dk.com/cdn/shop/files/getfile_fd40813b-61fe-4bb4-b5fd-352011b1e0a6.jpg?v=1757350586&amp;width=1600 1600w, //dk.com/cdn/shop/files/getfile_fd40813b-61fe-4bb4-b5fd-352011b1e0a6.jpg?v=1757350586&amp;width=1920 1920w, //dk.com/cdn/shop/files/getfile_fd40813b-61fe-4bb4-b5fd-352011b1e0a6.jpg?v=1757350586&amp;width=2560 2560w, //dk.com/cdn/shop/files/getfile_fd40813b-61fe-4bb4-b5fd-352011b1e0a6.jpg?v=1757350586&amp;width=3840 3840w" width="3840" height="4930" loading="eager" sizes="(min-width: 750px) 20.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_fd40813b-61fe-4bb4-b5fd-352011b1e0a6.jpg?v=1757350586&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
8102
8103  
8104</div>
8105
8106
8107  
8108</slideshow-slide>
8109    </slideshow-slides>
8110  </slideshow-container>
8111  
8112</slideshow-component>
8113
8114    </a>
8115  
8116  
8117    
8118    
8119  
8120
8121</div>
8122
8123
8124
8125
8126
8127<div class="product-grid-view-zoom-out--details">
8128  
8129    <h3 class="h4">An Anthology of Remarkable Bugs</h3>
8130    <div class="h6">
8131      <product-price data-product-id="15122891440505">
8132        <div class="priceContainerDiv" ref="priceContainer">
8133  
8134
8135  
8136    <span class="price">$24.99</span>
8137  
8138
8139  
8140</div>
8141
8142      </product-price>
8143    </div>
8144  
8145</div>
8146
8147
8148
8149
8150
8151  
8152  <a
8153    class="contents user-select-text"
8154    ref="productTitleLink"
8155    href="
8156/en-us/products/9798217135929-an-anthology-of-remarkable-bugs?variant=55767147774329"
8157  >
8158    
8159
8160
8161
8162
8163
8164
8165
8166
8167
8168
8169  <div 
8170  class=" spacing-style text-block text-block--AMGdKb24rdDhJMU1UZ__product_title_EFTx4F-4 h5
8171    text-block--align-center
8172  "
8173
8174  style="
8175    --padding-block-start: 10px; --padding-block-end:0px; 
8176--padding-inline-start:8px; --padding-inline-end:8px; 
8177
8178    
8179--color: var(--color-foreground-heading);
8180    --width: 100%;
8181    
8182    
8183      --text-align: center;
8184    
8185    
8186  "
8187
8188  
8189>
8190    <p>An Anthology of Remarkable Bugs</p>
8191  </div>
8192
8193
8194
8195
8196  </a>
8197
8198
8199
8200
8201
8202
8203
8204
8205
8206
8207
8208
8209
8210
8211
8212
8213  <rte-formatter 
8214  class=" spacing-style text-block text-block--AdEdiY2RHZkw4Ny96Y__text_DHUn46-4 paragraph
8215    text-block--align-center rte 
8216  "
8217
8218  style="
8219    --padding-block-start: 0px; --padding-block-end:0px; 
8220--padding-inline-start:8px; --padding-inline-end:8px; 
8221
8222    
8223--color: var(--color-foreground);
8224    --width: 100%;
8225    
8226    
8227      --text-align: center;
8228    
8229    
8230  "
8231
8232  
8233>
8234    
8235        <p>
8236          
8237            
8238            Zoom in on the miniature world of insects with expert aut...
8239          
8240        </p>
8241    
8242  </rte-formatter>
8243
8244
8245
8246
8247
8248
8249
8250
8251
8252<product-price
8253  class="text-block text-block--align-center text-center h6 spacing-style"
8254  data-block-id="AT0s5WENSQ0FCdVNWY__price_qwUCYg-4"
8255  data-product-id="15122891440505"
8256  style="
8257    
8258--color: var(--color-foreground);
8259    --padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
8260    --width: 100%;
8261  "
8262  
8263>
8264  <div class="priceContainerDiv" ref="priceContainer">
8265  
8266
8267  
8268    <span class="price">$24.99</span>
8269  
8270
8271  
8272</div>
8273
8274
8275  
8276</product-price>
8277
8278
8279
8280
8281
8282
8283
8284
8285  </div>
8286</product-card></product-card-link>
8287
8288
8289
8290
8291              
8292            </div>
8293
8294            
8295                
8296</slideshow-slide>
8297  
8298    <slideshow-slide
8299  ref="slides[]"
8300  aria-hidden="true"
8301  style="view-timeline-name: --slide-5; --product-media-fit: cover;"
8302  
8303    class="resource-list__slide"
8304  
8305  
8306  
8307  
8308  
8309  
8310>
8311  
8312            
8313          
8314            <div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
8315              
8316                
8317
8318
8319
8320
8321
8322<style data-shopify>
8323  
8324</style>
8325
8326
8327<product-card-link
8328    data-product-id="15702931538297"
8329    data-featured-media-url="//dk.com/cdn/shop/files/9798217309269_jacket_0.jpg?v=1786959046&width=500"
8330    data-product-transition="true"
8331    
8332  ><product-card
8333  class="product-card collection-grid"
8334  data-product-id="15702931538297"
8335  data-product-variants-size="1"
8336  id="product-card-AOGFIWDduZ211c05yM__static-product-card-5"
8337  data-product-transition="true"
8338  
8339  
8340  
8341>
8342  <a
8343    id="c290b0b8276a13fee22ca548b519589b"
8344    
8345      href="/en-us/products/9798217309269-lets-meet-the-vikings-book?variant=64266214572409"
8346    
8347    class="product-card__link"
8348    ref="productCardLink"
8349  >
8350    <span class="visually-hidden">
8351      Let's Meet the Vikings
8352    </span>
8353  </a>
8354  
8355  <div
8356    class="
8357      product-card__content
8358      layout-panel-flex
8359      layout-panel-flex--column
8360      product-grid__card
8361      spacing-style
8362      border-style
8363      gap-style
8364      
8365    "
8366    style="
8367      --border-width: 1px; --border-style: none; --border-color:
8368rgb(var(--color-border-rgb) / 1.0); --border-radius:
83690px; 
8370
8371      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
8372
8373
8374
8375--horizontal-alignment: ; --vertical-alignment: ;
8376--vertical-alignment-mobile: ;
8377
8378      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
8379      --product-card-gap: 4px;
8380      --quick-add-display: none;
8381      --quick-add-mobile-display: none;
8382      
8383      
8384      
8385      
8386    "
8387  >
8388    
8389
8390
8391
8392<div
8393  class="product-badges product-badges--top-left date2026-11-03"
8394  style="
8395    --badge-border-radius: 40px;
8396    --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
8397  "
8398></div>
8399
8400
8401
8402    
8403  
8404
8405
8406
8407
8408
8409
8410
8411<div
8412  ref="cardGallery"
8413  class="card-gallery card-gallery-AVnFKRUNscUhmZ25yR__product_card_gallery_XrDzAt-5 spacing-style border-style"
8414  style="
8415    --border-width: 1px; --border-style: none; --border-color:
8416rgb(var(--color-border-rgb) / 1.0); --border-radius:
84170px; 
8418
8419    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 20px;--padding-inline-end: 20px;
8420    --gallery-aspect-ratio: 0.8250444049733571;
8421  "
8422  data-product-id="15702931538297"
8423  
8424  
8425    data-view-transition-to-main-product
8426  
8427  data-image-ratio="adapt"
8428  
8429>
8430    <a
8431      class="contents"
8432      ref="cardGalleryLink"
8433      href="
8434/en-us/products/9798217309269-lets-meet-the-vikings-book?variant=64266214572409"
8435      aria-label="Let's Meet the Vikings"
8436    >
8437      
8438
8439
8440<slideshow-component
8441  
8442    ref="slideshow"
8443  
8444  
8445  style="--slideshow-timeline: --slide-1;"
8446  
8447  initial-slide="0"
8448  
8449  
8450    infinite
8451  
8452
8453  data-generic-media-size="1" disabled="true"
8454>
8455  
8456
8457
8458  <slideshow-container ref="slideshowContainer">
8459    
8460    
8461    <slideshow-slides
8462      tabindex="-1"
8463      ref="scroller"
8464      
8465      
8466    >
8467      <slideshow-slide
8468  ref="slides[]"
8469  aria-hidden="true"
8470  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
8471  
8472    class="product-media-container media-fit product-media-container--image"
8473  
8474  
8475  
8476  
8477    slide-id="71278858568057"
8478  
8479  
8480  
8481>
8482  
8483
8484<div
8485  class="product-media"
8486  style="--ratio: 0.8250444049733571"
8487  data-media-id="71278858568057"
8488>
8489  
8490  <img src="//dk.com/cdn/shop/files/9798217309269_jacket_0.jpg?v=1786959046&amp;width=3840" alt="9798217309269-jacket-0" srcset="//dk.com/cdn/shop/files/9798217309269_jacket_0.jpg?v=1786959046&amp;width=240 240w, //dk.com/cdn/shop/files/9798217309269_jacket_0.jpg?v=1786959046&amp;width=352 352w, //dk.com/cdn/shop/files/9798217309269_jacket_0.jpg?v=1786959046&amp;width=832 832w, //dk.com/cdn/shop/files/9798217309269_jacket_0.jpg?v=1786959046&amp;width=1200 1200w, //dk.com/cdn/shop/files/9798217309269_jacket_0.jpg?v=1786959046&amp;width=1600 1600w, //dk.com/cdn/shop/files/9798217309269_jacket_0.jpg?v=1786959046&amp;width=1920 1920w, //dk.com/cdn/shop/files/9798217309269_jacket_0.jpg?v=1786959046&amp;width=2560 2560w, //dk.com/cdn/shop/files/9798217309269_jacket_0.jpg?v=1786959046&amp;width=3840 3840w" width="3840" height="4654" loading="eager" sizes="(min-width: 750px) 20.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9798217309269_jacket_0.jpg?v=1786959046&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
8491
8492  
8493</div>
8494
8495
8496  
8497</slideshow-slide>
8498    </slideshow-slides>
8499  </slideshow-container>
8500  
8501</slideshow-component>
8502
8503    </a>
8504  
8505  
8506    
8507    
8508  
8509
8510</div>
8511
8512
8513
8514
8515
8516<div class="product-grid-view-zoom-out--details">
8517  
8518    <h3 class="h4">Let's Meet the Vikings</h3>
8519    <div class="h6">
8520      <product-price data-product-id="15702931538297">
8521        <div class="priceContainerDiv" ref="priceContainer">
8522  
8523
8524  
8525    <span class="price">$14.99</span>
8526  
8527
8528  
8529</div>
8530
8531      </product-price>
8532    </div>
8533  
8534</div>
8535
8536
8537
8538
8539
8540  
8541  <a
8542    class="contents user-select-text"
8543    ref="productTitleLink"
8544    href="
8545/en-us/products/9798217309269-lets-meet-the-vikings-book?variant=64266214572409"
8546  >
8547    
8548
8549
8550
8551
8552
8553
8554
8555
8556
8557
8558  <div 
8559  class=" spacing-style text-block text-block--AMGdKb24rdDhJMU1UZ__product_title_EFTx4F-5 h5
8560    text-block--align-center
8561  "
8562
8563  style="
8564    --padding-block-start: 10px; --padding-block-end:0px; 
8565--padding-inline-start:8px; --padding-inline-end:8px; 
8566
8567    
8568--color: var(--color-foreground-heading);
8569    --width: 100%;
8570    
8571    
8572      --text-align: center;
8573    
8574    
8575  "
8576
8577  
8578>
8579    <p>Let's Meet the Vikings</p>
8580  </div>
8581
8582
8583
8584
8585  </a>
8586
8587
8588
8589
8590
8591
8592
8593
8594
8595
8596
8597
8598
8599
8600
8601
8602  <rte-formatter 
8603  class=" spacing-style text-block text-block--AdEdiY2RHZkw4Ny96Y__text_DHUn46-
86035 paragraph
8604    text-block--align-center rte 
8605  "
8606
8607  style="
8608    --padding-block-start: 0px; --padding-block-end:0px; 
8609--padding-inline-start:8px; --padding-inline-end:8px; 
8610
8611    
8612--color: var(--color-foreground);
8613    --width: 100%;
8614    
8615    
8616      --text-align: center;
8617    
8618    
8619  "
8620
8621  
8622>
8623    
8624        <p>
8625          
8626            
8627            Follow the adventures of one family through time as each ...
8628          
8629        </p>
8630    
8631  </rte-formatter>
8632
8633
8634
8635
8636
8637
8638
8639
8640
8641<product-price
8642  class="text-block text-block--align-center text-center h6 spacing-style"
8643  data-block-id="AT0s5WENSQ0FCdVNWY__price_qwUCYg-5"
8644  data-product-id="15702931538297"
8645  style="
8646    
8647--color: var(--color-foreground);
8648    --padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
8649    --width: 100%;
8650  "
8651  
8652>
8653  <div class="priceContainerDiv" ref="priceContainer">
8654  
8655
8656  
8657    <span class="price">$14.99</span>
8658  
8659
8660  
8661</div>
8662
8663
8664  
8665</product-price>
8666
8667
8668
8669
8670
8671
8672
8673
8674  </div>
8675</product-card></product-card-link>
8676
8677
8678
8679
8680              
8681            </div>
8682
8683            
8684                
8685</slideshow-slide>
8686  
8687    <slideshow-slide
8688  ref="slides[]"
8689  aria-hidden="true"
8690  style="view-timeline-name: --slide-6; --product-media-fit: cover;"
8691  
8692    class="resource-list__slide"
8693  
8694  
8695  
8696  
8697  
8698  
8699>
8700  
8701            
8702          
8703            <div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
8704              
8705                
8706
8707
8708
8709
8710
8711<style data-shopify>
8712  
8713</style>
8714
8715
8716<product-card-link
8717    data-product-id="15195916370297"
8718    data-featured-media-url="//dk.com/cdn/shop/files/9798217138494_jacket_0.jpg?v=1783549100&width=500"
8719    data-product-transition="true"
8720    
8721  ><product-card
8722  class="product-card collection-grid"
8723  data-product-id="15195916370297"
8724  data-product-variants-size="1"
8725  id="product-card-AOGFIWDduZ211c05yM__static-product-card-6"
8726  data-product-transition="true"
8727  
8728  
8729  
8730>
8731  <a
8732    id="9b59452da523c8a489436c70601fff1b"
8733    
8734      href="/en-us/products/9798217138494-lets-meet-the-ancient-egyptians?variant=56088078090617"
8735    
8736    class="product-card__link"
8737    ref="productCardLink"
8738  >
8739    <span class="visually-hidden">
8740      Let's Meet the Ancient Egyptians
8741    </span>
8742  </a>
8743  
8744  <div
8745    class="
8746      product-card__content
8747      layout-panel-flex
8748      layout-panel-flex--column
8749      product-grid__card
8750      spacing-style
8751      border-style
8752      gap-style
8753      
8754    "
8755    style="
8756      --border-width: 1px; --border-style: none; --border-color:
8757rgb(var(--color-border-rgb) / 1.0); --border-radius:
87580px; 
8759
8760      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
8761
8762
8763
8764--horizontal-alignment: ; --vertical-alignment: ;
8765--vertical-alignment-mobile: ;
8766
8767      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
8768      --product-card-gap: 4px;
8769      --quick-add-display: none;
8770      --quick-add-mobile-display: none;
8771      
8772      
8773      
8774      
8775    "
8776  >
8777    
8778
8779
8780
8781<div
8782  class="product-badges product-badges--top-left date2026-07-07"
8783  style="
8784    --badge-border-radius: 40px;
8785    --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
8786  "
8787></div>
8788
8789
8790
8791    
8792  
8793
8794
8795
8796
8797
8798
8799
8800<div
8801  ref="cardGallery"
8802  class="card-gallery card-gallery-AVnFKRUNscUhmZ25yR__product_card_gallery_XrDzAt-6 spacing-style border-style"
8803  style="
8804    --border-width: 1px; --border-style: none; --border-color:
8805rgb(var(--color-border-rgb) / 1.0); --border-radius:
88060px; 
8807
8808    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 20px;--padding-inline-end: 20px;
8809    --gallery-aspect-ratio: 0.8250444049733571;
8810  "
8811  data-product-id="15195916370297"
8812  
8813  
8814    data-view-transition-to-main-product
8815  
8816  data-image-ratio="adapt"
8817  
8818>
8819    <a
8820      class="contents"
8821      ref="cardGalleryLink"
8822      href="
8823/en-us/products/9798217138494-lets-meet-the-ancient-egyptians?variant=56088078090617"
8824      aria-label="Let's Meet the Ancient Egyptians"
8825    >
8826      
8827
8828
8829<slideshow-component
8830  
8831    ref="slideshow"
8832  
8833  
8834  style="--slideshow-timeline: --slide-1;"
8835  
8836  initial-slide="0"
8837  
8838  
8839    infinite
8840  
8841
8842  data-generic-media-size="1" disabled="true"
8843>
8844  
8845
8846
8847  <slideshow-container ref="slideshowContainer">
8848    
8849    
8850    <slideshow-slides
8851      tabindex="-1"
8852      ref="scroller"
8853      
8854      
8855    >
8856      <slideshow-slide
8857  ref="slides[]"
8858  aria-hidden="true"
8859  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
8860  
8861    class="product-media-container media-fit product-media-container--image"
8862  
8863  
8864  
8865  
8866    slide-id="69823978275193"
8867  
8868  
8869  
8870>
8871  
8872
8873<div
8874  class="product-media"
8875  style="--ratio: 0.8250444049733571"
8876  data-media-id="69823978275193"
8877>
8878  
8879  <img src="//dk.com/cdn/shop/files/9798217138494_jacket_0.jpg?v=1783549100&amp;width=3840" alt="9798217138494-jacket-0" srcset="//dk.com/cdn/shop/files/9798217138494_jacket_0.jpg?v=1783549100&amp;width=240 240w, //dk.com/cdn/shop/files/9798217138494_jacket_0.jpg?v=1783549100&amp;width=352 352w, //dk.com/cdn/shop/files/9798217138494_jacket_0.jpg?v=1783549100&amp;width=832 832w, //dk.com/cdn/shop/files/9798217138494_jacket_0.jpg?v=1783549100&amp;width=1200 1200w, //dk.com/cdn/shop/files/9798217138494_jacket_0.jpg?v=1783549100&amp;width=1600 1600w, //dk.com/cdn/shop/files/9798217138494_jacket_0.jpg?v=1783549100&amp;width=1920 1920w, //dk.com/cdn/shop/files/9798217138494_jacket_0.jpg?v=1783549100&amp;width=2560 2560w, //dk.com/cdn/shop/files/9798217138494_jacket_0.jpg?v=1783549100&amp;width=3840 3840w" width="3840" height="4654" loading="eager" sizes="(min-width: 750px) 20.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9798217138494_jacket_0.jpg?v=1783549100&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
8880
8881  
8882</div>
8883
8884
8885  
8886</slideshow-slide>
8887    </slideshow-slides>
8888  </slideshow-container>
8889  
8890</slideshow-component>
8891
8892    </a>
8893  
8894  
8895    
8896    
8897  
8898
8899</div>
8900
8901
8902
8903
8904
8905<div class="product-grid-view-zoom-out--details">
8906  
8907    <h3 class="h4">Let's Meet the Ancient Egyptians</h3>
8908    <div class="h6">
8909      <product-price data-product-id="15195916370297">
8910        <div class="priceContainerDiv" ref="priceContainer">
8911  
8912
8913  
8914    <span class="price">$14.99</span>
8915  
8916
8917  
8918</div>
8919
8920      </product-price>
8921    </div>
8922  
8923</div>
8924
8925
8926
8927
8928
8929  
8930  <a
8931    class="contents user-select-text"
8932    ref="productTitleLink"
8933    href="
8934/en-us/products/9798217138494-lets-meet-the-ancient-egyptians?variant=56088078090617"
8935  >
8936    
8937
8938
8939
8940
8941
8942
8943
8944
8945
8946
8947  <div 
8948  class=" spacing-style text-block text-block--AMGdKb24rdDhJMU1UZ__product_title_EFTx4F-6 h5
8949    text-block--align-center
8950  "
8951
8952  style="
8953    --padding-block-start: 10px; --padding-block-end:0px; 
8954--padding-inline-start:8px; --padding-inline-end:8px; 
8955
8956    
8957--color: var(--color-foreground-heading);
8958    --width: 100%;
8959    
8960    
8961      --text-align: center;
8962    
8963    
8964  "
8965
8966  
8967>
8968    <p>Let's Meet the Ancient Egyptians</p>
8969  </div>
8970
8971
8972
8973
8974  </a>
8975
8976
8977
8978
8979
8980
8981
8982
8983
8984
8985
8986
8987
8988
8989
8990
8991  <rte-formatter 
8992  class=" spacing-style text-block text-block--AdEdiY2RHZkw4Ny96Y__text_DHUn46-6 paragraph
8993    text-block--align-center rte 
8994  "
8995
8996  style="
8997    --padding-block-start: 0px; --padding-block-end:0px; 
8998--padding-inline-start:8px; --padding-inline-end:8px; 
8999
9000    
9001--color: var(--color-foreground);
9002    --width: 100%;
9003    
9004    
9005      --text-align: center;
9006    
9007    
9008  "
9009
9010  
9011>
9012    
9013        <p>
9014          
9015            
9016            Travel with one family through 3,000 years of jaw-droppin...
9017          
9018        </p>
9019    
9020  </rte-formatter>
9021
9022
9023
9024
9025
9026
9027
9028
9029
9030<product-price
9031  class="text-block text-block--align-center text-center h6 spacing-style"
9032  data-block-id="AT0s5WENSQ0FCdVNWY__price_qwUCYg-6"
9033  data-product-id="15195916370297"
9034  style="
9035    
9036--color: var(--color-foreground);
9037    --padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
9038    --width: 100%;
9039  "
9040  
9041>
9042  <div class="priceContainerDiv" ref="priceContainer">
9043  
9044
9045  
9046    <span class="price">$14.99</span>
9047  
9048
9049  
9050</div>
9051
9052
9053  
9054</product-price>
9055
9056
9057
9058
9059
9060
9061
9062
9063  </div>
9064</product-card></product-card-link>
9065
9066
9067
9068
9069              
9070            </div>  
9071</slideshow-slide>
9072  
9073
9074    </slideshow-slides>
9075  </slideshow-container>
9076  
9077</slideshow-component>
9078
9079</div>
9080
9081
9082    
9083</div>
9084
9085
9086
9087
9088
9089  <div
9090    class="section-resource-list__content"
9091    style="--horizontal-alignment: center;"
9092  ></div>
9093</div>
9094
9095
9096</div><div id="shopify-section-template--26089998483833__featured_collection_list_aWbcAm" 
9096class="shopify-section ui-test-product-list">
9097
9098
9099
9100<style>
9101  @media screen and (min-width: 1280px) {
9102    .padding-style {
9103      padding-left: 0px;
9104      padding-right: 0px;
9105    }
9106  }
9107</style>
9108
9109<div class="section-background color-scheme-1"></div>
9110
9111<div
9112  class="
9113    section
9114    section--full-width
9115    color-scheme-1
9116    section-resource-list
9117    spacing-style
9118    gap-style
9119    padding-style
9120  "
9121  style="
9122    --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 38px));
9123    --gap: max(24px, calc(var(--gap-scale, 1.0) * 30px));
9124  "
9125>
9126  <div class="section-resource-list__header">
9127<div
9128  class="
9129    group-block
9130    group-block--height-fit
9131    group-block--width-fill
9132    border-style
9133    spacing-style
9134    size-style
9135    
9136    
9137  "
9138  style="
9139    --border-width: 1px; --border-style: none; --border-color:
9140rgb(var(--color-border-rgb) / 1.0); --border-radius:
91410px; 
9142
9143    --padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9144    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
9145    
9146  "
9147  
9148  data-testid="group-block"
9149><div class="group-block__media-wrapper">
9150    
9151
9152    
9153  </div>
9154
9155  <div
9156    class="
9157      group-block-content
9158      
9159      layout-panel-flex
9160      layout-panel-flex--row
9161       mobile-column
9162    "
9163    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
9164
9165--gap: 12px;
9166
9167--horizontal-alignment: center; --vertical-alignment: last baseline;
9168--vertical-alignment-mobile: flex-end;
9169"
9170  >
9171
9172
9173
9174
9175
9176
9177
9178
9179
9180
9181
9182
9183
9184
9185
9186  <rte-formatter 
9187  class=" spacing-style text-block text-block--ANm9XNmVoL2VJNStrY__product_list_text_JQ4KJx rte
9188     rte 
9189  "
9190
9191  style="
9192    --padding-block-start: 0px; --padding-block-end:0px; 
9193--padding-inline-start:0px; --padding-inline-end:0px; 
9194
9195    
9196
9197    --width: fit-content;
9198    
9199    
9200    
9201  "
9202
9203  
9204>
9205    
9206        <p>
9207          
9208            <h3>Bestsellers</h3>
9209          
9210        </p>
9211    
9212  </rte-formatter>
9213
9214
9215
9216
9217
9218
9219
9220
9221
9222
9223
9224
9225
9226
9227</div>
9228</div>
9229
9230
9231
9232</div>
9233
9234  
9235
9236  
9237
9238  
9239
9240  
9241
9242<div
9243  class="
9244    resource-list
9245    
9246      force-full-width
9247    
9248    
9249    resource-list__carousel
9250  "
9251  style="--resource-list-column-gap-desktop: 8px;--column-count: 6;--column-count-mobile: 1;--mobile-card-size: 60cqw;"
9252  
9253    data-testid="resource-list-grid"
9254  
9255>
9256  
9257      
9258
9259
9260
9261
9262
9263<div
9264  class="resource-list__carousel"
9265  style="
9266    
9267      --gutter-slide-width: 0px;
9268    
9269    --slide-width-max: 450px;
9270  "
9271>
9272  
9273
9274
9275<slideshow-component
9276  
9277    ref="resourceListCarousel"
9278  
9279  
9280    class="resource-list__carousel"
9281  
9282  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12;"
9283  
9284  initial-slide="0"
9285  
9286  
9287
9288  
9289>
9290  
9291
9292
9293  <slideshow-container ref="slideshowContainer">
9294    
9295    
9296      
9297    <slideshow-arrows
9298  position="center"
9299  
9300><button
9301  class="
9302    slideshow-control slideshow-control--previous
9303    
9304     slideshow-control--shape-circle
9305    slideshow-control--style-arrow
9306    button button-unstyled button-unstyled--transparent
9307     flip-x
9308  "
9309  
9310  aria-label="Previous slide"
9311  
9312  on:click="/previous"
9313  ref="previous"
9314>
9315  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
9316</span>
9317</button>
9318<button
9319  class="
9320    slideshow-control slideshow-control--next
9321    
9322     slideshow-control--shape-circle
9323    slideshow-control--style-arrow
9324    button button-unstyled button-unstyled--transparent
9325    
9326  "
9327  
9328  aria-label="Next slide"
9329  
9330  on:click="/next"
9331  ref="next"
9332>
9333  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
9334</span>
9335</button>
9336</slideshow-arrows>
9337
9338  
9339    
9340    <slideshow-slides
9341      tabindex="-1"
9342      ref="scroller"
9343      
9344      
9345    >
9346      
9347  
9348    <slideshow-slide
9349  ref="slides[]"
9350  aria-hidden="false"
9351  style="view-timeline-name: --slide-0; --product-media-fit: cover;"
9352  
9353    class="resource-list__slide"
9354  
9355  
9356  
9357  
9358  
9359  
9360>
9361  <div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
9362              
9363                
9364
9365
9366
9367
9368
9369<style data-shopify>
9370  
9371</style>
9372
9373
9374<product-card-link
9375    data-product-id="15122720588153"
9376    data-featured-media-url="//dk.com/cdn/shop/files/getfile_73ec67e3-8a74-4481-a341-498fc03e5da5.jpg?v=1757342891&width=500"
9377    data-product-transition="true"
9378    
9379  ><product-card
9380  class="product-card collection-grid"
9381  data-product-id="15122720588153"
9382  data-product-variants-size="2"
9383  id="product-card-Aait4ekd2dFY1dUYyd__static-product-card"
9384  data-product-transition="true"
9385  
9386  
9387  
9388>
9389  <a
9390    id="d4525ea72f1518e6001dc4d147a774ef"
9391    
9392      href="/en-us/products/9780593847114-warhammer-40000-the-ultimate-guide?variant=55766448996729"
9393    
9394    class="product-card__link"
9395    ref="productCardLink"
9396  >
9397    <span class="visually-hidden">
9398      Warhammer 40,000 The Ultimate Guide
9399    </span>
9400  </a>
9401  
9402  <div
9403    class="
9404      product-card__content
9405      layout-panel-flex
9406      layout-panel-flex--column
9407      product-grid__card
9408      spacing-style
9409      border-style
9410      gap-style
9411      
9412    "
9413    style="
9414      --border-width: 1px; --border-style: none; --border-color:
9415rgb(var(--color-border-rgb) / 1.0); --border-radius:
94160px; 
9417
9418      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
9419
9420
9421
9422--horizontal-alignment: ; --vertical-alignment: ;
9423--vertical-alignment-mobile: ;
9424
9425      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9426      --product-card-gap: 4px;
9427      --quick-add-display: none;
9428      --quick-add-mobile-display: none;
9429      
9430      
9431      
9432      
9433    "
9434  >
9435    
9436
9437
9438
9439<div
9440  class="product-badges product-badges--top-left date2024-10-29"
9441  style="
9442    --badge-border-radius: 40px;
9443    --badge-font-family: var(--font-body--family);
9443 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
9444  "
9445></div>
9446
9447
9448
9449    
9450  
9451
9452
9453
9454
9455
9456
9457
9458<div
9459  ref="cardGallery"
9460  class="card-gallery card-gallery-Aa3kxK1p0Q3FORU8rZ__product_card_gallery_jtc4EY spacing-style border-style"
9461  style="
9462    --border-width: 1px; --border-style: none; --border-color:
9463rgb(var(--color-border-rgb) / 1.0); --border-radius:
94640px; 
9465
9466    --padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
9467    --gallery-aspect-ratio: 0.8395280235988201;
9468  "
9469  data-product-id="15122720588153"
9470  
9471  
9472    data-view-transition-to-main-product
9473  
9474  data-image-ratio="adapt"
9475  
9476>
9477    <a
9478      class="contents"
9479      ref="cardGalleryLink"
9480      href="
9481/en-us/products/9780593847114-warhammer-40000-the-ultimate-guide?variant=55766448996729"
9482      aria-label="Warhammer 40,000 The Ultimate Guide"
9483    >
9484      
9485
9486
9487<slideshow-component
9488  
9489    ref="slideshow"
9490  
9491  
9492  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
9493  
9494  initial-slide="0"
9495  
9496  
9497    infinite
9498  
9499
9500  data-generic-media-size="5" disabled="true"
9501>
9502  
9503
9504
9505  <slideshow-container ref="slideshowContainer">
9506    
9507      <slideshow-arrows
9508  position="center"
9509  
9510><button
9511  class="
9512    slideshow-control slideshow-control--previous
9513    
9514    
9515    slideshow-control--style-arrow
9516    button button-unstyled button-unstyled--transparent
9517     flip-x
9518  "
9519  
9520  aria-label="Previous slide"
9521  
9522  on:click="/previous"
9523  ref="previous"
9524>
9525  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
9526</span>
9527</button>
9528<button
9529  class="
9530    slideshow-control slideshow-control--next
9531    
9532    
9533    slideshow-control--style-arrow
9534    button button-unstyled button-unstyled--transparent
9535    
9536  "
9537  
9538  aria-label="Next slide"
9539  
9540  on:click="/next"
9541  ref="next"
9542>
9543  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
9544</span>
9545</button>
9546</slideshow-arrows>
9547
9548    
9549    
9550    <slideshow-slides
9551      tabindex="-1"
9552      ref="scroller"
9553      
9554      
9555    >
9556      <slideshow-slide
9557  ref="slides[]"
9558  aria-hidden="true"
9559  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
9560  
9561    class="product-media-container media-fit product-media-container--image"
9562  
9563  
9564  
9565  
9566    slide-id="65754140213625"
9567  
9568  
9569  
9570>
9571  
9572
9573<div
9574  class="product-media"
9575  style="--ratio: 0.8395280235988201"
9576  data-media-id="65754140213625"
9577>
9578  
9579  <img src="//dk.com/cdn/shop/files/getfile_73ec67e3-8a74-4481-a341-498fc03e5da5.jpg?v=1757342891&amp;width=3840" alt="Warhammer 40,000 The Ultimate Guide jacket image" srcset="//dk.com/cdn/shop/files/getfile_73ec67e3-8a74-4481-a341-498fc03e5da5.jpg?v=1757342891&amp;width=240 240w, //dk.com/cdn/shop/files/getfile_73ec67e3-8a74-4481-a341-498fc03e5da5.jpg?v=1757342891&amp;width=352 352w, //dk.com/cdn/shop/files/getfile_73ec67e3-8a74-4481-a341-498fc03e5da5.jpg?v=1757342891&amp;width=832 832w, //dk.com/cdn/shop/files/getfile_73ec67e3-8a74-4481-a341-498fc03e5da5.jpg?v=1757342891&amp;width=1200 1200w, //dk.com/cdn/shop/files/getfile_73ec67e3-8a74-4481-a341-498fc03e5da5.jpg?v=1757342891&amp;width=1600 1600w, //dk.com/cdn/shop/files/getfile_73ec67e3-8a74-4481-a341-498fc03e5da5.jpg?v=1757342891&amp;width=1920 1920w, //dk.com/cdn/shop/files/getfile_73ec67e3-8a74-4481-a341-498fc03e5da5.jpg?v=1757342891&amp;width=2560 2560w, //dk.com/cdn/shop/files/getfile_73ec67e3-8a74-4481-a341-498fc03e5da5.jpg?v=1757342891&amp;width=3840 3840w" width="3840" height="4574" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_73ec67e3-8a74-4481-a341-498fc03e5da5.jpg?v=1757342891&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
9580
9581  
9582</div>
9583
9584
9585  
9586</slideshow-slide>
9587    </slideshow-slides>
9588  </slideshow-container>
9589  
9590</slideshow-component>
9591
9592    </a>
9593  
9594  
9595    
9596    
9597  
9598
9599</div>
9600
9601
9602
9603
9604
9605<div class="product-grid-view-zoom-out--details">
9606  
9607    <h3 class="h4">Warhammer 40,000 The Ultimate Guide</h3>
9608    <div class="h6">
9609      <product-price data-product-id="15122720588153">
9610        <div class="priceContainerDiv" ref="priceContainer">
9611  
9612
9613  
9614    <span class="price">$45.00</span>
9615  
9616
9617  
9618</div>
9619
9620      </product-price>
9621    </div>
9622  
9623</div>
9624
9625
9626
9627
9628
9629  
9630  <a
9631    class="contents user-select-text"
9632    ref="productTitleLink"
9633    href="
9634/en-us/products/9780593847114-warhammer-40000-the-ultimate-guide?variant=55766448996729"
9635  >
9636    
9637
9638
9639
9640
9641
9642
9643
9644
9645
9646
9647  <div 
9648  class=" spacing-style text-block text-block--ALzd3RVRzQ3hJdy9kU__product_title_n8aCWk h5
9649    text-block--align-center
9650  "
9651
9652  style="
9653    --padding-block-start: 10px; --padding-block-end:0px; 
9654--padding-inline-start:8px; --padding-inline-end:8px; 
9655
9656    
9657--color: var(--color-foreground-heading);
9658    --width: 100%;
9659    
9660    
9661      --text-align: center;
9662    
9663    
9664  "
9665
9666  
9667>
9668    <p>Warhammer 40,000 The Ultimate Guide</p>
9669  </div>
9670
9671
9672
9673
9674  </a>
9675
9676
9677
9678
9679
9680
9681
9682
9683
9684
9685
9686
9687
9688
9689
9690
9691  <rte-formatter 
9692  class=" spacing-style text-block text-block--AbFNIU3R3aTNuNmdCR__text_N4jPVy paragraph
9693    text-block--align-center rte 
9694  "
9695
9696  style="
9697    --padding-block-start: 0px; --padding-block-end:0px; 
9698--padding-inline-start:8px; --padding-inline-end:8px; 
9699
9700    
9701--color: var(--color-foreground);
9702    --width: 100%;
9703    
9704    
9705      --text-align: center;
9706    
9707    
9708  "
9709
9710  
9711>
9712    
9713        <p>
9714          
9715            
9716            The first-ever Warhammer 40,000 encyclopedia is here.Dive...
9717          
9718        </p>
9719    
9720  </rte-formatter>
9721
9722
9723
9724
9725
9726
9727
9728
9729
9730<product-price
9731  class="text-block text-block--align-center text-center h6 spacing-style"
9732  data-block-id="AUTNmcDdnVlNQYmZhY__price_xBxJqp"
9733  data-product-id="15122720588153"
9734  style="
9735    
9736--color: var(--color-foreground);
9737    --padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
9738    --width: 100%;
9739  "
9740  
9741>
9742  <div class="priceContainerDiv" ref="priceContainer">
9743  
9744
9745  
9746    <span class="price">$45.00</span>
9747  
9748
9749  
9750</div>
9751
9752
9753  
9754</product-price>
9755
9756
9757
9758
9759
9760
9761
9762
9763  </div>
9764</product-card></product-card-link>
9765
9766
9767
9768
9769              
9770            </div>
9771
9772            
9773                
9774</slideshow-slide>
9775  
9776    <slideshow-slide
9777  ref="slides[]"
9778  aria-hidden="true"
9779  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
9780  
9781    class="resource-list__slide"
9782  
9783  
9784  
9785  
9786  
9787  
9788>
9789  
9790            
9791          
9792            <div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
9793              
9794                
9795
9796
9797
9798
9799
9800<style data-shopify>
9801  
9802</style>
9803
9804
9805<product-card-link
9806    data-product-id="15122904449401"
9807    data-featured-media-url="//dk.com/cdn/shop/files/getfile_649a19ba-441b-49d3-8e79-e85b943f7fe7.jpg?v=1757350905&width=500"
9808    data-product-transition="true"
9809    
9810  ><product-card
9811  class="product-card collection-grid"
9812  data-product-id="15122904449401"
9813  data-product-variants-size="1"
9814  id="product-card-Aait4ekd2dFY1dUYyd__static-product-card-1"
9815  data-product-transition="true"
9816  
9817  
9818  
9819>
9820  <a
9821    id="16c50b63dee2420bb003263a7df64d11"
9822    
9823      href="/en-us/products/9798217135479-warhammer-40000-enciclopedia-de-personajes-character-encyclo
9823pedia?variant=55767161766265"
9824    
9825    class="product-card__link"
9826    ref="productCardLink"
9827  >
9828    <span class="visually-hidden">
9829      Warhammer 40,000 Enciclopedia de personajes (Character Encyclopedia)
9830    </span>
9831  </a>
9832  
9833  <div
9834    class="
9835      product-card__content
9836      layout-panel-flex
9837      layout-panel-flex--column
9838      product-grid__card
9839      spacing-style
9840      border-style
9841      gap-style
9842      
9843    "
9844    style="
9845      --border-width: 1px; --border-style: none; --border-color:
9846rgb(var(--color-border-rgb) / 1.0); --border-radius:
98470px; 
9848
9849      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
9850
9851
9852
9853--horizontal-alignment: ; --vertical-alignment: ;
9854--vertical-alignment-mobile: ;
9855
9856      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
9857      --product-card-gap: 4px;
9858      --quick-add-display: none;
9859      --quick-add-mobile-display: none;
9860      
9861      
9862      
9863      
9864    "
9865  >
9866    
9867
9868
9869
9870<div
9871  class="product-badges product-badges--top-left date2025-11-25"
9872  style="
9873    --badge-border-radius: 40px;
9874    --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
9875  "
9876></div>
9877
9878
9879
9880    
9881  
9882
9883
9884
9885
9886
9887
9888
9889<div
9890  ref="cardGallery"
9891  class="card-gallery card-gallery-Aa3kxK1p0Q3FORU8rZ__product_card_gallery_jtc4EY-1 spacing-style border-style"
9892  style="
9893    --border-width: 1px; --border-style: none; --border-color:
9894rgb(var(--color-border-rgb) / 1.0); --border-radius:
98950px; 
9896
9897    --padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
9898    --gallery-aspect-ratio: 0.7913540550196498;
9899  "
9900  data-product-id="15122904449401"
9901  
9902  
9903    data-view-transition-to-main-product
9904  
9905  data-image-ratio="adapt"
9906  
9907>
9908    <a
9909      class="contents"
9910      ref="cardGalleryLink"
9911      href="
9912/en-us/products/9798217135479-warhammer-40000-enciclopedia-de-personajes-character-encyclopedia?variant=55767161766265"
9913      aria-label="Warhammer 40,000 Enciclopedia de personajes (Character Encyclopedia)"
9914    >
9915      
9916
9917
9918<slideshow-component
9919  
9920    ref="slideshow"
9921  
9922  
9923  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;"
9924  
9925  initial-slide="0"
9926  
9927  
9928    infinite
9929  
9930
9931  data-generic-media-size="7" disabled="true"
9932>
9933  
9934
9935
9936  <slideshow-container ref="slideshowContainer">
9937    
9938      <slideshow-arrows
9939  position="center"
9940  
9941><button
9942  class="
9943    slideshow-control slideshow-control--previous
9944    
9945    
9946    slideshow-control--style-arrow
9947    button button-unstyled button-unstyled--transparent
9948     flip-x
9949  "
9950  
9951  aria-label="Previous slide"
9952  
9953  on:click="/previous"
9954  ref="previous"
9955>
9956  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
9957</span>
9958</button>
9959<button
9960  class="
9961    slideshow-control slideshow-control--next
9962    
9963    
9964    slideshow-control--style-arrow
9965    button button-unstyled button-unstyled--transparent
9966    
9967  "
9968  
9969  aria-label="Next slide"
9970  
9971  on:click="/next"
9972  ref="next"
9973>
9974  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
9975</span>
9976</button>
9977</slideshow-arrows>
9978
9979    
9980    
9981    <slideshow-slides
9982      tabindex="-1"
9983      ref="scroller"
9984      
9985      
9986    >
9987      <slideshow-slide
9988  ref="slides[]"
9989  aria-hidden="true"
9990  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
9991  
9992    class="product-media-container media-fit product-media-container--image"
9993  
9994  
9995  
9996  
9997    slide-id="65754802717049"
9998  
9999  
10000  
10001>
10002  
10003
10004<div
10005  class="product-media"
10006  style="--ratio: 0.7913540550196498"
10007  data-media-id="65754802717049"
10008>
10009  
10010  <img src="//dk.com/cdn/shop/files/getfile_649a19ba-441b-49d3-8e79-e85b943f7fe7.jpg?v=1757350905&amp;
10010width=3840" alt="Warhammer 40,000 Enciclopedia de personajes (Character Encyclopedia) jacket image" srcset="//dk.com/cdn/shop/files/getfile_649a19ba-441b-49d3-8e79-e85b943f7fe7.jpg?v=1757350905&amp;width=240 240w, //dk.com/cdn/shop/files/getfile_649a19ba-441b-49d3-8e79-e85b943f7fe7.jpg?v=1757350905&amp;width=352 352w, //dk.com/cdn/shop/files/getfile_649a19ba-441b-49d3-8e79-e85b943f7fe7.jpg?v=1757350905&amp;width=832 832w, //dk.com/cdn/shop/files/getfile_649a19ba-441b-49d3-8e79-e85b943f7fe7.jpg?v=1757350905&amp;width=1200 1200w, //dk.com/cdn/shop/files/getfile_649a19ba-441b-49d3-8e79-e85b943f7fe7.jpg?v=1757350905&amp;width=1600 1600w, //dk.com/cdn/shop/files/getfile_649a19ba-441b-49d3-8e79-e85b943f7fe7.jpg?v=1757350905&amp;width=1920 1920w, //dk.com/cdn/shop/files/getfile_649a19ba-441b-49d3-8e79-e85b943f7fe7.jpg?v=1757350905&amp;width=2560 2560w, //dk.com/cdn/shop/files/getfile_649a19ba-441b-49d3-8e79-e85b943f7fe7.jpg?v=1757350905&amp;width=3840 3840w" width="3840" height="4852" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_649a19ba-441b-49d3-8e79-e85b943f7fe7.jpg?v=1757350905&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
10011
10012  
10013</div>
10014
10015
10016  
10017</slideshow-slide>
10018    </slideshow-slides>
10019  </slideshow-container>
10020  
10021</slideshow-component>
10022
10023    </a>
10024  
10025  
10026    
10027    
10028  
10029
10030</div>
10031
10032
10033
10034
10035
10036<div class="product-grid-view-zoom-out--details">
10037  
10038    <h3 class="h4">Warhammer 40,000 Enciclopedia de personajes (Character Encyclopedia)</h3>
10039    <div class="h6">
10040      <product-price data-product-id="15122904449401">
10041        <div class="priceContainerDiv" ref="priceContainer">
10042  
10043
10044  
10045    <span class="price">$27.99</span>
10046  
10047
10048  
10049</div>
10050
10051      </product-price>
10052    </div>
10053  
10054</div>
10055
10056
10057
10058
10059
10060  
10061  <a
10062    class="contents user-select-text"
10063    ref="productTitleLink"
10064    href="
10065/en-us/products/9798217135479-warhammer-40000-enciclopedia-de-personajes-character-encyclopedia?variant=55767161766265"
10066  >
10067    
10068
10069
10070
10071
10072
10073
10074
10075
10076
10077
10078  <div 
10079  class=" spacing-style text-block text-block--ALzd3RVRzQ3hJdy9kU__product_title_n8aCWk-1 h5
10080    text-block--align-center
10081  "
10082
10083  style="
10084    --padding-block-start: 10px; --padding-block-end:0px; 
10085--padding-inline-start:8px; --padding-inline-end:8px; 
10086
10087    
10088--color: var(--color-foreground-heading);
10089    --width: 100%;
10090    
10091    
10092      --text-align: center;
10093    
10094    
10095  "
10096
10097  
10098>
10099    <p>Warhammer 40,000 Enciclopedia de personajes (Character Encyclopedia)</p>
10100  </div>
10101
10102
10103
10104
10105  </a>
10106
10107
10108
10109
10110
10111
10112
10113
10114
10115
10116
10117
10118
10119
10120
10121
10122  <rte-formatter 
10123  class=" spacing-style text-block text-block--AbFNIU3R3aTNuNmdCR__text_N4jPVy-1 paragraph
10124    text-block--align-center rte 
10125  "
10126
10127  style="
10128    --padding-block-start: 0px; --padding-block-end:0px; 
10129--padding-inline-start:8px; --padding-inline-end:8px; 
10130
10131    
10132--color: var(--color-foreground);
10133    --width: 100%;
10134    
10135    
10136      --text-align: center;
10137    
10138    
10139  "
10140
10141  
10142>
10143    
10144        <p>
10145          
10146            
10147            ¿Quieres adentrarte en la sombría oscuridad del futuro le...
10148          
10149        </p>
10150    
10151  </rte-formatter>
10152
10153
10154
10155
10156
10157
10158
10159
10160
10161<product-price
10162  class="text-block text-block--align-center text-center h6 spacing-style"
10163  data-block-id="AUTNmcDdnVlNQYmZhY__price_xBxJqp-1"
10164  data-product-id="15122904449401"
10165  style="
10166    
10167--color: var(--color-foreground);
10168    --padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
10169    --width: 100%;
10170  "
10171  
10172>
10173  <div class="priceContainerDiv" ref="priceContainer">
10174  
10175
10176  
10177    <span class="price">$27.99</span>
10178  
10179
10180  
10181</div>
10182
10183
10184  
10185</product-price>
10186
10187
10188
10189
10190
10191
10192
10193
10194  </div>
10195</product-card></product-card-link>
10196
10197
10198
10199
10200              
10201            </div>
10202
10203            
10204                
10205</slideshow-slide>
10206  
10207    <slideshow-slide
10208  ref="slides[]"
10209  aria-hidden="true"
10210  style="view-timeline-name: --slide-2; --product-media-fit: cover;"
10211  
10212    class="resource-list__slide"
10213  
10214  
10215  
10216  
10217  
10218  
10219>
10220  
10221            
10222          
10223            <div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
10224              
10225                
10226
10227
10228
10229
10230
10231<style data-shopify>
10232  
10233</style>
10234
10235
10236<product-card-link
10237    data-product-id="15122870665593"
10238    data-featured-media-url="//dk.com/cdn/shop/files/getfile_37207b36-bdad-46c2-beb7-01c31d22a8dd.jpg?v=1757350293&width=500"
10239    data-product-transition="true"
10240    
10241  ><product-card
10242  class="product-card collection-grid"
10243  data-product-id="15122870665593"
10244  data-product-variants-size="2"
10245  id="product-card-Aait4ekd2dFY1dUYyd__static-product-card-2"
10246  data-product-transition="true"
10247  
10248  
10249  
10250>
10251  <a
10252    id="c8b82e89a4fc93b6d0d15a2b6d8bed69"
10253    
10254      href="/en-us/products/9780593964484-arnietex?variant=55766931603833"
10255    
10256    class="product-card__link"
10257    ref="productCardLink"
10258  >
10259    <span class="visually-hidden">
10260      ArnieTex
10261    </span>
10262  </a>
10263  
10264  <div
10265    class="
10266      product-card__content
10267      layout-panel-flex
10268      layout-panel-flex--column
10269      product-grid__card
10270      spacing-style
10271      border-style
10272      gap-style
10273      
10274    "
10275    style="
10276      --border-width: 1px; --border-style: none; --border-color:
10277rgb(var(--color-border-rgb) / 1.0); --border-radius:
102780px; 
10279
10280      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
10281
10282
10283
10284--horizontal-alignment: ; --vertical-alignment: ;
10285--vertical-alignment-mobile: ;
10286
10287      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
10288      --product-card-gap: 4px;
10289      --quick-add-display: none;
10290      --quick-add-mobile-display: none;
10291      
10292      
10293      
10294      
10295    "
10296  >
10297    
10298
10299
10300
10301<div
10302  class="product-badges product-badges--top-left date2025-07-15"
10303  style="
10304    --badge-border-radius: 40px;
10305    --badge-font-family: var(--font-body--family);
10305 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
10306  "
10307></div>
10308
10309
10310
10311    
10312  
10313
10314
10315
10316
10317
10318
10319
10320<div
10321  ref="cardGallery"
10322  class="card-gallery card-gallery-Aa3kxK1p0Q3FORU8rZ__product_card_gallery_jtc4EY-2 spacing-style border-style"
10323  style="
10324    --border-width: 1px; --border-style: none; --border-color:
10325rgb(var(--color-border-rgb) / 1.0); --border-radius:
103260px; 
10327
10328    --padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
10329    --gallery-aspect-ratio: 0.8078175895765473;
10330  "
10331  data-product-id="15122870665593"
10332  
10333  
10334    data-view-transition-to-main-product
10335  
10336  data-image-ratio="adapt"
10337  
10338>
10339    <a
10340      class="contents"
10341      ref="cardGalleryLink"
10342      href="
10343/en-us/products/9780593964484-arnietex?variant=55766931603833"
10344      aria-label="ArnieTex"
10345    >
10346      
10347
10348
10349<slideshow-component
10350  
10351    ref="slideshow"
10352  
10353  
10354  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;"
10355  
10356  initial-slide="0"
10357  
10358  
10359    infinite
10360  
10361
10362  data-generic-media-size="7" disabled="true"
10363>
10364  
10365
10366
10367  <slideshow-container ref="slideshowContainer">
10368    
10369      <slideshow-arrows
10370  position="center"
10371  
10372><button
10373  class="
10374    slideshow-control slideshow-control--previous
10375    
10376    
10377    slideshow-control--style-arrow
10378    button button-unstyled button-unstyled--transparent
10379     flip-x
10380  "
10381  
10382  aria-label="Previous slide"
10383  
10384  on:click="/previous"
10385  ref="previous"
10386>
10387  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
10388</span>
10389</button>
10390<button
10391  class="
10392    slideshow-control slideshow-control--next
10393    
10394    
10395    slideshow-control--style-arrow
10396    button button-unstyled button-unstyled--transparent
10397    
10398  "
10399  
10400  aria-label="Next slide"
10401  
10402  on:click="/next"
10403  ref="next"
10404>
10405  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
10406</span>
10407</button>
10408</slideshow-arrows>
10409
10410    
10411    
10412    <slideshow-slides
10413      tabindex="-1"
10414      ref="scroller"
10415      
10416      
10417    >
10418      <slideshow-slide
10419  ref="slides[]"
10420  aria-hidden="true"
10421  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
10422  
10423    class="product-media-container media-fit product-media-container--image"
10424  
10425  
10426  
10427  
10428    slide-id="65754719879545"
10429  
10430  
10431  
10432>
10433  
10434
10435<div
10436  class="product-media"
10437  style="--ratio: 0.8078175895765473"
10438  data-media-id="65754719879545"
10439>
10440  
10441  <img src="//dk.com/cdn/shop/files/getfile_37207b36-bdad-46c2-beb7-01c31d22a8dd.jpg?v=1757350293&amp;width=3840" alt="ArnieTex jacket image" srcset="//dk.com/cdn/shop/files/getfile_37207b36-bdad-46c2-beb7-01c31d22a8dd.jpg?v=1757350293&amp;width=240 240w, //dk.com/cdn/shop/files/getfile_37207b36-bdad-46c2-beb7-01c31d22a8dd.jpg?v=1757350293&amp;width=352 352w, //dk.com/cdn/shop/files/getfile_37207b36-bdad-46c2-beb7-01c31d22a8dd.jpg?v=1757350293&amp;width=832 832w, //dk.com/cdn/shop/files/getfile_37207b36-bdad-46c2-beb7-01c31d22a8dd.jpg?v=1757350293&amp;width=1200 1200w, //dk.com/cdn/shop/files/getfile_37207b36-bdad-46c2-beb7-01c31d22a8dd.jpg?v=1757350293&amp;width=1600 1600w, //dk.com/cdn/shop/files/getfile_37207b36-bdad-46c2-beb7-01c31d22a8dd.jpg?v=1757350293&amp;width=1920 1920w, //dk.com/cdn/shop/files/getfile_37207b36-bdad-46c2-beb7-01c31d22a8dd.jpg?v=1757350293&amp;width=2560 2560w, //dk.com/cdn/shop/files/getfile_37207b36-bdad-46c2-beb7-01c31d22a8dd.jpg?v=1757350293&amp;width=3840 3840w" width="3840" height="4754" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_37207b36-bdad-46c2-beb7-01c31d22a8dd.jpg?v=1757350293&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
10442
10443  
10444</div>
10445
10446
10447  
10448</slideshow-slide>
10449    </slideshow-slides>
10450  </slideshow-container>
10451  
10452</slideshow-component>
10453
10454    </a>
10455  
10456  
10457    
10458    
10459  
10460
10461</div>
10462
10463
10464
10465
10466
10467<div class="product-grid-view-zoom-out--details">
10468  
10469    <h3 class="h4">ArnieTex</h3>
10470    <div class="h6">
10471      <product-price data-product-id="15122870665593">
10472        <div class="priceContainerDiv" ref="priceContainer">
10473  
10474
10475  
10476    <span class="price">$35.00</span>
10477  
10478
10479  
10480</div>
10481
10482      </product-price>
10483    </div>
10484  
10485</div>
10486
10487
10488
10489
10490
10491  
10492  <a
10493    class="contents user-select-text"
10494    ref="productTitleLink"
10495    href="
10496/en-us/products/9780593964484-arnietex?variant=55766931603833"
10497  >
10498    
10499
10500
10501
10502
10503
10504
10505
10506
10507
10508
10509  <div 
10510  class=" spacing-style text-block text-block--ALzd3RVRzQ3hJdy9kU__product_title_n8aCWk-2 h5
10511    text-block--align-center
10512  "
10513
10514  style="
10515    --padding-block-start: 10px; --padding-block-end:0px; 
10516--padding-inline-start:8px; --padding-inline-end:8px; 
10517
10518    
10519--color: var(--color-foreground-heading);
10520    --width: 100%;
10521    
10522    
10523      --text-align: center;
10524    
10525    
10526  "
10527
10528  
10529>
10530    <p>ArnieTex</p>
10531  </div>
10532
10533
10534
10535
10536  </a>
10537
10538
10539
10540
10541
10542
10543
10544
10545
10546
10547
10548
10549
10550
10551
10552
10553  <rte-formatter 
10554  class=" spacing-style text-block text-block--AbFNIU3R3aTNuNmdCR__text_N4jPVy-2 paragraph
10555    text-block--align-center rte 
10556  "
10557
10558  style="
10559    --padding-block-start: 0px; --padding-block-end:0px; 
10560--padding-inline-start:8px; --padding-inline-end:8px; 
10561
10562    
10563--color: var(--color-foreground);
10564    --width: 100%;
10565    
10566    
10567      --text-align: center;
10568    
10569    
10570  "
10571
10572  
10573>
10574    
10575        <p>
10576          
10577            
10578            Cooking authentic Mexican-American comfort food is simple...
10579          
10580        </p>
10581    
10582  </rte-formatter>
10583
10584
10585
10586
10587
10588
10589
10590
10591
10592<product-price
10593  class="text-block text-block--align-center text-center h6 spacing-style"
10594  data-block-id="AUTNmcDdnVlNQYmZhY__price_xBxJqp-2"
10595  data-product-id="15122870665593"
10596  style="
10597    
10598--color: var(--color-foreground);
10599    --padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
10600    --width: 100%;
10601  "
10602  
10603>
10604  <div class="priceContainerDiv" ref="priceContainer">
10605  
10606
10607  
10608    <span class="price">$35.00</span>
10609  
10610
10611  
10612</div>
10613
10614
10615  
10616</product-price>
10617
10618
10619
10620
10621
10622
10623
10624
10625  </div>
10626</product-card></product-card-link>
10627
10628
10629
10630
10631              
10632            </div>
10633
10634            
10635                
10636</slideshow-slide>
10637  
10638    <slideshow-slide
10639  ref="slides[]"
10640  aria-hidden="true"
10641  style="view-timeline-name: --slide-3; --product-media-fit: cover;"
10642  
10643    class="resource-list__slide"
10644  
10645  
10646  
10647  
10648  
10649  
10650>
10651  
10652            
10653          
10654            <div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
10655              
10656                
10657
10658
10659
10660
10661
10662<style data-shopify>
10663  
10664</style>
10665
10666
10667<product-card-link
10668    data-product-id="15122719703417"
10669    data-featured-media-url="//dk.com/cdn/shop/files/getfile_14261f90-d8f9-4b3d-9c6d-553802c0bab7.jpg?v=1757342871&width=500"
10670    data-product-transition="true"
10671    
10672  ><product-card
10673  class="product-card collection-grid"
10674  data-product-id="15122719703417"
10675  data-product-variants-size="1"
10676  id="product-card-Aait4ekd2dFY1dUYyd__static-product-card-3"
10677  data-product-transition="true"
10678  
10679  
10680  
10681>
10682  <a
10683    id="0b87e25c9d8a93b7f26950c40106fa85"
10684    
10685      href="/en-us/products/9780744093766-marvel-spidey-and-his-amazing-friends-glow-in-the-dark-sticker-book?variant=55766448308601"
10686    
10687    class="product-card__link"
10688    ref="productCardLink"
10689  >
10690    <span class="visually-hidden">
10691      Marvel Spidey and His Amazing Friends Glow in the Dark Sticker Book
10692    </span>
10693  </a>
10694  
10695  <div
10696    class="
10697      product-card__content
10698      layout-panel-flex
10699      layout-panel-flex--column
10700      product-grid__card
10701      spacing-style
10702      border-style
10703      gap-style
10704      
10705    "
10706    style="
10707      --border-width: 1px; --border-style: none; --border-color:
10708rgb(var(--color-border-rgb) / 1.0); --border-radius:
107090px; 
10710
10711      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
10712
10713
10714
10715--horizontal-alignment: ; --vertical-alignment: ;
10716--vertical-alignment-mobile: ;
10717
10718      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
10719      --product-card-gap: 4px;
10720      --quick-add-display: none;
10721      --quick-add-mobile-display: none;
10722      
10723      
10724      
10725      
10726    "
10727  >
10728    
10729
10730
10731
10732<div
10733  class="product-badges product-badges--top-left date2024-03-05"
10734  style="
10735    --badge-border-radius: 40px;
10736    --badge-font-family: var(--font-body--family);
10736 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
10737  "
10738></div>
10739
10740
10741
10742    
10743  
10744
10745
10746
10747
10748
10749
10750
10751<div
10752  ref="cardGallery"
10753  class="card-gallery card-gallery-Aa3kxK1p0Q3FORU8rZ__product_card_gallery_jtc4EY-3 spacing-style border-style"
10754  style="
10755    --border-width: 1px; --border-style: none; --border-color:
10756rgb(var(--color-border-rgb) / 1.0); --border-radius:
107570px; 
10758
10759    --padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
10760    --gallery-aspect-ratio: 0.7713940127003326;
10761  "
10762  data-product-id="15122719703417"
10763  
10764  
10765    data-view-transition-to-main-product
10766  
10767  data-image-ratio="adapt"
10768  
10769>
10770    <a
10771      class="contents"
10772      ref="cardGalleryLink"
10773      href="
10774/en-us/products/9780744093766-marvel-spidey-and-his-amazing-friends-glow-in-the-dark-sticker-book?variant=55766448308601"
10775      aria-label="Marvel Spidey and His Amazing Friends Glow in the Dark Sticker Book"
10776    >
10777      
10778
10779
10780<slideshow-component
10781  
10782    ref="slideshow"
10783  
10784  
10785  style="--slideshow-timeline: --slide-1, --slide-2;"
10786  
10787  initial-slide="0"
10788  
10789  
10790    infinite
10791  
10792
10793  data-generic-media-size="2" disabled="true"
10794>
10795  
10796
10797
10798  <slideshow-container ref="slideshowContainer">
10799    
10800    
10801    <slideshow-slides
10802      tabindex="-1"
10803      ref="scroller"
10804      
10805      
10806    >
10807      <slideshow-slide
10808  ref="slides[]"
10809  aria-hidden="true"
10810  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
10811  
10812    class="product-media-container media-fit product-media-container--image"
10813  
10814  
10815  
10816  
10817    slide-id="65754139033977"
10818  
10819  
10820  
10821>
10822  
10823
10824<div
10825  class="product-media"
10826  style="--ratio: 0.7713940127003326"
10827  data-media-id="65754139033977"
10828>
10829  
10830  <img src="//dk.com/cdn/shop/files/getfile_14261f90-d8f9-4b3d-9c6d-553802c0bab7.jpg?v=1757342871&amp;width=3840" alt="Marvel Spidey and His Amazing Friends Glow in the Dark Sticker Book jacket image" srcset="//dk.com/cdn/shop/files/getfile_14261f90-d8f9-4b3d-9c6d-553802c0bab7.jpg?v=1757342871&amp;width=240 240w, //dk.com/cdn/shop/files/getfile_14261f90-d8f9-4b3d-9c6d-553802c0bab7.jpg?v=1757342871&amp;width=352 352w, //dk.com/cdn/shop/files/getfile_14261f90-d8f9-4b3d-9c6d-553802c0bab7.jpg?v=1757342871&amp;width=832 832w, //dk.com/cdn/shop/files/getfile_14261f90-d8f9-4b3d-9c6d-553802c0bab7.jpg?v=1757342871&amp;width=1200 1200w, //dk.com/cdn/shop/files/getfile_14261f90-d8f9-4b3d-9c6d-553802c0bab7.jpg?v=1757342871&amp;width=1600 1600w, //dk.com/cdn/shop/files/getfile_14261f90-d8f9-4b3d-9c6d-553802c0bab7.jpg?v=1757342871&amp;width=1920 1920w, //dk.com/cdn/shop/files/getfile_14261f90-d8f9-4b3d-9c6d-553802c0bab7.jpg?v=1757342871&amp;width=2560 2560w, //dk.com/cdn/shop/files/getfile_14261f90-d8f9-4b3d-9c6d-553802c0bab7.jpg?v=1757342871&amp;width=3840 3840w" width="3840" height="4978" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_14261f90-d8f9-4b3d-9c6d-553802c0bab7.jpg?v=1757342871&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
10831
10832  
10833</div>
10834
10835
10836  
10837</slideshow-slide>
10838    </slideshow-slides>
10839  </slideshow-container>
10840  
10841</slideshow-component>
10842
10843    </a>
10844  
10845  
10846    
10847    
10848  
10849
10850</div>
10851
10852
10853
10854
10855
10856<div class="product-grid-view-zoom-out--details">
10857  
10858    <h3 class="h4">Marvel Spidey and His Amazing Friends Glow in the Dark Sticker Book</h3>
10859    <div class="h6">
10860      <product-price data-product-id="15122719703417">
10861        <div class="priceContainerDiv" ref="priceContainer">
10862  
10863
10864  
10865    <span class="price">$6.99</span>
10866  
10867
10868  
10869</div>
10870
10871      </product-price>
10872    </div>
10873  
10874</div>
10875
10876
10877
10878
10879
10880  
10881  <a
10882    class="contents user-select-text"
10883    ref="productTitleLink"
10884    href="
10885/en-us/products/9780744093766-marvel-spidey-and-his-amazing-friends-glow-in-the-dark-sticker-book?variant=55766448308601"
10886  >
10887    
10888
10889
10890
10891
10892
10893
10894
10895
10896
10897
10898  <div 
10899  class=" spacing-style text-block text-block--ALzd3RVRzQ3hJdy9kU__product_title_n8aCWk-3 h5
10900    text-block--align-center
10901  "
10902
10903  style="
10904    --padding-block-start: 10px; --padding-block-end:0px; 
10905--padding-inline-start:8px; --padding-inline-end:8px; 
10906
10907    
10908--color: var(--color-foreground-heading);
10909    --width: 100%;
10910    
10911    
10912      --text-align: center;
10913    
10914    
10915  "
10916
10917  
10918>
10919    <p>Marvel Spidey and His Amazing Friends Glow in the Dark Sticker Book</p>
10920  </div>
10921
10922
10923
10924
10925  </a>
10926
10927
10928
10929
10930
10931
10932
10933
10934
10935
10936
10937
10938
10939
10940
10941
10942  <rte-formatter 
10943  class=" spacing-style text-block text-block--AbFNIU3R3aTNuNmdCR__text_N4jPVy-3 paragraph
10944    text-block--align-center rte 
10945  "
10946
10947  style="
10948    --padding-block-start: 0px; --padding-block-end:0px; 
10949--padding-inline-start:8px; --padding-inline-end:8px; 
10950
10951    
10952--color: var(--color-foreground);
10953    --width: 100%;
10954    
10955    
10956      --text-align: center;
10957    
10958    
10959  "
10960
10961  
10962>
10963    
10964        <p>
10965          
10966            
10967            GLOW-WEBS-GLOW! Light up your world with more than 100 gl...
10968          
10969        </p>
10970    
10971  </rte-formatter>
10972
10973
10974
10975
10976
10977
10978
10979
10980
10981<product-price
10982  class="text-block text-block--align-center text-center h6 spacing-style"
10983  data-block-id="AUTNmcDdnVlNQYmZhY__price_xBxJqp-3"
10984  data-product-id="15122719703417"
10985  style="
10986    
10987--color: var(--color-foreground);
10988    --padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
10989    --width: 100%;
10990  "
10991  
10992>
10993  <div class="priceContainerDiv" ref="priceContainer">
10994  
10995
10996  
10997    <span class="price">$6.99</span>
10998  
10999
11000  
11001</div>
11002
11003
11004  
11005</product-price>
11006
11007
11008
11009
11010
11011
11012
11013
11014  </div>
11015</product-card></product-card-link>
11016
11017
11018
11019
11020              
11021            </div>
11022
11023            
11024                
11025</slideshow-slide>
11026  
11027    <slideshow-slide
11028  ref="slides[]"
11029  aria-hidden="true"
11030  style="view-timeline-name: --slide-4; --product-media-fit: cover;"
11031  
11032    class="resource-list__slide"
11033  
11034  
11035  
11036  
11037  
11038  
11039>
11040  
11041            
11042          
11043            <div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
11044              
11045                
11046
11047
11048
11049
11050
11051<style data-shopify>
11052  
11053</style>
11054
11055
11056<product-card-link
11057    data-product-id="15122870993273"
11058    data-featured-media-url="//dk.com/cdn/shop/files/getfile_fc33fc69-2f98-4009-be74-faca54c420b6.jpg?v=1757350304&width=500"
11059    data-product-transition="true"
11060    
11061  ><product-card
11062  class="product-card collection-grid"
11063  data-product-id="15122870993273"
11064  data-product-variants-size="2"
11065  id="product-card-Aait4ekd2dFY1dUYyd__static-product-card-4"
11066  data-product-transition="true"
11067  
11068  
11069  
11070>
11071  <a
11072    id="9de1f6a18d078a8286d4b1aaebaf0ae8"
11073    
11074      href="/en-us/products/9780593959701-fit-at-50?variant=55766931865977"
11075    
11076    class="product-card__link"
11077    ref="productCardLink"
11078  >
11079    <span class="visually-hidden">
11080      Fit at 50
11081    </span>
11082  </a>
11083  
11084  <div
11085    class="
11086      product-card__content
11087      layout-panel-flex
11088      layout-panel-flex--column
11089      product-grid__card
11090      spacing-style
11091      border-style
11092      gap-style
11093      
11094    "
11095    style="
11096      --border-width: 1px; --border-style: none; --border-color:
11097rgb(var(--color-border-rgb) / 1.0); --border-radius:
110980px; 
11099
11100      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
11101
11102
11103
11104--horizontal-alignment: ; --vertical-alignment: ;
11105--vertical-alignment-mobile: ;
11106
11107      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11108      --product-card-gap: 4px;
11109      --quick-add-display: none;
11110      --quick-add-mobile-display: none;
11111      
11112      
11113      
11114      
11115    "
11116  >
11117    
11118
11119
11120
11121<div
11122  class="product-badges product-badges--top-left date2025-03-11"
11123  style="
11124    --badge-border-radius: 40px;
11125    --badge-font-family: var(--font-body--family);
11125 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
11126  "
11127></div>
11128
11129
11130
11131    
11132  
11133
11134
11135
11136
11137
11138
11139
11140<div
11141  ref="cardGallery"
11142  class="card-gallery card-gallery-Aa3kxK1p0Q3FORU8rZ__product_card_gallery_jtc4EY-4 spacing-style border-style"
11143  style="
11144    --border-width: 1px; --border-style: none; --border-color:
11145rgb(var(--color-border-rgb) / 1.0); --border-radius:
111460px; 
11147
11148    --padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
11149    --gallery-aspect-ratio: 0.7823608316566063;
11150  "
11151  data-product-id="15122870993273"
11152  
11153  
11154    data-view-transition-to-main-product
11155  
11156  data-image-ratio="adapt"
11157  
11158>
11159    <a
11160      class="contents"
11161      ref="cardGalleryLink"
11162      href="
11163/en-us/products/9780593959701-fit-at-50?variant=55766931865977"
11164      aria-label="Fit at 50"
11165    >
11166      
11167
11168
11169<slideshow-component
11170  
11171    ref="slideshow"
11172  
11173  
11174  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;"
11175  
11176  initial-slide="0"
11177  
11178  
11179    infinite
11180  
11181
11182  data-generic-media-size="7" disabled="true"
11183>
11184  
11185
11186
11187  <slideshow-container ref="slideshowContainer">
11188    
11189      <slideshow-arrows
11190  position="center"
11191  
11192><button
11193  class="
11194    slideshow-control slideshow-control--previous
11195    
11196    
11197    slideshow-control--style-arrow
11198    button button-unstyled button-unstyled--transparent
11199     flip-x
11200  "
11201  
11202  aria-label="Previous slide"
11203  
11204  on:click="/previous"
11205  ref="previous"
11206>
11207  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
11208</span>
11209</button>
11210<button
11211  class="
11212    slideshow-control slideshow-control--next
11213    
11214    
11215    slideshow-control--style-arrow
11216    button button-unstyled button-unstyled--transparent
11217    
11218  "
11219  
11220  aria-label="Next slide"
11221  
11222  on:click="/next"
11223  ref="next"
11224>
11225  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
11226</span>
11227</button>
11228</slideshow-arrows>
11229
11230    
11231    
11232    <slideshow-slides
11233      tabindex="-1"
11234      ref="scroller"
11235      
11236      
11237    >
11238      <slideshow-slide
11239  ref="slides[]"
11240  aria-hidden="true"
11241  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
11242  
11243    class="product-media-container media-fit product-media-container--image"
11244  
11245  
11246  
11247  
11248    slide-id="65754720043385"
11249  
11250  
11251  
11252>
11253  
11254
11255<div
11256  class="product-media"
11257  style="--ratio: 0.7823608316566063"
11258  data-media-id="65754720043385"
11259>
11260  
11261  <img src="//dk.com/cdn/shop/files/getfile_fc33fc69-2f98-4009-be74-faca54c420b6.jpg?v=1757350304&amp;width=3840" alt="Fit at 50 jacket image" srcset="//dk.com/cdn/shop/files/getfile_fc33fc69-2f98-4009-be74-faca54c420b6.jpg?v=1757350304&amp;width=240 240w, //dk.com/cdn/shop/files/getfile_fc33fc69-2f98-4009-be74-faca54c420b6.jpg?v=1757350304&amp;width=352 352w, //dk.com/cdn/shop/files/getfile_fc33fc69-2f98-4009-be74-faca54c420b6.jpg?v=1757350304&amp;width=832 832w, //dk.com/cdn/shop/files/getfile_fc33fc69-2f98-4009-be74-faca54c420b6.jpg?v=1757350304&amp;width=1200 1200w, //dk.com/cdn/shop/files/getfile_fc33fc69-2f98-4009-be74-faca54c420b6.jpg?v=1757350304&amp;width=1600 1600w, //dk.com/cdn/shop/files/getfile_fc33fc69-2f98-4009-be74-faca54c420b6.jpg?v=1757350304&amp;width=1920 1920w, //dk.com/cdn/shop/files/getfile_fc33fc69-2f98-4009-be74-faca54c420b6.jpg?v=1757350304&amp;width=2560 2560w, //dk.com/cdn/shop/files/getfile_fc33fc69-2f98-4009-be74-faca54c420b6.jpg?v=1757350304&amp;width=3840 3840w" width="3840" height="4908" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_fc33fc69-2f98-4009-be74-faca54c420b6.jpg?v=1757350304&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11262
11263  
11264</div>
11265
11266
11267  
11268</slideshow-slide>
11269    </slideshow-slides>
11270  </slideshow-container>
11271  
11272</slideshow-component>
11273
11274    </a>
11275  
11276  
11277    
11278    
11279  
11280
11281</div>
11282
11283
11284
11285
11286
11287<div class="product-grid-view-zoom-out--details">
11288  
11289    <h3 class="h4">Fit at 50</h3>
11290    <div class="h6">
11291      <product-price data-product-id="15122870993273">
11292        <div class="priceContainerDiv" ref="priceContainer">
11293  
11294
11295  
11296    <span class="price">$29.00</span>
11297  
11298
11299  
11300</div>
11301
11302      </product-price>
11303    </div>
11304  
11305</div>
11306
11307
11308
11309
11310
11311  
11312  <a
11313    class="contents user-select-text"
11314    ref="productTitleLink"
11315    href="
11316/en-us/products/9780593959701-fit-at-50?variant=55766931865977"
11317  >
11318    
11319
11320
11321
11322
11323
11324
11325
11326
11327
11328
11329  <div 
11330  class=" spacing-style text-block text-block--ALzd3RVRzQ3hJdy9kU__product_title_n8aCWk-4 h5
11331    text-block--align-center
11332  "
11333
11334  style="
11335    --padding-block-start: 10px; --padding-block-end:0px; 
11336--padding-inline-start:8px; --padding-inline-end:8px; 
11337
11338    
11339--color: var(--color-foreground-heading);
11340    --width: 100%;
11341    
11342    
11343      --text-align: center;
11344    
11345    
11346  "
11347
11348  
11349>
11350    <p>Fit at 50</p>
11351  </div>
11352
11353
11354
11355
11356  </a>
11357
11358
11359
11360
11361
11362
11363
11364
11365
11366
11367
11368
11369
11370
11371
11372
11373  <rte-formatter 
11374  class=" spacing-style text-block text-block--AbFNIU3R3aTNuNmdCR__text_N4jPVy-4 paragraph
11375    text-block--align-center rte 
11376  "
11377
11378  style="
11379    --padding-block-start: 0px; --padding-block-end:0px; 
11380--padding-inline-start:8px; --padding-inline-end:8px; 
11381
11382    
11383--color: var(--color-foreground);
11384    --width: 100%;
11385    
11386    
11387      --text-align: center;
11388    
11389    
11390  "
11391
11392  
11393>
11394    
11395        <p>
11396          
11397            
11398            Follow personal trainer and influencer, Caroline Idiens' ...
11399          
11400        </p>
11401    
11402  </rte-formatter>
11403
11404
11405
11406
11407
11408
11409
11410
11411
11412<product-price
11413  class="text-block text-block--align-center text-center h6 spacing-style"
11414  data-block-id="AUTNmcDdnVlNQYmZhY__price_xBxJqp-4"
11415  data-product-id="15122870993273"
11416  style="
11417    
11418--color: var(--color-foreground);
11419    --padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
11420    --width: 100%;
11421  "
11422  
11423>
11424  <div class="priceContainerDiv" ref="priceContainer">
11425  
11426
11427  
11428    <span class="price">$29.00</span>
11429  
11430
11431  
11432</div>
11433
11434
11435  
11436</product-price>
11437
11438
11439
11440
11441
11442
11443
11444
11445  </div>
11446</product-card></product-card-link>
11447
11448
11449
11450
11451              
11452            </div>
11453
11454            
11455                
11456</slideshow-slide>
11457  
11458    <slideshow-slide
11459  ref="slides[]"
11460  aria-hidden="true"
11461  style="view-timeline-name: --slide-5; --product-media-fit: cover;"
11462  
11463    class="resource-list__slide"
11464  
11465  
11466  
11467  
11468  
11469  
11470>
11471  
11472            
11473          
11474            <div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
11475              
11476                
11477
11478
11479
11480
11481
11482<style data-shopify>
11483  
11484</style>
11485
11486
11487<product-card-link
11488    data-product-id="15122727698809"
11489    data-featured-media-url="//dk.com/cdn/shop/files/getfile_bc4247ba-f77a-42e4-8528-4f837c2a60b4.jpg?v=1757343048&width=500"
11490    data-product-transition="true"
11491    
11492  ><product-card
11493  class="product-card collection-grid"
11494  data-product-id="15122727698809"
11495  data-product-variants-size="1"
11496  id="product-card-Aait4ekd2dFY1dUYyd__static-product-card-5"
11497  data-product-transition="true"
11498  
11499  
11500  
11501>
11502  <a
11503    id="e85e424c3fed37f48b9b8bda4fad3ad2"
11504    
11505      href="/en-us/products/9780744098679-the-human-body-coloring-book?variant=55766457811321"
11506    
11507    class="product-card__link"
11508    ref="productCardLink"
11509  >
11510    <span class="visually-hidden">
11511      The Human Body Coloring Book
11512    </span>
11513  </a>
11514  
11515  <div
11516    class="
11517      product-card__content
11518      layout-panel-flex
11519      layout-panel-flex--column
11520      product-grid__card
11521      spacing-style
11522      border-style
11523      gap-style
11524      
11525    "
11526    style="
11527      --border-width: 1px; --border-style: none; --border-color:
11528rgb(var(--color-border-rgb) / 1.0); --border-radius:
115290px; 
11530
11531      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
11532
11533
11534
11535--horizontal-alignment: ; --vertical-alignment: ;
11536--vertical-alignment-mobile: ;
11537
11538      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11539      --product-card-gap: 4px;
11540      --quick-add-display: none;
11541      --quick-add-mobile-display: none;
11542      
11543      
11544      
11545      
11546    "
11547  >
11548    
11549
11550
11551
11552<div
11553  class="product-badges product-badges--top-left date2024-06-18"
11554  style="
11555    --badge-border-radius: 40px;
11556    --badge-font-family: var(--font-body--family);
11556 --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
11557  "
11558></div>
11559
11560
11561
11562    
11563  
11564
11565
11566
11567
11568
11569
11570
11571<div
11572  ref="cardGallery"
11573  class="card-gallery card-gallery-Aa3kxK1p0Q3FORU8rZ__product_card_gallery_jtc4EY-5 spacing-style border-style"
11574  style="
11575    --border-width: 1px; --border-style: none; --border-color:
11576rgb(var(--color-border-rgb) / 1.0); --border-radius:
115770px; 
11578
11579    --padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
11580    --gallery-aspect-ratio: 0.7822800120955549;
11581  "
11582  data-product-id="15122727698809"
11583  
11584  
11585    data-view-transition-to-main-product
11586  
11587  data-image-ratio="adapt"
11588  
11589>
11590    <a
11591      class="contents"
11592      ref="cardGalleryLink"
11593      href="
11594/en-us/products/9780744098679-the-human-body-coloring-book?variant=55766457811321"
11595      aria-label="The Human Body Coloring Book"
11596    >
11597      
11598
11599
11600<slideshow-component
11601  
11602    ref="slideshow"
11603  
11604  
11605  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
11606  
11607  initial-slide="0"
11608  
11609  
11610    infinite
11611  
11612
11613  data-generic-media-size="5" disabled="true"
11614>
11615  
11616
11617
11618  <slideshow-container ref="slideshowContainer">
11619    
11620      <slideshow-arrows
11621  position="center"
11622  
11623><button
11624  class="
11625    slideshow-control slideshow-control--previous
11626    
11627    
11628    slideshow-control--style-arrow
11629    button button-unstyled button-unstyled--transparent
11630     flip-x
11631  "
11632  
11633  aria-label="Previous slide"
11634  
11635  on:click="/previous"
11636  ref="previous"
11637>
11638  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
11639</span>
11640</button>
11641<button
11642  class="
11643    slideshow-control slideshow-control--next
11644    
11645    
11646    slideshow-control--style-arrow
11647    button button-unstyled button-unstyled--transparent
11648    
11649  "
11650  
11651  aria-label="Next slide"
11652  
11653  on:click="/next"
11654  ref="next"
11655>
11656  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
11657</span>
11658</button>
11659</slideshow-arrows>
11660
11661    
11662    
11663    <slideshow-slides
11664      tabindex="-1"
11665      ref="scroller"
11666      
11667      
11668    >
11669      <slideshow-slide
11670  ref="slides[]"
11671  aria-hidden="true"
11672  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
11673  
11674    class="product-media-container media-fit product-media-container--image"
11675  
11676  
11677  
11678  
11679    slide-id="65754160464249"
11680  
11681  
11682  
11683>
11684  
11685
11686<div
11687  class="product-media"
11688  style="--ratio: 0.7822800120955549"
11689  data-media-id="65754160464249"
11690>
11691  
11692  <img src="//dk.com/cdn/shop/files/getfile_bc4247ba-f77a-42e4-8528-4f837c2a60b4.jpg?v=1757343048&amp;width=3840" alt="The Human Body Coloring Book jacket image" srcset="//dk.com/cdn/shop/files/getfile_bc4247ba-f77a-42e4-8528-4f837c2a60b4.jpg?v=1757343048&amp;width=240 240w, //dk.com/cdn/shop/files/getfile_bc4247ba-f77a-42e4-8528-4f837c2a60b4.jpg?v=1757343048&amp;width=352 352w, //dk.com/cdn/shop/files/getfile_bc4247ba-f77a-42e4-8528-4f837c2a60b4.jpg?v=1757343048&amp;width=832 832w, //dk.com/cdn/shop/files/getfile_bc4247ba-f77a-42e4-8528-4f837c2a60b4.jpg?v=1757343048&amp;width=1200 1200w, //dk.com/cdn/shop/files/getfile_bc4247ba-f77a-42e4-8528-4f837c2a60b4.jpg?v=1757343048&amp;width=1600 1600w, //dk.com/cdn/shop/files/getfile_bc4247ba-f77a-42e4-8528-4f837c2a60b4.jpg?v=1757343048&amp;width=1920 1920w, //dk.com/cdn/shop/files/getfile_bc4247ba-f77a-42e4-8528-4f837c2a60b4.jpg?v=1757343048&amp;width=2560 2560w, //dk.com/cdn/shop/files/getfile_bc4247ba-f77a-42e4-8528-4f837c2a60b4.jpg?v=1757343048&amp;width=3840 3840w" width="3840" height="4909" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_bc4247ba-f77a-42e4-8528-4f837c2a60b4.jpg?v=1757343048&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11693
11694  
11695</div>
11696
11697
11698  
11699</slideshow-slide>
11700    </slideshow-slides>
11701  </slideshow-container>
11702  
11703</slideshow-component>
11704
11705    </a>
11706  
11707  
11708    
11709    
11710  
11711
11712</div>
11713
11714
11715
11716
11717
11718<div class="product-grid-view-zoom-out--details">
11719  
11720    <h3 class="h4">The Human Body Coloring Book</h3>
11721    <div class="h6">
11722      <product-price data-product-id="15122727698809">
11723        <div class="priceContainerDiv" ref="priceContainer">
11724  
11725
11726  
11727    <span class="price">$24.99</span>
11728  
11729
11730  
11731</div>
11732
11733      </product-price>
11734    </div>
11735  
11736</div>
11737
11738
11739
11740
11741
11742  
11743  <a
11744    class="contents user-select-text"
11745    ref="productTitleLink"
11746    href="
11747/en-us/products/9780744098679-the-human-body-coloring-book?variant=55766457811321"
11748  >
11749    
11750
11751
11752
11753
11754
11755
11756
11757
11758
11759
11760  <div 
11761  class=" spacing-style text-block text-block--ALzd3RVRzQ3hJdy9kU__product_title_n8aCWk-5 h5
11762    text-block--align-center
11763  "
11764
11765  style="
11766    --padding-block-start: 10px; --padding-block-end:0px; 
11767--padding-inline-start:8px; --padding-inline-end:8px; 
11768
11769    
11770--color: var(--color-foreground-heading);
11771    --width: 100%;
11772    
11773    
11774      --text-align: center;
11775    
11776    
11777  "
11778
11779  
11780>
11781    <p>The Human Body Coloring Book</p>
11782  </div>
11783
11784
11785
11786
11787  </a>
11788
11789
11790
11791
11792
11793
11794
11795
11796
11797
11798
11799
11800
11801
11802
11803
11804  <rte-formatter 
11805  class=" spacing-style text-block text-block--AbFNIU3R3aTNuNmdCR__text_N4jPVy-5 paragraph
11806    text-block--align-center rte 
11807  "
11808
11809  style="
11810    --padding-block-start: 0px; --padding-block-end:0px; 
11811--padding-inline-start:8px; --padding-inline-end:8px; 
11812
11813    
11814--color: var(--color-foreground);
11815    --width: 100%;
11816    
11817    
11818      --text-align: center;
11819    
11820    
11821  "
11822
11823  
11824>
11825    
11826        <p>
11827          
11828            
11829            Discover the intricacies of the human body by naming each...
11830          
11831        </p>
11832    
11833  </rte-formatter>
11834
11835
11836
11837
11838
11839
11840
11841
11842
11843<product-price
11844  class="text-block text-block--align-center text-center h6 spacing-style"
11845  data-block-id="AUTNmcDdnVlNQYmZhY__price_xBxJqp-5"
11846  data-product-id="15122727698809"
11847  style="
11848    
11849--color: var(--color-foreground);
11850    --padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
11851    --width: 100%;
11852  "
11853  
11854>
11855  <div class="priceContainerDiv" ref="priceContainer">
11856  
11857
11858  
11859    <span class="price">$24.99</span>
11860  
11861
11862  
11863</div>
11864
11865
11866  
11867</product-price>
11868
11869
11870
11871
11872
11873
11874
11875
11876  </div>
11877</product-card></product-card-link>
11878
11879
11880
11881
11882              
11883            </div>  
11884</slideshow-slide>
11885  
11886
11887    </slideshow-slides>
11888  </slideshow-container>
11889  
11890</slideshow-component>
11891
11892</div>
11893
11894
11895    
11896</div>
11897
11898
11899
11900
11901
11902  <div
11903    class="section-resource-list__content"
11904    style="--horizontal-alignment: center;"
11905  ></div>
11906</div>
11907
11908
11909</div><div id="shopify-section-template--26089998483833__collection_list_xpBxCm" class="shopify-section ui-test-collection-list">
11910
11911
11912
11913<div class="section-background color-scheme-1"></div>
11914
11915<div
11916  class="
11917    section
11918    section--page-width
11919    color-scheme-1
11920    section-resource-list
11921    spacing-style
11922    gap-style
11923  "
11924  style="
11925    --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
11926    --gap: 24px;
11927  "
11928>
11929  <div class="section-resource-list__content">
11930
11931
11932
11933<div
11934  class="
11935    group-block
11936    group-block--height-fit
11937    group-block--width-fill
11938    border-style
11939    spacing-style
11940    size-style
11941    
11942    
11943  "
11944  style="
11945    --border-width: 1px; --border-style: none; --border-color:
11946rgb(var(--color-border-rgb) / 1.0); --border-radius:
119470px; 
11948
11949    --padding-block-start: 0px;--padding-block-end: 16px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11950    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
11951    
11952  "
11953  
11954  data-testid="group-block"
11955><div class="group-block__media-wrapper">
11956    
11957
11958    
11959  </div>
11960
11961  <div
11962    class="
11963      group-block-content
11964      
11965      layout-panel-flex
11966      layout-panel-flex--column
11967       mobile-column
11968    "
11969    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
11970
11971--gap: 16px;
11972
11973--horizontal-alignment: center; --vertical-alignment: center;
11974--vertical-alignment-mobile: center;
11975"
11976  >
11977  
11978
11979
11980
11981
11982
11983
11984
11985
11986
11987
11988
11989
11990  <div 
11991  class=" spacing-style text-block text-block--AU2JhWW5zU2NodW5Ne__text_AYrwfM h3
11992    
11993  "
11994
11995  style="
11996    --padding-block-start: 0px; --padding-block-end:0px; 
11997--padding-inline-start:0px; --padding-inline-end:0px; 
11998
11999    
12000--color: var(--color-foreground);
12001    --width: fit-content;
12002    
12003    
12004    
12005  "
12006
12007  
12008>
12009    
12010        <p>
12011          
12012            <p><strong>Most popular categories</strong></p>
12013          
12014        </p>
12015    
12016  </div>
12017
12018
12019
12020
12021
12022
12023
12024</div>
12025</div>
12026
12027
12028
12029
12030
12031</div>
12032
12033  
12034
12035  
12036
12037  
12038
12039  
12040
12041<div
12042  class="
12043    resource-list
12044    
12045    
12046      hidden--mobile
12047    
12048    resource-list--grid
12049  "
12050  style="--resource-list-column-gap-desktop: 32px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(5, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
12051  
12052    data-testid="collections-list-grid"
12053  
12054>
12055  
12056      
12057    
12058      <div class="resource-list__item">
12059        
12060
12061
12062
12063<style data-shopify>
12064  
12065</style>
12066
12067
12068
12069
12070
12071
12072
12073<div
12074  class="
12075    collection-card
12076    border-style
12077    collection-card--image-bg
12078    
12079    
12080     color-scheme-6
12081  "
12082  data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card"
12083  
12084  style="
12085    --border-width: 1px; --border-style: none; --border-color:
12086rgb(var(--color-border-rgb) / 1.0); --border-radius:
120870px; 
12088
12089    --horizontal-alignment: flex-start;
12090    --vertical-alignment: flex-start;
12091    --background-overlay-color: ;
12092    --collection-card-gap: 8px;
12093  ">
12094  <a
12095    class="collection-card__link"
12096    
12097      href="/en-us/collections/childrens"
12098    
12099  >
12100    <span class="visually-hidden">Children's</span>
12101  </a>
12102  <div class="collection-card__inner">
12103    
12104  
12105
12106
12107
12108
12109
12110<style data-shopify>
12111  
12112    .collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card"] {
12113      --ratio: 1.2;
12114    }
12115  
12116</style>
12117
12118
12119  <div
12120    class="
12121      image-block
12122      resource-image
12123      
12124        collection-card__image
12125      
12126      spacing-style border-style
12127      
12128    "
12129    style="--border-width: 1px; --border-style: none; --border-color:
12130rgb(var(--color-border-rgb) / 1.0); --border-radius:
121310px; 
12132"
12133    
12134  ><img src="//dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&amp;width=3840" alt="Children&#39;s" srcset="//dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&amp;width=240 240w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&amp;width=352 352w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&amp;width=832 832w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&amp;width=1200 1200w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&amp;width=1600 1600w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&amp;width=1920 1920w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&amp;width=2560 2560w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&amp;width=3840 3840w" width="3840" height="3200" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
12135  </div>
12136
12137
12138
12139
12140
12141
12142
12143
12144    <div class="collection-card__content layout-panel-flex--column">
12145      
12146  
12147
12148    </div>
12149  </div>
12150</div>
12151
12152
12153
12154
12155
12156
12157      </div>
12158      
12159        <!--@list/split-->
12160      
12161    
12162      <div class="resource-list__item">
12163        
12164
12165
12166
12167<style data-shopify>
12168  
12169</style>
12170
12171
12172
12173
12174
12175
12176
12177<div
12178  class="
12179    collection-card
12180    border-style
12181    collection-card--image-bg
12182    
12183    
12184     color-scheme-6
12185  "
12186  data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-1"
12187  
12188  style="
12189    --border-width: 1px; --border-style: none; --border-color:
12190rgb(var(--color-border-rgb) / 1.0); --border-radius:
121910px; 
12192
12193    --horizontal-alignment: flex-start;
12194    --vertical-alignment: flex-start;
12195    --background-overlay-color: ;
12196    --collection-card-gap: 8px;
12197  ">
12198  <a
12199    class="collection-card__link"
12200    
12201      href="/en-us/collections/food-drink"
12202    
12203  >
12204    <span class="visually-hidden">
12204Food & Drink</span>
12205  </a>
12206  <div class="collection-card__inner">
12207    
12208  
12209
12210
12211
12212
12213
12214<style data-shopify>
12215  
12216    .collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-1"] {
12217      --ratio: 1.2;
12218    }
12219  
12220</style>
12221
12222
12223  <div
12224    class="
12225      image-block
12226      resource-image
12227      
12228        collection-card__image
12229      
12230      spacing-style border-style
12231      
12232    "
12233    style="--border-width: 1px; --border-style: none; --border-color:
12234rgb(var(--color-border-rgb) / 1.0); --border-radius:
122350px; 
12236"
12237    
12238  ><img src="//dk.com/cdn/shop/collections/DK_5.png?v=1757682497&amp;width=3840" alt="Food &amp; Drink" srcset="//dk.com/cdn/shop/collections/DK_5.png?v=1757682497&amp;width=240 240w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&amp;width=352 352w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&amp;width=832 832w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&amp;width=1200 1200w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&amp;width=1600 1600w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&amp;width=1920 1920w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&amp;width=2560 2560w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&amp;width=3840 3840w" width="3840" height="3200" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
12239  </div>
12240
12241
12242
12243
12244
12245
12246
12247
12248    <div class="collection-card__content layout-panel-flex--column">
12249      
12250  
12251
12252    </div>
12253  </div>
12254</div>
12255
12256
12257
12258
12259
12260
12261      </div>
12262      
12263        <!--@list/split-->
12264      
12265    
12266      <div class="resource-list__item">
12267        
12268
12269
12270
12271<style data-shopify>
12272  
12273</style>
12274
12275
12276
12277
12278
12279
12280
12281<div
12282  class="
12283    collection-card
12284    border-style
12285    collection-card--image-bg
12286    
12287    
12288     color-scheme-6
12289  "
12290  data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-2"
12291  
12292  style="
12293    --border-width: 1px; --border-style: none; --border-color:
12294rgb(var(--color-border-rgb) / 1.0); --border-radius:
122950px; 
12296
12297    --horizontal-alignment: flex-start;
12298    --vertical-alignment: flex-start;
12299    --background-overlay-color: ;
12300    --collection-card-gap: 8px;
12301  ">
12302  <a
12303    class="collection-card__link"
12304    
12305      href="/en-us/collections/gardening"
12306    
12307  >
12308    <span class="visually-hidden">Gardening</span>
12309  </a>
12310  <div class="collection-card__inner">
12311    
12312  
12313
12314
12315
12316
12317
12318<style data-shopify>
12319  
12320    .collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-2"] {
12321      --ratio: 1.2;
12322    }
12323  
12324</style>
12325
12326
12327  <div
12328    class="
12329      image-block
12330      resource-image
12331      
12332        collection-card__image
12333      
12334      spacing-style border-style
12335      
12336    "
12337    style="--border-width: 1px; --border-style: none; --border-color:
12338rgb(var(--color-border-rgb) / 1.0); --border-radius:
123390px; 
12340"
12341    
12342  ><img src="//dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&amp;width=3840" alt="Gardening" srcset="//dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&amp;width=240 240w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&amp;width=352 352w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&amp;width=832 832w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&amp;width=1200 1200w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&amp;width=1600 1600w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&amp;width=1920 1920w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&amp;width=2560 2560w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&amp;width=3840 3840w" width="3840" height="3200" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
12343  </div>
12344
12345
12346
12347
12348
12349
12350
12351
12352    <div class="collection-card__content layout-panel-flex--column">
12353      
12354  
12355
12356    </div>
12357  </div>
12358</div>
12359
12360
12361
12362
12363
12364
12365      </div>
12366      
12367        <!--@list/split-->
12368      
12369    
12370      <div class="resource-list__item">
12371        
12372
12373
12374
12375<style data-shopify>
12376  
12377</style>
12378
12379
12380
12381
12382
12383
12384
12385<div
12386  class="
12387    collection-card
12388    border-style
12389    collection-card--image-bg
12390    
12391    
12392     color-scheme-6
12393  "
12394  data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-3"
12395  
12396  style="
12397    --border-width: 1px; --border-style: none; --border-color:
12398rgb(var(--color-border-rgb) / 1.0); --border-radius:
123990px; 
12400
12401    --horizontal-alignment: flex-start;
12402    --vertical-alignment: flex-start;
12403    --background-overlay-color: ;
12404    --collection-card-gap: 8px;
12405  ">
12406  <a
12407    class="collection-card__link"
12408    
12409      href="/en-us/collections/non-fiction"
12410    
12411  >
12412    <span class="visually-hidden">Non-fiction</span>
12413  </a>
12414  <div class="collection-card__inner">
12415    
12416  
12417
12418
12419
12420
12421
12422<style data-shopify>
12423  
12424    .collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-3"] {
12425      --ratio: 1.2;
12426    }
12427  
12428</style>
12429
12430
12431  <div
12432    class="
12433      image-block
12434      resource-image
12435      
12436        collection-card__image
12437      
12438      spacing-style border-style
12439      
12440    "
12441    style="--border-width: 1px; --border-style: none; --border-color:
12442rgb(var(--color-border-rgb) / 1.0); --border-radius:
124430px; 
12444"
12445    
12446  ><img src="//dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&amp;width=3840" alt="Non-fiction" srcset="//dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&amp;width=240 240w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&amp;width=352 352w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&amp;width=832 832w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&amp;width=1200 1200w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&amp;width=1600 1600w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&amp;width=1920 1920w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&amp;width=2560 2560w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&amp;width=3840 3840w" width="3840" height="3200" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
12447  </div>
12448
12449
12450
12451
12452
12453
12454
12455
12456    <div class="collection-card__content layout-panel-flex--column">
12457      
12458  
12459
12460    </div>
12461  </div>
12462</div>
12463
12464
12465
12466
12467
12468
12469      </div>
12470      
12471        <!--@list/split-->
12472      
12473    
12474      <div class="resource-list__item">
12475        
12476
12477
12478
12479<style data-shopify>
12480  
12481</style>
12482
12483
12484
12485
12486
12487
12488
12489<div
12490  class="
12491    collection-card
12492    border-style
12493    collection-card--image-bg
12494    
12495    
12496     color-scheme-6
12497  "
12498  data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-4"
12499  
12500  style="
12501    --border-width: 1px; --border-style: none; --border-color:
12502rgb(var(--color-border-rgb) / 1.0); --border-radius:
125030px; 
12504
12505    --horizontal-alignment: flex-start;
12506    --vertical-alignment: flex-start;
12507    --background-overlay-color: ;
12508    --collection-card-gap: 8px;
12509  ">
12510  <a
12511    class="collection-card__link"
12512    
12513      href="/en-us/collections/travel"
12514    
12515  >
12516    <span class="visually-hidden">Travel</span>
12517  </a>
12518  <div class="collection-card__inner">
12519    
12520  
12521
12522
12523
12524
12525
12526<style data-shopify>
12527  
12528    .collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-4"] {
12529      --ratio: 1.2;
12530    }
12531  
12532</style>
12533
12534
12535  <div
12536    class="
12537      image-block
12538      resource-image
12539      
12540        collection-card__image
12541      
12542      spacing-style border-style
12543      
12544    "
12545    style="--border-width: 1px; --border-style: none; --border-color:
12546rgb(var(--color-border-rgb) / 1.0); --border-radius:
125470px; 
12548"
12549    
12550  ><img src="//dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&amp;width=3840" alt="Travel" srcset="//dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&amp;width=240 240w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&amp;width=352 352w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&amp;width=832 832w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&amp;width=1200 1200w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&amp;width=1600 1600w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&amp;width=1920 1920w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&amp;width=2560 2560w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&amp;width=3840 3840w" width="3840" height="3200" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
12551  </div>
12552
12553
12554
12555
12556
12557
12558
12559
12560    <div class="collection-card__content layout-panel-flex--column">
12561      
12562  
12563
12564    </div>
12565  </div>
12566</div>
12567
12568
12569
12570
12571
12572
12573      </div>
12574      
12575    
12576  
12577
12578    
12579</div>
12580
12581
12582
12583  
12584
12585  <div
12586    class="
12587      resource-list
12588      hidden--desktop
12589      resource-list__carousel
12590      force-full-width
12591    "
12592    style="
12593      --resource-list-column-gap-desktop: 32px;
12594      --column-count: 5;
12595      --column-count-mobile: 1;
12596      --mobile-card-size: 60cqw;
12597    "
12598  >
12599    
12600    
12601
12602
12603
12604
12605
12606<div
12607  class="resource-list__carousel"
12608  style="
12609    
12610      --gutter-slide-width: var(--util-page-margin-offset);
12611    
12612    --slide-width-max: 450px;
12613  "
12614>
12615  
12616
12617
12618<slideshow-component
12619  
12620    ref="collectionListMobile"
12621  
12622  
12623    class="resource-list__carousel"
12624  
12625  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
12626  
12627  initial-slide="0"
12628  
12629  
12630
12631  
12632>
12633  
12634
12635
12636  <slideshow-container ref="slideshowContainer">
12637    
12638    
12639      
12640    <slideshow-arrows
12641  position="center"
12642  
12643><button
12644  class="
12645    slideshow-control slideshow-control--previous
12646    
12647    
12648    slideshow-control--style-arrow
12649    button button-unstyled button-unstyled--transparent
12650     flip-x
12651  "
12652  
12653  aria-label="Previous slide"
12654  
12655  on:click="/previous"
12656  ref="previous"
12657>
12658  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
12659</span>
12660</button>
12661<button
12662  class="
12663    slideshow-control slideshow-control--next
12664    
12665    
12666    slideshow-control--style-arrow
12667    button button-unstyled button-unstyled--transparent
12668    
12669  "
12670  
12671  aria-label="Next slide"
12672  
12673  on:click="/next"
12674  ref="next"
12675>
12676  <span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
12677</span>
12678</button>
12679</slideshow-arrows>
12680
12681  
12682    
12683    <slideshow-slides
12684      tabindex="-1"
12685      ref="scroller"
12686      
12687      
12688        gutters="start end"
12689      
12690    >
12691      
12692  
12693    <slideshow-slide
12694  ref="slides[]"
12695  aria-hidden="false"
12696  style="view-timeline-name: --slide-0; --product-media-fit: cover;"
12697  
12698    class="resource-list__slide"
12699  
12700  
12701  
12702  
12703  
12704  
12705>
12706  <div class="resource-list__item">
12707        
12708
12709
12710
12711<style data-shopify>
12712  
12713</style>
12714
12715
12716
12717
12718
12719
12720
12721<div
12722  class="
12723    collection-card
12724    border-style
12725    collection-card--image-bg
12726    
12727    
12728     color-scheme-6
12729  "
12730  data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card"
12731  
12732  style="
12733    --border-width: 1px; --border-style: none; --border-color:
12734rgb(var(--color-border-rgb) / 1.0); --border-radius:
127350px; 
12736
12737    --horizontal-alignment: flex-start;
12738    --vertical-alignment: flex-start;
12739    --background-overlay-color: ;
12740    --collection-card-gap: 8px;
12741  ">
12742  <a
12743    class="collection-card__link"
12744    
12745      href="/en-us/collections/childrens"
12746    
12747  >
12748    <span class="visually-hidden">Children's</span>
12749  </a>
12750  <div class="collection-card__inner">
12751    
12752  
12753
12754
12755
12756
12757
12758<style data-shopify>
12759  
12760    .collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card"] {
12761      --ratio: 1.2;
12762    }
12763  
12764</style>
12765
12766
12767  <div
12768    class="
12769      image-block
12770      resource-image
12771      
12772        collection-card__image
12773      
12774      spacing-style border-style
12775      
12776    "
12777    style="--border-width: 1px; --border-style: none; --border-color:
12778rgb(var(--color-border-rgb) / 1.0); --border-radius:
127790px; 
12780"
12781    
12782  ><img src="//dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&amp;width=3840" alt="Children&#39;s" srcset="//dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&amp;width=240 240w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&amp;width=352 352w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&amp;width=832 832w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&amp;width=1200 1200w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&amp;width=1600 1600w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&amp;width=1920 1920w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&amp;width=2560 2560w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&amp;width=3840 3840w" width="3840" height="3200" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
12783  </div>
12784
12785
12786
12787
12788
12789
12790
12791
12792    <div class="collection-card__content layout-panel-flex--column">
12793      
12794  
12795
12796    </div>
12797  </div>
12798</div>
12799
12800
12801
12802
12803
12804
12805      </div>
12806      
12807          
12808</slideshow-slide>
12809  
12810    <slideshow-slide
12811  ref="slides[]"
12812  aria-hidden="true"
12813  style="view-timeline-name: --slide-1; --product-media-fit: cover;"
12814  
12815    class="resource-list__slide"
12816  
12817  
12818  
12819  
12820  
12821  
12822>
12823  
12824      
12825    
12826      <div class="resource-list__item">
12827        
12828
12829
12830
12831<style data-shopify>
12832  
12833</style>
12834
12835
12836
12837
12838
12839
12840
12841<div
12842  class="
12843    collection-card
12844    border-style
12845    collection-card--image-bg
12846    
12847    
12848     color-scheme-6
12849  "
12850  data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-1"
12851  
12852  style="
12853    --border-width: 1px; --border-style: none; --border-color:
12854rgb(var(--color-border-rgb) / 1.0); --border-radius:
128550px; 
12856
12857    --horizontal-alignment: flex-start;
12858    --vertical-alignment: flex-start;
12859    --background-overlay-color: ;
12860    --collection-card-gap: 8px;
12861  ">
12862  <a
12863    class="collection-card__link"
12864    
12865      href="/en-us/collections/food-drink"
12866    
12867  >
12868    <span class="visually-hidden">
12868Food & Drink</span>
12869  </a>
12870  <div class="collection-card__inner">
12871    
12872  
12873
12874
12875
12876
12877
12878<style data-shopify>
12879  
12880    .collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-1"] {
12881      --ratio: 1.2;
12882    }
12883  
12884</style>
12885
12886
12887  <div
12888    class="
12889      image-block
12890      resource-image
12891      
12892        collection-card__image
12893      
12894      spacing-style border-style
12895      
12896    "
12897    style="--border-width: 1px; --border-style: none; --border-color:
12898rgb(var(--color-border-rgb) / 1.0); --border-radius:
128990px; 
12900"
12901    
12902  ><img src="//dk.com/cdn/shop/collections/DK_5.png?v=1757682497&amp;width=3840" alt="Food &amp; Drink" srcset="//dk.com/cdn/shop/collections/DK_5.png?v=1757682497&amp;width=240 240w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&amp;width=352 352w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&amp;width=832 832w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&amp;width=1200 1200w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&amp;width=1600 1600w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&amp;width=1920 1920w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&amp;width=2560 2560w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&amp;width=3840 3840w" width="3840" height="3200" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
12903  </div>
12904
12905
12906
12907
12908
12909
12910
12911
12912    <div class="collection-card__content layout-panel-flex--column">
12913      
12914  
12915
12916    </div>
12917  </div>
12918</div>
12919
12920
12921
12922
12923
12924
12925      </div>
12926      
12927          
12928</slideshow-slide>
12929  
12930    <slideshow-slide
12931  ref="slides[]"
12932  aria-hidden="true"
12933  style="view-timeline-name: --slide-2; --product-media-fit: cover;"
12934  
12935    class="resource-list__slide"
12936  
12937  
12938  
12939  
12940  
12941  
12942>
12943  
12944      
12945    
12946      <div class="resource-list__item">
12947        
12948
12949
12950
12951<style data-shopify>
12952  
12953</style>
12954
12955
12956
12957
12958
12959
12960
12961<div
12962  class="
12963    collection-card
12964    border-style
12965    collection-card--image-bg
12966    
12967    
12968     color-scheme-6
12969  "
12970  data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-2"
12971  
12972  style="
12973    --border-width: 1px; --border-style: none; --border-color:
12974rgb(var(--color-border-rgb) / 1.0); --border-radius:
129750px; 
12976
12977    --horizontal-alignment: flex-start;
12978    --vertical-alignment: flex-start;
12979    --background-overlay-color: ;
12980    --collection-card-gap: 8px;
12981  ">
12982  <a
12983    class="collection-card__link"
12984    
12985      href="/en-us/collections/gardening"
12986    
12987  >
12988    <span class="visually-hidden">Gardening</span>
12989  </a>
12990  <div class="collection-card__inner">
12991    
12992  
12993
12994
12995
12996
12997
12998<style data-shopify>
12999  
13000    .collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-2"] {
13001      --ratio: 1.2;
13002    }
13003  
13004</style>
13005
13006
13007  <div
13008    class="
13009      image-block
13010      resource-image
13011      
13012        collection-card__image
13013      
13014      spacing-style border-style
13015      
13016    "
13017    style="--border-width: 1px; --border-style: none; --border-color:
13018rgb(var(--color-border-rgb) / 1.0); --border-radius:
130190px; 
13020"
13021    
13022  ><img src="//dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&amp;width=3840" alt="Gardening" srcset="//dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&amp;width=240 240w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&amp;width=352 352w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&amp;width=832 832w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&amp;width=1200 1200w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&amp;width=1600 1600w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&amp;width=1920 1920w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&amp;width=2560 2560w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&amp;width=3840 3840w" width="3840" height="3200" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
13023  </div>
13024
13025
13026
13027
13028
13029
13030
13031
13032    <div class="collection-card__content layout-panel-flex--column">
13033      
13034  
13035
13036    </div>
13037  </div>
13038</div>
13039
13040
13041
13042
13043
13044
13045      </div>
13046      
13047          
13048</slideshow-slide>
13049  
13050    <slideshow-slide
13051  ref="slides[]"
13052  aria-hidden="true"
13053  style="view-timeline-name: --slide-3; --product-media-fit: cover;"
13054  
13055    class="resource-list__slide"
13056  
13057  
13058  
13059  
13060  
13061  
13062>
13063  
13064      
13065    
13066      <div class="resource-list__item">
13067        
13068
13069
13070
13071<style data-shopify>
13072  
13073</style>
13074
13075
13076
13077
13078
13079
13080
13081<div
13082  class="
13083    collection-card
13084    border-style
13085    collection-card--image-bg
13086    
13087    
13088     color-scheme-6
13089  "
13090  data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-3"
13091  
13092  style="
13093    --border-width: 1px; --border-style: none; --border-color:
13094rgb(var(--color-border-rgb) / 1.0); --border-radius:
130950px; 
13096
13097    --horizontal-alignment: flex-start;
13098    --vertical-alignment: flex-start;
13099    --background-overlay-color: ;
13100    --collection-card-gap: 8px;
13101  ">
13102  <a
13103    class="collection-card__link"
13104    
13105      href="/en-us/collections/non-fiction"
13106    
13107  >
13108    <span class="visually-hidden">Non-fiction</span>
13109  </a>
13110  <div class="collection-card__inner">
13111    
13112  
13113
13114
13115
13116
13117
13118<style data-shopify>
13119  
13120    .collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-3"] {
13121      --ratio: 1.2;
13122    }
13123  
13124</style>
13125
13126
13127  <div
13128    class="
13129      image-block
13130      resource-image
13131      
13132        collection-card__image
13133      
13134      spacing-style border-style
13135      
13136    "
13137    style="--border-width: 1px; --border-style: none; --border-color:
13138rgb(var(--color-border-rgb) / 1.0); --border-radius:
131390px; 
13140"
13141    
13142  ><img src="//dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&amp;width=3840" alt="Non-fiction" srcset="//dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&amp;width=240 240w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&amp;width=352 352w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&amp;width=832 832w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&amp;width=1200 1200w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&amp;width=1600 1600w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&amp;width=1920 1920w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&amp;width=2560 2560w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&amp;width=3840 3840w" width="3840" height="3200" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
13143  </div>
13144
13145
13146
13147
13148
13149
13150
13151
13152    <div class="collection-card__content layout-panel-flex--column">
13153      
13154  
13155
13156    </div>
13157  </div>
13158</div>
13159
13160
13161
13162
13163
13164
13165      </div>
13166      
13167          
13168</slideshow-slide>
13169  
13170    <slideshow-slide
13171  ref="slides[]"
13172  aria-hidden="true"
13173  style="view-timeline-name: --slide-4; --product-media-fit: cover;"
13174  
13175    class="resource-list__slide"
13176  
13177  
13178  
13179  
13180  
13181  
13182>
13183  
13184      
13185    
13186      <div class="resource-list__item">
13187        
13188
13189
13190
13191<style data-shopify>
13192  
13193</style>
13194
13195
13196
13197
13198
13199
13200
13201<div
13202  class="
13203    collection-card
13204    border-style
13205    collection-card--image-bg
13206    
13207    
13208     color-scheme-6
13209  "
13210  data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-4"
13211  
13212  style="
13213    --border-width: 1px; --border-style: none; --border-color:
13214rgb(var(--color-border-rgb) / 1.0); --border-radius:
132150px; 
13216
13217    --horizontal-alignment: flex-start;
13218    --vertical-alignment: flex-start;
13219    --background-overlay-color: ;
13220    --collection-card-gap: 8px;
13221  ">
13222  <a
13223    class="collection-card__link"
13224    
13225      href="/en-us/collections/travel"
13226    
13227  >
13228    <span class="visually-hidden">Travel</span>
13229  </a>
13230  <div class="collection-card__inner">
13231    
13232  
13233
13234
13235
13236
13237
13238<style data-shopify>
13239  
13240    .collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-4"] {
13241      --ratio: 1.2;
13242    }
13243  
13244</style>
13245
13246
13247  <div
13248    class="
13249      image-block
13250      resource-image
13251      
13252        collection-card__image
13253      
13254      spacing-style border-style
13255      
13256    "
13257    style="--border-width: 1px; --border-style: none; --border-color:
13258rgb(var(--color-border-rgb) / 1.0); --border-radius:
132590px; 
13260"
13261    
13262  ><img src="//dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&amp;width=3840" alt="Travel" srcset="//dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&amp;width=240 240w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&amp;width=352 352w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&amp;width=832 832w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&amp;width=1200 1200w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&amp;width=1600 1600w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&amp;width=1920 1920w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&amp;width=2560 2560w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&amp;width=3840 3840w" width="3840" height="3200" loading="eager" class="image-block__image" sizes="(min-width: 750px) 20vw, 100vw">
13263  </div>
13264
13265
13266
13267
13268
13269
13270
13271
13272    <div class="collection-card__content layout-panel-flex--column">
13273      
13274  
13275
13276    </div>
13277  </div>
13278</div>
13279
13280
13281
13282
13283
13284
13285      </div>  
13286</slideshow-slide>
13287  
13288
13289    </slideshow-slides>
13290  </slideshow-container>
13291  
13292</slideshow-component>
13293
13294</div>
13295
13296  </div>
13297
13298
13299</div>
13300
13301
13302</div>
13303    </main>
13304
13305    <!-- BEGIN sections: footer-group -->
13306<div id="shopify-section-sections--26089999401337__migrated_footer_content" 
13306class="shopify-section shopify-section-group-footer-group section-wrapper">
13307
13308
13309
13310<div class="section-background color-scheme-7"></div>
13311<div
13312  class="section section--page-width color-scheme-7"
13313  data-testid="ui-test-section"
13314
13315  
13316
13317  style="
13318    
13319
13320    
13321  "
13322>
13323  <div class="custom-section-background">
13324    
13325
13326  </div>
13327
13328  <div
13329    class="border-style custom-section-content"
13330    style="--border-width: 1px; --border-style: none; --border-color:
13331rgb(var(--color-border-rgb) / 1.0); --border-radius:
133320px; 
13333"
13334  >
13335    
13336
13337    <div
13338      class="
13339        spacing-style
13340        layout-panel-flex
13341        layout-panel-flex--column
13342        section-content-wrapper
13343         mobile-column
13344      "
13345      style="
13346        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
13347
13348--gap: 12px;
13349
13350--horizontal-alignment: flex-start; --vertical-alignment: center;
13351--vertical-alignment-mobile: center;
13352
13353        --padding-block-start: max(20px, calc(var(--spacing-scale) * 36px));--padding-block-end: 18px;
13354      "
13355      data-testid="section-content"
13356    >
13357      
13358  
13359
13360
13361
13362<div
13363  class="
13364    group-block
13365    group-block--height-fit
13366    group-block--width-fill
13367    border-style
13368    spacing-style
13369    size-style
13370    
13371    
13372  "
13373  style="
13374    --border-width: 1px; --border-style: none; --border-color:
13375rgb(var(--color-border-rgb) / 1.0); --border-radius:
133760px; 
13377
13378    --padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: 0px;--padding-inline-end: 0px;
13379    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
13380    
13381  "
13382  
13383  data-testid="group-block"
13384><div class="group-block__media-wrapper">
13385    
13386
13387    
13388  </div>
13389
13390  <div
13391    class="
13392      group-block-content
13393      
13394      layout-panel-flex
13395      layout-panel-flex--row
13396       mobile-column
13397    "
13398    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
13399
13400--gap: 16px;
13401
13402--horizontal-alignment: space-between; --vertical-alignment: flex-start;
13403--vertical-alignment-mobile: flex-start;
13404"
13405  >
13406  
13407
13408
13409
13410<div
13411  class="
13412    group-block
13413    group-block--height-fit
13414    group-block--width-custom
13415    border-style
13416    spacing-style
13417    size-style
13418    
13419    
13420  "
13421  style="
13422    --border-width: 1px; --border-style: none; --border-color:
13423rgb(var(--color-border-rgb) / 1.0); --border-radius:
134240px; 
13425
13426    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13427    --size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
13428    
13429  "
13430  
13431  data-testid="group-block"
13432><div class="group-block__media-wrapper">
13433    
13434
13435    
13436  </div>
13437
13438  <div
13439    class="
13440      group-block-content
13441      
13442      layout-panel-flex
13443      layout-panel-flex--row
13444       mobile-column
13445    "
13446    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
13447
13448--gap: 20px;
13449
13450--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
13451--vertical-alignment-mobile: flex-start;
13452"
13453  >
13454  
13455
13456
13457
13458
13459  <div class="footer-grid">
13460    
13461      <accordion-custom
13462        class="menu menu--accordion"
13463        data-disable-on-desktop="true"
13464        open-by-default-on-desktop
13465      >
13466        <details class="footer-accordion" open>
13467          <summary class="menu__heading">
13468            <span class="menu__heading__accordion">
13469              <span class="menu__heading__toggle con-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
13470  <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
13471</svg>
13472</span>
13473              <span class="menu__heading__toggle icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
13474  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
13475  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
13476</svg>
13477</span>
13478            </span>         
13479            <span class="footer-title">
13480              About us
13481            </span>
13482          </summary>
13483
13484          
13485            <ul class="details-content">
13486              
13487                <li>
13488                  <a
13489                    href="/en-us/pages/about-dk"
13490                    class="link link--text list-menu__item"
13491                  >
13492                    About DK
13493                  </a>
13494                </li>
13495              
13496                <li>
13497                  <a
13498                    href="/en-us/pages/careers-at-dk"
13499                    class="link link--text list-menu__item"
13500                  >
13501                    Careers at DK
13502                  </a>
13503                </li>
13504              
13505                <li>
13506                  <a
13507                    href="/en-us/pages/collaborating-with-dk"
13508                    class="link link--text list-menu__item"
13509                  >
13510                    Collaborating with DK
13511                  </a>
13512                </li>
13513              
13514                <li>
13515                  <a
13516                    href="/en-us/pages/partnerships"
13517                    class="link link--text list-menu__item"
13518                  >
13519                    Partnerships
13520                  </a>
13521                </li>
13522              
13523                <li>
13524                  <a
13525                    href="/en-us/pages/our_impact"
13526                    class="link link--text list-menu__item"
13527                  >
13528                    Sustainability
13529                  </a>
13530                </li>
13531              
13532                <li>
13533                  <a
13534                    href="/en-us/pages/dk-company-timeline"
13535                    class="link link--text list-menu__item"
13536                  >
13537                    DK Company Timeline
13538                  </a>
13539                </li>
13540              
13541                <li>
13542                  <a
13543                    href="/en-us/pages/contact-uk"
13544                    class="link link--text list-menu__item"
13545                  >
13546                    Contact Us
13547                  </a>
13548                </li>
13549              
13550            </ul>
13551          
13552        </details>
13553      </accordion-custom>
13554    
13555      <accordion-custom
13556        class="menu menu--accordion"
13557        data-disable-on-desktop="true"
13558        open-by-default-on-desktop
13559      >
13560        <details class="footer-accordion" open>
13561          <summary class="menu__heading">
13562            <span class="menu__heading__accordion">
13563              <span class="menu__heading__toggle con-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
13564  <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
13565</svg>
13566</span>
13567              <span class="menu__heading__toggle icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
13568  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
13569  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
13570</svg>
13571</span>
13572            </span>         
13573            <span class="footer-title">
13574              Help &amp; Shopping
13575            </span>
13576          </summary>
13577
13578          
13579            <ul class="details-content">
13580              
13581                <li>
13582                  <a
13583                    href="/en-us/pages/dk-faqs"
13584                    class="link link--text list-menu__item"
13585                  >
13586                    DK FAQs
13587                  </a>
13588                </li>
13589              
13590                <li>
13591                  <a
13592                    href="/en-us/pages/privacy-policy-and-cookies"
13593                    class="link link--text list-menu__item"
13594                  >
13595                    Privacy Policy and Cookies
13596                  </a>
13597                </li>
13598              
13599                <li>
13600                  <a
13601                    href="/en-us/pages/privacy-policy-and-cookies"
13602                    class="link link--text list-menu__item"
13603                  >
13604                    CA privacy Policy
13605                  </a>
13606                </li>
13607              
13608                <li>
13609                  <a
13610                    href="/en-us/pages/terms-and-conditions"
13611                    class="link link--text list-menu__item"
13612                  >
13613                    Terms and Conditions
13614                  </a>
13615                </li>
13616              
13617            </ul>
13618          
13619        </details>
13620      </accordion-custom>
13621    
13622      <accordion-custom
13623        class="menu menu--accordion"
13624        data-disable-on-desktop="true"
13625        open-by-default-on-desktop
13626      >
13627        <details class="footer-accordion" open>
13628          <summary class="menu__heading">
13629            <span class="menu__heading__accordion">
13630              <span class="menu__heading__toggle con-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
13631  <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
13632</svg>
13633</span>
13634              <span class="menu__heading__toggle icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
13635  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
13636  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
13637</svg>
13638</span>
13639            </span>         
13640            <span class="footer-title">
13641              Other DK Websites
13642            </span>
13643          </summary>
13644
13645          
13646            <ul class="details-content">
13647              
13648                <li>
13649                  <a
13650                    href="https://learning.dk.com"
13651                    class="link link--text list-menu__item"
13652                  >
13653                    DK Learning
13654                  </a>
13655                </li>
13656              
13657                <li>
13658                  <a
13659                    href="https://phonicbooks.co.uk"
13660                    class="link link--text list-menu__item"
13661                  >
13662                    Phonic Books
13663                  </a>
13664                </li>
13665              
13666                <li>
13667                  <a
13668                    href="https://dkefe.com"
13669                    class="link link--text list-menu__item"
13670                  >
13671                    English for Everyone
13672                  </a>
13673                </li>
13674              
13675                <li>
13676                  <a
13677                    href="https://www.dkefe.com/junior/"
13678                    class="link link--text list-menu__item"
13679                  >
13680                    English for Everyone Junior
13681                  </a>
13682                </li>
13683              
13684                <li>
13685                  <a
13686                    href="https://penguinrandomhouseeducation.com/"
13687                    class="link link--text list-menu__item"
13688                  >
13689                    PRH Education
13690                  </a>
13691                </li>
13692              
13693            </ul>
13694          
13695        </details>
13696      </accordion-custom>
13697    
13698  </div>
13699
13700
13701
13702
13703
13704
13705</div>
13706</div>
13707
13708
13709
13710
13711
13712
13713
13714
13715
13716<div
13717  class="
13718    group-block
13719    group-block--height-fit
13720    group-block--width-custom
13721    border-style
13722    spacing-style
13723    size-style
13724    
13725    
13726  "
13727  style="
13728    --border-width: 1px; --border-style: none; --border-color:
13729rgb(var(--color-border-rgb) / 1.0); --border-radius:
137300px; 
13731
13732    --padding-block-start: 0px;--padding-block-end: 4px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13733    --size-style-width:35%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
13734    
13735  "
13736  
13737  data-testid="group-block"
13738><div class="group-block__media-wrapper">
13739    
13740
13741    
13742  </div>
13743
13744  <div
13745    class="
13746      group-block-content
13747      
13748      layout-panel-flex
13749      layout-panel-flex--column
13750      
13751    "
13752    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
13753
13754--gap: 24px;
13755
13756--horizontal-alignment: center; --vertical-alignment: center;
13757--vertical-alignment-mobile: center;
13758"
13759  >
13760  
13761
13762
13763
13764
13765
13766
13767
13768
13769
13770
13771
13772
13773  <div 
13774  class=" spacing-style text-block text-block--ARlVwMWltUkVjU01qM__text_dFFpdp h3
13775    text-block--align-left
13776  "
13777
13778  style="
13779    --padding-block-start: 10px; --padding-block-end:0px; 
13780--padding-inline-start:0px; --padding-inline-end:0px; 
13781
13782    
13783
13784    --width: 100%;
13785    
13786    
13787      --text-align: left;
13788    
13789    
13790  "
13791
13792  
13793>
13794    
13795        <p>
13796          
13797            <h1>BE THE FIRST TO KNOW</h1>
13798          
13799        </p>
13800    
13801  </div>
13802
13803
13804
13805
13806
13807
13808
13809
13810
13811
13812<div
13813  class="
13814    group-block
13815    group-block--height-fit
13816    group-block--width-fill
13817    border-style
13818    spacing-style
13819    size-style
13820    
13821    
13822  "
13823  style="
13824    --border-width: 1px; --border-style: none; --border-color:
13825rgb(var(--color-border-rgb) / 1.0); --border-radius:
138260px; 
13827
13828    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13829    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
13830    
13831  "
13832  
13833  data-testid="group-block"
13834><div class="group-block__media-wrapper">
13835    
13836
13837    
13838  </div>
13839
13840  <div
13841    class="
13842      group-block-content
13843      
13844      layout-panel-flex
13845      layout-panel-flex--row
13846      
13847    "
13848    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
13849
13850--gap: 12px;
13851
13852--horizontal-alignment: flex-start; --vertical-alignment: center;
13853--vertical-alignment-mobile: center;
13854"
13855  >
13856  <div id="shopify-block-AZ2tGOFhZK2RCcm9rb__icon_gN6Dkc" class="shopify-block icon-block">
13857
13858
13859
13860
13861
13862<a
13863    href="https://www.facebook.com/dkbooks.us/"
13864    class="text-inherit"
13865    
13866      target="_blank" rel="noopener"
13867    
13868  >
13869    
13870  <svg
13871    class="icon-block__media icon-block-AZ2tGOFhZK2RCcm9rb__icon_gN6Dkc"
13872    aria-hidden="true"
13873    focusable="false"
13874    xmlns="http://www.w3.org/2000/svg"
13875    width="28"
13876    height="28"
13877    viewBox="0 0 20 20"
13878    
13879      
13880    
13881  >
13882<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg>
13883
13884  </a>
13885
13886
13887</div>
13888<div id="shopify-block-AOVdYc3YyYUhTbmhxb__icon_p3cq9C" class="shopify-block icon-block">
13889
13890
13891
13892
13893
13894<a
13895    href="https://www.instagram.com/dkbooksus/"
13896    class="text-inherit"
13897    
13898      target="_blank" rel="noopener"
13899    
13900  >
13901    
13902  <svg
13903    class="icon-block__media icon-block-AOVdYc3YyYUhTbmhxb__icon_p3cq9C"
13904    aria-hidden="true"
13905    focusable="false"
13906    xmlns="http://www.w3.org/2000/svg"
13907    width="28"
13908    height="28"
13909    viewBox="0 0 20 20"
13910    
13911      
13912    
13913  >
13914<path
13915      fill-rule="evenodd"
13916      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"
13917      clip-rule="evenodd"
13918    /></svg>
13919
13920  </a>
13921
13922
13923</div>
13924
13925</div>
13926</div>
13927
13928
13929
13930
13931
13932
13933
13934
13935
13936<div
13937  class="
13938    group-block
13939    group-block--height-fit
13940    group-block--width-fill
13941    border-style
13942    spacing-style
13943    size-style
13944    
13945    
13946  "
13947  style="
13948    --border-width: 1px; --border-style: none; --border-color:
13949rgb(var(--color-border-rgb) / 1.0); --border-radius:
139500px; 
13951
13952    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13953    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
13954    
13955  "
13956  
13957  data-testid="group-block"
13958><div class="group-block__media-wrapper">
13959    
13960
13961    
13962  </div>
13963
13964  <div
13965    class="
13966      group-block-content
13967      
13968      layout-panel-flex
13969      layout-panel-flex--column
13970       mobile-column
13971    "
13972    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
13973
13974--gap: 12px;
13975
13976--horizontal-alignment: flex-start; --vertical-alignment: center;
13977--vertical-alignment-mobile: center;
13978"
13979  >
13980  
13981
13982
13983
13984
13985
13986
13987
13988
13989
13990
13991
13992
13993  <rte-formatter 
13994  class=" spacing-style text-block text-block--AQTgrZlNTWnpWc2hWM__text_MYRQ6j paragraph
13995    text-block--align-left rte 
13996  "
13997
13998  style="
13999    --padding-block-start: 0px; --padding-block-end:0px; 
14000--padding-inline-start:0px; --padding-inline-end:0px; 
14001
14002    
14003--color: var(--color-foreground);
14004    --width: 100%;
14005    
14006    
14007      --text-align: left;
14008    
14009    
14010  "
14011
14012  
14013>
14014    
14015        <p>
14016          
14017            <h4>Sign up for our newsletters to get exclusive updates, information on the latest book releases, the opportunity to enter sweepstakes, and much more.</h4>
14018          
14019        </p>
14020    
14021  </rte-formatter>
14022
14023
14024
14025
14026
14027
14028
14029
14030
14031<a
14032  
14033    href="/en-us/pages/newsletter"
14034  
14035  class="
14036    size-style
14037    button
14038    button--ATEREODdjQkZjY1ExS__button_akPq3j
14039  "
14040  style="--size-style-width:100%;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
14041>
14042  Sign up now!
14043</a>
14044
14045
14046
14047
14048
14049
14050</div>
14051</div>
14052
14053
14054
14055
14056
14057
14058</div>
14059</div>
14060
14061
14062
14063
14064
14065
14066</div>
14067</div>
14068
14069
14070
14071
14072
14073
14074
14075    </div>
14076  </div>
14077</div>
14078
14079
14080
14081
14082
14083</div><div id="shopify-section-sections--26089999401337__footer_utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">
14084
14085<div class="section-background color-scheme-7"></div>
14086<div
14087  class="section section--page-width color-scheme-7"
14088  
14089>
14090  <div
14091    class="utilities spacing-style"
14092    style="--padding-block-start: 20px;--padding-block-end: 20px; --border-width: 1px; --gap: 24px;"
14093    data-testid="footer-utilities"
14094  >
14095    
14096
14097<div
14098  class="
14099    footer-utilities__group-copyright
14100    custom-typography
14101    footer-utilities__text
14102    custom-font-size
14103  "
14104  style="
14105--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
14106  
14107>
14108  <span class="footer-utilities__text">
14109    &copy; 2026
14110    <a href="/en-us" title="">DK</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=p
14110oweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a>
14111</span>
14112</div>
14113
14114
14115
14116
14117  <anchored-popover-component
14118    class="footer-utilities__policy-list footer-utilities__text"
14119    data-hover-triggered="true"
14120  >
14121    <button
14122      class="policy-list-trigger button-unstyled"
14123      popovertarget="terms-policies-popover"
14124      popovertargetaction="toggle"
14125      ref="trigger"
14126      style="
14127--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
14128      
14129    >
14130      Terms and Policies
14131    </button>
14132    <div
14133      class="terms-policies-popover color-scheme-1"
14134      id="terms-policies-popover"
14135      popover="auto"
14136      ref="popover"
14137    >
14138      <ul
14139        class="
14140          policy_list list-unstyled
14141          custom-typography
14142          custom-font-size
14143        "
14144      ><li>
14145              <a
14146                href="/en-us/policies/privacy-policy"
14147                class="footer-utilities__text"
14148              >Privacy policy</a>
14149            </li></ul>
14150    </div>
14151  </anchored-popover-component>
14152
14153
14154
14155
14156
14157
14158
14159<div
14160  class="social-icons__wrapper footer-utilities__icons"
14161  
14162>
14163  
14164
14165  
14166    
14167
14168    
14169    
14170  
14171    
14172
14173    
14174    
14175  
14176    
14177
14178    
14179    
14180  
14181    
14182
14183    
14184    
14185  
14186    
14187
14188    
14189    
14190  
14191    
14192
14193    
14194    
14195  
14196    
14197
14198    
14199    
14200  
14201    
14202
14203    
14204    
14205  
14206    
14207
14208    
14209    
14210  
14211    
14212
14213    
14214    
14215  
14216    
14217
14218    
14219    
14220  
14221    
14222
14223    
14224    
14225  
14226    
14227
14228    
14229    
14230  
14231</div>
14232
14233
14234
14235
14236
14237  </div>
14238</div>
14239
14240
14241
14242
14243</div>
14244<!-- END sections: footer-group -->
14245
14246    
14246<script
14247  src="//dk.com/cdn/shop/t/18/assets/dialog.js?v=94382931671780430451760622487"
14248  type="module"
14249></script>
14249
14250
14251<dialog-component
14252  id="search-modal"
14253  class="search-modal"
14254  
14255>
14256  <dialog
14257    ref="dialog"
14258    on:click="/closeDialogOnClickOutside"
14259    on:keydown="/closeDialogOnEscapePress"
14260    class="search-modal__content dialog-modal"
14261    scroll-lock
14262  >
14263    
14263<script
14264  src="//dk.com/cdn/shop/t/18/assets/predictive-search.js?v=53445493388242646041760622521"
14265  type="module"
14266  fetchpriority="low"
14267></script>
14267
14268
14269<predictive-search-component
14270  class="predictive-search color-scheme-1"
14271  style="--product-corner-radius: 0px; --card-corner-radius: 0px;"
14272  data-section-id="predictive-search"
14273  data-testid="search-component--modal"
14274  role="search"
14275  aria-label="Search"
14276>
14277  <form
14278    action="/en-us/search"
14279    method="get"
14280    role="search"
14281    class="predictive-search-form"
14282    ref="form"
14283    on:keydown="/onSearchKeyDown"
14284  >
14285    <div
14286      class="predictive-search-form__header"
14287    >
14288      <div class="predictive-search-form__header-inner">
14289        <label
14290          for="cmdk-input"
14291          class="visually-hidden"
14292        >Search</label>
14293        <input
14294          class="search-input"
14295          id="cmdk-input"
14296          type="search"
14297          name="q"
14298          role="combobox"
14299          aria-expanded="false"
14300          aria-owns="predictive-search-results"
14301          aria-controls="predictive-search-results"
14302          aria-haspopup="listbox"
14303          aria-autocomplete="list"
14304          autocomplete="off"
14305          placeholder="Search"
14306          ref="searchInput"
14307          on:input="/search"
14308          on:keydown="/onSearchKeyDown"
14309        >
14310        <input
14311          name="options[prefix]"
14312          type="hidden"
14313          value="last"
14314        >
14315        <span class="svg-wrapper predictive-search__icon">
14316          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
14317
14318        </span>
14319        <button
14320          type="button"
14321          class="button-unstyled predictive-search__reset-button"
14322          aria-label="Reset search"
14323          ref="resetButton"
14324          hidden
14325          on:click="/resetSearch"
14326        >
14327          <span class="svg-wrapper predictive-search__reset-button-icon">
14328            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
14329
14330          </span>
14331          <span class="predictive-search__reset-button-text">Clear</span>
14332        </button>
14333      </div>
14334      <button
14335        type="button"
14336        class="button predictive-search__close-modal-button"
14337        aria-label="Close dialog"
14338        on:click="dialog-component/closeDialog"
14339        ref="closeModalButton"
14340      >
14341        <span class="svg-wrapper">
14342          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
14343  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14344  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
14345</svg>
14346
14347        </span>
14348      </button>
14349    </div>
14350
14351    <div class="predictive-search-form__content-wrapper">
14352      <div
14353        class="predictive-search-form__content"
14354        tabindex="-1"
14355        ref="predictiveSearchResults"
14356        on:click="/handleModalClick"
14357      >
14358        
14359
14360<div
14361  id="predictive-search-results"
14362  class="predictive-search-dropdown"
14363  role="listbox"
14364  aria-expanded="true"
14365  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
14366>
14367  
14368</div>
14369
14370      </div>
14371
14372      <div class="predictive-search-form__footer">
14373        <button
14374          class="button button-primary predictive-search__search-button"
14375          ref="viewAllButton"
14376        >
14377          View all
14378        </button>
14379      </div>
14380    </div>
14381  </form>
14382</predictive-search-component>
14383
14384
14385
14386  </dialog>
14387</dialog-component>
14388
14389
14390
14391
14392    
14393    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 14393-14394
14393
14394    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
14394GTM-NB4SL3DJ
vendor: 91 bytes, lines 14394-14396
14394"
14395    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
14396    
14396<!-- End Google Tag Manager (noscript) -->
14397  <style> @font-face {font-family: "ABCGintoNormal-Regular"; font-display: swap; font-weight: 500; src: url("https://cdn.shopify.com/s/files/1/0635/7804/6521/files/abcgintonormalregular.woff2?v=1750754359") format("woff2"), url("https://cdn.shopify.com/s/files/1/0635/7804/6521/files/abcgintonormalregular.woff?v=1750754354") format("woff");} @font-face {font-family: "ABCGintoNormal-Bold"; font-display: swap; font-weight: 700; src: url("https://cdn.shopify.com/s/files/1/0635/7804/6521/files/abcgintonormalbold.woff2?v=1750692282") format("woff2"), url("https://cdn.shopify.com/s/files/1/0635/7804/6521/files/abcgintonormalbold.woff?v=1750692283") format("woff");} @font-face {font-family: "ABCGintoNord-Bold"; font-display: swap; font-weight: 700; src: url("https://cdn.shopify.com/s/files/1/0635/7804/6521/files/ABCGintoNord-Bold_bd0c7f2c-700f-4b68-8da9-c677f79a67bc.woff2?v=1751898981") format("woff2");} html,body,span,p {font-family: "ABCGintoNormal-Regular" !important;} b,strong,h2,h3,h4 {font-family: "ABCGintoNormal-Bold" !important; font-weight: inherit;} h1 {font-family: "ABCGintoNord-Bold" !important; font-weight: inherit;} .card-wrapper .color-background-2 {--gradient-background: none;} .footer-block:only-child li {text-align: left;} .redbutton {display: block; color: #fff !important; text-align: center; padding: 14px 20px; text-decoration: none; background-color: #e30613; justify-self: start; min-width: 310px;} </style>
14398<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
14398
14399</body>
14400</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.