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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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'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'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 & 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 & 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 & 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'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 & 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'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&v=1701436485" alt="" width="68" height="56" class="header-logo__image" srcset="//dk.com/cdn/shop/files/dk-logo.svg?height=56&v=1701436485 1x, //dk.com/cdn/shop/files/dk-logo.svg?height=112&v=1701436485 2x, //dk.com/cdn/shop/files/dk-logo.svg?height=168&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&width=3840" alt="9798217135066-jacket-0" srcset="//dk.com/cdn/shop/files/9798217135066_jacket_0.jpg?v=1774983952&width=240 240w, //dk.com/cdn/shop/files/9798217135066_jacket_0.jpg?v=1774983952&width=352 352w, //dk.com/cdn/shop/files/9798217135066_jacket_0.jpg?v=1774983952&width=832 832w, //dk.com/cdn/shop/files/9798217135066_jacket_0.jpg?v=1774983952&width=1200 1200w, //dk.com/cdn/shop/files/9798217135066_jacket_0.jpg?v=1774983952&width=1600 1600w, //dk.com/cdn/shop/files/9798217135066_jacket_0.jpg?v=1774983952&width=1920 1920w, //dk.com/cdn/shop/files/9798217135066_jacket_0.jpg?v=1774983952&width=2560 2560w, //dk.com/cdn/shop/files/9798217135066_jacket_0.jpg?v=1774983952&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&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&width=3840" alt="9798217138050-jacket-0" srcset="//dk.com/cdn/shop/files/9798217138050_jacket_0.jpg?v=1775732084&width=240 240w, //dk.com/cdn/shop/files/9798217138050_jacket_0.jpg?v=1775732084&width=352 352w, //dk.com/cdn/shop/files/9798217138050_jacket_0.jpg?v=1775732084&width=832 832w, //dk.com/cdn/shop/files/9798217138050_jacket_0.jpg?v=1775732084&width=1200 1200w, //dk.com/cdn/shop/files/9798217138050_jacket_0.jpg?v=1775732084&width=1600 1600w, //dk.com/cdn/shop/files/9798217138050_jacket_0.jpg?v=1775732084&width=1920 1920w, //dk.com/cdn/shop/files/9798217138050_jacket_0.jpg?v=1775732084&width=2560 2560w, //dk.com/cdn/shop/files/9798217138050_jacket_0.jpg?v=1775732084&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&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&width=3840" alt="9798217136353-jacket-0" srcset="//dk.com/cdn/shop/files/9798217136353_jacket_0.jpg?v=1775733023&width=240 240w, //dk.com/cdn/shop/files/9798217136353_jacket_0.jpg?v=1775733023&width=352 352w, //dk.com/cdn/shop/files/9798217136353_jacket_0.jpg?v=1775733023&width=832 832w, //dk.com/cdn/shop/files/9798217136353_jacket_0.jpg?v=1775733023&width=1200 1200w, //dk.com/cdn/shop/files/9798217136353_jacket_0.jpg?v=1775733023&width=1600 1600w, //dk.com/cdn/shop/files/9798217136353_jacket_0.jpg?v=1775733023&width=1920 1920w, //dk.com/cdn/shop/files/9798217136353_jacket_0.jpg?v=1775733023&width=2560 2560w, //dk.com/cdn/shop/files/9798217136353_jacket_0.jpg?v=1775733023&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&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&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&width=240 240w, //dk.com/cdn/shop/files/getfile_780e36a1-7bc2-4c53-ab3b-b4d50e640691.jpg?v=1757350567&width=352 352w, //dk.com/cdn/shop/files/getfile_780e36a1-7bc2-4c53-ab3b-b4d50e640691.jpg?v=1757350567&width=832 832w, //dk.com/cdn/shop/files/getfile_780e36a1-7bc2-4c53-ab3b-b4d50e640691.jpg?v=1757350567&width=1200 1200w, //dk.com/cdn/shop/files/getfile_780e36a1-7bc2-4c53-ab3b-b4d50e640691.jpg?v=1757350567&width=1600 1600w, //dk.com/cdn/shop/files/getfile_780e36a1-7bc2-4c53-ab3b-b4d50e640691.jpg?v=1757350567&width=1920 1920w, //dk.com/cdn/shop/files/getfile_780e36a1-7bc2-4c53-ab3b-b4d50e640691.jpg?v=1757350567&width=2560 2560w, //dk.com/cdn/shop/files/getfile_780e36a1-7bc2-4c53-ab3b-b4d50e640691.jpg?v=175735056
76707&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&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&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&width=240 240w, //dk.com/cdn/shop/files/getfile_fd40813b-61fe-4bb4-b5fd-352011b1e0a6.jpg?v=1757350586&width=352 352w, //dk.com/cdn/shop/files/getfile_fd40813b-61fe-4bb4-b5fd-352011b1e0a6.jpg?v=1757350586&width=832 832w, //dk.com/cdn/shop/files/getfile_fd40813b-61fe-4bb4-b5fd-352011b1e0a6.jpg?v=1757350586&width=1200 1200w, //dk.com/cdn/shop/files/getfile_fd40813b-61fe-4bb4-b5fd-352011b1e0a6.jpg?v=1757350586&width=1600 1600w, //dk.com/cdn/shop/files/getfile_fd40813b-61fe-4bb4-b5fd-352011b1e0a6.jpg?v=1757350586&width=1920 1920w, //dk.com/cdn/shop/files/getfile_fd40813b-61fe-4bb4-b5fd-352011b1e0a6.jpg?v=1757350586&width=2560 2560w, //dk.com/cdn/shop/files/getfile_fd40813b-61fe-4bb4-b5fd-352011b1e0a6.jpg?v=1757350586&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&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&width=3840" alt="9798217309269-jacket-0" srcset="//dk.com/cdn/shop/files/9798217309269_jacket_0.jpg?v=1786959046&width=240 240w, //dk.com/cdn/shop/files/9798217309269_jacket_0.jpg?v=1786959046&width=352 352w, //dk.com/cdn/shop/files/9798217309269_jacket_0.jpg?v=1786959046&width=832 832w, //dk.com/cdn/shop/files/9798217309269_jacket_0.jpg?v=1786959046&width=1200 1200w, //dk.com/cdn/shop/files/9798217309269_jacket_0.jpg?v=1786959046&width=1600 1600w, //dk.com/cdn/shop/files/9798217309269_jacket_0.jpg?v=1786959046&width=1920 1920w, //dk.com/cdn/shop/files/9798217309269_jacket_0.jpg?v=1786959046&width=2560 2560w, //dk.com/cdn/shop/files/9798217309269_jacket_0.jpg?v=1786959046&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&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&width=3840" alt="9798217138494-jacket-0" srcset="//dk.com/cdn/shop/files/9798217138494_jacket_0.jpg?v=1783549100&width=240 240w, //dk.com/cdn/shop/files/9798217138494_jacket_0.jpg?v=1783549100&width=352 352w, //dk.com/cdn/shop/files/9798217138494_jacket_0.jpg?v=1783549100&width=832 832w, //dk.com/cdn/shop/files/9798217138494_jacket_0.jpg?v=1783549100&width=1200 1200w, //dk.com/cdn/shop/files/9798217138494_jacket_0.jpg?v=1783549100&width=1600 1600w, //dk.com/cdn/shop/files/9798217138494_jacket_0.jpg?v=1783549100&width=1920 1920w, //dk.com/cdn/shop/files/9798217138494_jacket_0.jpg?v=1783549100&width=2560 2560w, //dk.com/cdn/shop/files/9798217138494_jacket_0.jpg?v=1783549100&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&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&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&width=240 240w, //dk.com/cdn/shop/files/getfile_73ec67e3-8a74-4481-a341-498fc03e5da5.jpg?v=1757342891&width=352 352w, //dk.com/cdn/shop/files/getfile_73ec67e3-8a74-4481-a341-498fc03e5da5.jpg?v=1757342891&width=832 832w, //dk.com/cdn/shop/files/getfile_73ec67e3-8a74-4481-a341-498fc03e5da5.jpg?v=1757342891&width=1200 1200w, //dk.com/cdn/shop/files/getfile_73ec67e3-8a74-4481-a341-498fc03e5da5.jpg?v=1757342891&width=1600 1600w, //dk.com/cdn/shop/files/getfile_73ec67e3-8a74-4481-a341-498fc03e5da5.jpg?v=1757342891&width=1920 1920w, //dk.com/cdn/shop/files/getfile_73ec67e3-8a74-4481-a341-498fc03e5da5.jpg?v=1757342891&width=2560 2560w, //dk.com/cdn/shop/files/getfile_73ec67e3-8a74-4481-a341-498fc03e5da5.jpg?v=1757342891&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&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&
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&width=240 240w, //dk.com/cdn/shop/files/getfile_649a19ba-441b-49d3-8e79-e85b943f7fe7.jpg?v=1757350905&width=352 352w, //dk.com/cdn/shop/files/getfile_649a19ba-441b-49d3-8e79-e85b943f7fe7.jpg?v=1757350905&width=832 832w, //dk.com/cdn/shop/files/getfile_649a19ba-441b-49d3-8e79-e85b943f7fe7.jpg?v=1757350905&width=1200 1200w, //dk.com/cdn/shop/files/getfile_649a19ba-441b-49d3-8e79-e85b943f7fe7.jpg?v=1757350905&width=1600 1600w, //dk.com/cdn/shop/files/getfile_649a19ba-441b-49d3-8e79-e85b943f7fe7.jpg?v=1757350905&width=1920 1920w, //dk.com/cdn/shop/files/getfile_649a19ba-441b-49d3-8e79-e85b943f7fe7.jpg?v=1757350905&width=2560 2560w, //dk.com/cdn/shop/files/getfile_649a19ba-441b-49d3-8e79-e85b943f7fe7.jpg?v=1757350905&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&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&width=3840" alt="ArnieTex jacket image" srcset="//dk.com/cdn/shop/files/getfile_37207b36-bdad-46c2-beb7-01c31d22a8dd.jpg?v=1757350293&width=240 240w, //dk.com/cdn/shop/files/getfile_37207b36-bdad-46c2-beb7-01c31d22a8dd.jpg?v=1757350293&width=352 352w, //dk.com/cdn/shop/files/getfile_37207b36-bdad-46c2-beb7-01c31d22a8dd.jpg?v=1757350293&width=832 832w, //dk.com/cdn/shop/files/getfile_37207b36-bdad-46c2-beb7-01c31d22a8dd.jpg?v=1757350293&width=1200 1200w, //dk.com/cdn/shop/files/getfile_37207b36-bdad-46c2-beb7-01c31d22a8dd.jpg?v=1757350293&width=1600 1600w, //dk.com/cdn/shop/files/getfile_37207b36-bdad-46c2-beb7-01c31d22a8dd.jpg?v=1757350293&width=1920 1920w, //dk.com/cdn/shop/files/getfile_37207b36-bdad-46c2-beb7-01c31d22a8dd.jpg?v=1757350293&width=2560 2560w, //dk.com/cdn/shop/files/getfile_37207b36-bdad-46c2-beb7-01c31d22a8dd.jpg?v=1757350293&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&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&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&width=240 240w, //dk.com/cdn/shop/files/getfile_14261f90-d8f9-4b3d-9c6d-553802c0bab7.jpg?v=1757342871&width=352 352w, //dk.com/cdn/shop/files/getfile_14261f90-d8f9-4b3d-9c6d-553802c0bab7.jpg?v=1757342871&width=832 832w, //dk.com/cdn/shop/files/getfile_14261f90-d8f9-4b3d-9c6d-553802c0bab7.jpg?v=1757342871&width=1200 1200w, //dk.com/cdn/shop/files/getfile_14261f90-d8f9-4b3d-9c6d-553802c0bab7.jpg?v=1757342871&width=1600 1600w, //dk.com/cdn/shop/files/getfile_14261f90-d8f9-4b3d-9c6d-553802c0bab7.jpg?v=1757342871&width=1920 1920w, //dk.com/cdn/shop/files/getfile_14261f90-d8f9-4b3d-9c6d-553802c0bab7.jpg?v=1757342871&width=2560 2560w, //dk.com/cdn/shop/files/getfile_14261f90-d8f9-4b3d-9c6d-553802c0bab7.jpg?v=1757342871&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&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&width=3840" alt="Fit at 50 jacket image" srcset="//dk.com/cdn/shop/files/getfile_fc33fc69-2f98-4009-be74-faca54c420b6.jpg?v=1757350304&width=240 240w, //dk.com/cdn/shop/files/getfile_fc33fc69-2f98-4009-be74-faca54c420b6.jpg?v=1757350304&width=352 352w, //dk.com/cdn/shop/files/getfile_fc33fc69-2f98-4009-be74-faca54c420b6.jpg?v=1757350304&width=832 832w, //dk.com/cdn/shop/files/getfile_fc33fc69-2f98-4009-be74-faca54c420b6.jpg?v=1757350304&width=1200 1200w, //dk.com/cdn/shop/files/getfile_fc33fc69-2f98-4009-be74-faca54c420b6.jpg?v=1757350304&width=1600 1600w, //dk.com/cdn/shop/files/getfile_fc33fc69-2f98-4009-be74-faca54c420b6.jpg?v=1757350304&width=1920 1920w, //dk.com/cdn/shop/files/getfile_fc33fc69-2f98-4009-be74-faca54c420b6.jpg?v=1757350304&width=2560 2560w, //dk.com/cdn/shop/files/getfile_fc33fc69-2f98-4009-be74-faca54c420b6.jpg?v=1757350304&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&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&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&width=240 240w, //dk.com/cdn/shop/files/getfile_bc4247ba-f77a-42e4-8528-4f837c2a60b4.jpg?v=1757343048&width=352 352w, //dk.com/cdn/shop/files/getfile_bc4247ba-f77a-42e4-8528-4f837c2a60b4.jpg?v=1757343048&width=832 832w, //dk.com/cdn/shop/files/getfile_bc4247ba-f77a-42e4-8528-4f837c2a60b4.jpg?v=1757343048&width=1200 1200w, //dk.com/cdn/shop/files/getfile_bc4247ba-f77a-42e4-8528-4f837c2a60b4.jpg?v=1757343048&width=1600 1600w, //dk.com/cdn/shop/files/getfile_bc4247ba-f77a-42e4-8528-4f837c2a60b4.jpg?v=1757343048&width=1920 1920w, //dk.com/cdn/shop/files/getfile_bc4247ba-f77a-42e4-8528-4f837c2a60b4.jpg?v=1757343048&width=2560 2560w, //dk.com/cdn/shop/files/getfile_bc4247ba-f77a-42e4-8528-4f837c2a60b4.jpg?v=1757343048&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&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&width=3840" alt="Children's" srcset="//dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&width=240 240w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&width=352 352w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&width=832 832w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&width=1200 1200w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&width=1600 1600w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&width=1920 1920w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&width=2560 2560w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&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&width=3840" alt="Food & Drink" srcset="//dk.com/cdn/shop/collections/DK_5.png?v=1757682497&width=240 240w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&width=352 352w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&width=832 832w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&width=1200 1200w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&width=1600 1600w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&width=1920 1920w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&width=2560 2560w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&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&width=3840" alt="Gardening" srcset="//dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&width=240 240w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&width=352 352w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&width=832 832w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&width=1200 1200w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&width=1600 1600w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&width=1920 1920w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&width=2560 2560w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&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&width=3840" alt="Non-fiction" srcset="//dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&width=240 240w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&width=352 352w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&width=832 832w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&width=1200 1200w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&width=1600 1600w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&width=1920 1920w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&width=2560 2560w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&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&width=3840" alt="Travel" srcset="//dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&width=240 240w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&width=352 352w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&width=832 832w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&width=1200 1200w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&width=1600 1600w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&width=1920 1920w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&width=2560 2560w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&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&width=3840" alt="Children's" srcset="//dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&width=240 240w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&width=352 352w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&width=832 832w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&width=1200 1200w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&width=1600 1600w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&width=1920 1920w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&width=2560 2560w, //dk.com/cdn/shop/collections/Childrens_collection_banner_test_ratio_1.png?v=1757682348&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&width=3840" alt="Food & Drink" srcset="//dk.com/cdn/shop/collections/DK_5.png?v=1757682497&width=240 240w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&width=352 352w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&width=832 832w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&width=1200 1200w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&width=1600 1600w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&width=1920 1920w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&width=2560 2560w, //dk.com/cdn/shop/collections/DK_5.png?v=1757682497&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&width=3840" alt="Gardening" srcset="//dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&width=240 240w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&width=352 352w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&width=832 832w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&width=1200 1200w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&width=1600 1600w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&width=1920 1920w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&width=2560 2560w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Gardening_1500x1005px_Transparent.png?v=1757682630&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&width=3840" alt="Non-fiction" srcset="//dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&width=240 240w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&width=352 352w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&width=832 832w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&width=1200 1200w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&width=1600 1600w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&width=1920 1920w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&width=2560 2560w, //dk.com/cdn/shop/collections/DK_logo_device_23_1.png?v=1762258156&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&width=3840" alt="Travel" srcset="//dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&width=240 240w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&width=352 352w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&width=832 832w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&width=1200 1200w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&width=1600 1600w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&width=1920 1920w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&width=2560 2560w, //dk.com/cdn/shop/collections/DK.com_Category_Icons_Education_1500x1005px_Transparent.png?v=1757682528&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 & 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 © 2026 14110 <a href="/en-us" title="">DK</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=p
14110oweredby&utm_medium=shopify&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.