Анализ сайта dkimages.com
Основное Готовность: 75%
Домен
dkimages.com
Состояние доменного имени
?
Проверяем корректность доменного имени и наличие технических проблем на уровне домена.
Домен второго уровня идеален для продвижения.
Отличный запоминающийся домен.
Ответ сервера
200 Успешный ответ
HTTP-код ответа и цепочка редиректов
?
Код 200 — страница доступна. Коды 3xx — редиректы (цепочки замедляют загрузку и размывают ссылочный вес). Коды 4xx/5xx — ошибки, поисковик не сможет проиндексировать страницу.
Сервер настроен корректно.
Цепочка редиректов:
http://dkimages.com
301 MovedPermanently
https://dk.com/
200 OK
Безопасность
Сайт безопасен
Использование HTTPS и SSL-сертификат
?
HTTPS — обязательный стандарт. Google и Яндекс отдают предпочтение защищённым сайтам. Отсутствие SSL или просроченный сертификат ведут к предупреждениям в браузере и снижению позиций.
На сайте работает защищенный протокол ssl и сайт открывается по https.
Ssl-сертификат действителен до 04.10.2026 22:45:22.
Сервер поддерживает HTTP/3 (QUIC) — новейший протокол.
Включён HSTS (Strict-Transport-Security) — защита от подмены на http.
HTTP автоматически перенаправляется на HTTPS.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка
utf-8
Кодировка символов страницы
?
Стандарт — UTF-8. Неправильная кодировка вызывает нечитаемые символы и мешает поисковику корректно распознать текст страницы.
Указана кодировка на странице utf-8.
Язык
en
Атрибут lang в HTML-теге
?
Атрибут lang (<html lang="ru">) сообщает поисковикам и браузерам, на каком языке написана страница. Помогает при ранжировании в региональном поиске.
Язык документа указан явно: en.
Скорость загрузки
~0,75сек
Время отклика сервера (TTFB)
?
Time To First Byte — время до получения первого байта от сервера. Норма до 200 мс. Медленный отклик ухудшает пользовательский опыт и ранжирование: Яндекс и Google учитывают скорость страниц.
Скорость загрузки сайта 0,75сек оптимальна.
Объем документа
744Кб
Размер HTML-кода страницы
?
Слишком большой HTML замедляет парсинг браузером и сканирование поисковым роботом. Рекомендуется не более 200 Кб.
Объем html-документа 744Кб оптимален.
Структура html-документа корректна.
Ресурсы
Ресурсы: 46
Внешние ресурсы страницы (CSS, JS, изображения)
?
Количество и тип подключённых ресурсов влияют на скорость загрузки. Большое число запросов увеличивает время рендеринга страницы.
Кол-во файлов ресурсов 46 много для одной страницы. Приемлемо до 10. Проведите оптимизацию файлов ресурсов!
Показать полный список ресурсов
| Тип | Название | Значение |
|---|---|---|
| stylesheet | text/css | //dk.com/cdn/shop/t/18/assets/base.css?v=162814775822442342221774539554 |
| stylesheet | text/css | //dk.com/cdn/shop/t/18/assets/custom.css?v=93185354943178754661762291441 |
| stylesheet | text/css | //dk.com/cdn/shop/t/18/assets/component-card.css?v=179713956214177788571761924473 |
| stylesheet | //dk.com/cdn/shop/t/18/compiled_assets/styles.css?v=22657602641512648121776254902 | |
| stylesheet | text/css | //dk.com/cdn/shop/t/18/assets/overflow-list.css?v=168694168152117541881760622518 |
| js | /cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js | |
| js | //dk.com/cdn/shop/t/18/assets/view-transitions.js?v=84877080446900032951760622539 | |
| js | module | //dk.com/cdn/shop/t/18/assets/popover-polyfill.js?v=119029313658895111201760622520 |
| js | module | //dk.com/cdn/shop/t/18/assets/quick-add.js?v=74531385036627369001760622528 |
| js | module | //dk.com/cdn/shop/t/18/assets/dialog.js?v=94382931671780430451760622487 |
| js | module | //dk.com/cdn/shop/t/18/assets/variant-picker.js?v=113536721324242252251760622537 |
| js | module | //dk.com/cdn/shop/t/18/assets/product-card.js?v=174129639976667491711760622522 |
| js | module | //dk.com/cdn/shop/t/18/assets/product-form.js?v=127515301325557712001760622524 |
| js | module | //dk.com/cdn/shop/t/18/assets/accordion-custom.js?v=99000499017714805851760622476 |
| js | module | //dk.com/cdn/shop/t/18/assets/disclosure-custom.js?v=168050880623268140331760622487 |
| js | module | //dk.com/cdn/shop/t/18/assets/media.js?v=37825095869491791421760622516 |
| js | module | //dk.com/cdn/shop/t/18/assets/product-price.js?v=147554828958814062061774869372 |
| js | module | //dk.com/cdn/shop/t/18/assets/product-title-truncation.js?v=81744426891537421781760622526 |
| js | module | //dk.com/cdn/shop/t/18/assets/product-inventory.js?v=16343734458933704981760622524 |
| js | module | //dk.com/cdn/shop/t/18/assets/show-more.js?v=94563802205717136101760622534 |
| js | module | //dk.com/cdn/shop/t/18/assets/slideshow.js?v=106062376210414582281760622535 |
| js | module | //dk.com/cdn/shop/t/18/assets/anchored-popover.js?v=95953304814728754461760622477 |
| js | module | //dk.com/cdn/shop/t/18/assets/floating-panel.js?v=128677600744947036551760622491 |
| js | module | //dk.com/cdn/shop/t/18/assets/video-background.js?v=25237992823806706551760622538 |
| js | module | //dk.com/cdn/shop/t/18/assets/component-quantity-selector.js?v=56330027151833116691760622484 |
| js | module | //dk.com/cdn/shop/t/18/assets/media-gallery.js?v=111441960308641931071760622515 |
| js | module | //dk.com/cdn/shop/t/18/assets/rte-formatter.js?v=101420294193111439321760622530 |
| js | module | //dk.com/cdn/shop/t/18/assets/gift-card-recipient-form.js?v=129634859299628245901760622492 |
| js | module | //dk.com/cdn/shop/t/18/assets/localization.js?v=87759161307859666401760622514 |
| js | module | //dk.com/cdn/shop/t/18/assets/product-card-link.js?v=97122579314620396511760622522 |
| js | //dk.com/cdn/shop/t/18/assets/auto-close-details.js?v=58350291535404441581760622478 | |
| js | /checkouts/internal/preloads.js?locale=en-GB&default_configuration_id=16744505 | |
| js | module | //dk.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js |
| js | //dk.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js | |
| js | //cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-5059b83f.js | |
| js | text/javascript | https://dk.com/cdn/shopifycloud/privacy-banner/storefront-banner.js |
| js | https://dk.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.8.4.min.js | |
| js | module | //dk.com/cdn/shop/t/18/assets/header-drawer.js?v=38290796699993510201760622493 |
| js | module | //dk.com/cdn/shop/t/18/assets/header-menu.js?v=98986771878453457241760622494 |
| js | module | //dk.com/cdn/shop/t/18/assets/cart-icon.js?v=14733679814066288171760622481 |
| js | module | //dk.com/cdn/shop/t/18/assets/header.js?v=78043468934677320351760622494 |
| js | module | //dk.com/cdn/shop/t/18/assets/critical.js?v=169402557219780209121760622486 |
| js | module | //dk.com/cdn/shop/t/18/assets/marquee.js?v=74946541691193139871760622515 |
| js | module | //dk.com/cdn/shop/t/18/assets/dialog.js?v=94382931671780430451760622487 |
| js | module | //dk.com/cdn/shop/t/18/assets/predictive-search.js?v=53445493388242646041760622521 |
| js | module | https://cdn.shopify.com/storefront/standard-actions.js |
Серверные заголовки
Кол-во: 25
HTTP-заголовки ответа сервера
?
Заголовки сервера передают браузеру и поисковику служебную информацию: кеширование, безопасность (CSP, HSTS), сжатие (gzip). Правильная настройка ускоряет загрузку и повышает защищённость.
Найдены серверные заголовки 25шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
| Ключ | Значение |
|---|---|
| Date | Sat, 22 Aug 2026 04:22:13 GMT |
| x-download-options | noopen |
| Set-Cookie | localization=GB; path=/; expires=Sun, 22 Aug 2027 04:22:13 GMT; SameSite=Lax |
| Link | <https://cdn.shopify.com>; rel="preconnect", <https://cdn.shopify.com>; rel="preconnect"; crossorigin, <//dk.com/cdn/shop/t/18/assets/base.css?v=162814775822442342221774539554>; as="style"; rel="preload", <//dk.com/cdn/shop/t/18/assets/custom.css?v=93185354943178754661762291441>; as="style"; rel="preload", <//dk.com/cdn/shop/t/18/assets/component-card.css?v=179713956214177788571761924473>; as="style"; rel="preload", <//dk.com/cdn/shop/t/18/assets/overflow-list.css?v=168694168152117541881760622518>; as="style"; rel="preload", <//dk.com/cdn/shop/t/18/compiled_assets/styles.css?v=22657602641512648121776254902>; as="style"; rel="preload" |
| speculation-rules | "/cdn/shopifycloud/storefront/assets/storefront/horizon.specrules-5654ba2e.json" |
| X-Request-ID | d293e9c4-ce64-4dc5-a68a-8837e68c7e20-1787372533 |
| x-permitted-cross-domain-policies | none |
| nel | {"report_to":"cf-nel","success_fraction":0.01,"max_age":604800} |
| shopify-complexity-score | 0 |
| shopify-complexity-score-v2 | 385 |
| X-Frame-Options | DENY |
| Content-Security-Policy | block-all-mixed-content; frame-ancestors 'none'; upgrade-insecure-requests; |
| Strict-Transport-Security | max-age=7889238 |
| Vary | accept-encoding |
| Alt-Svc | h3=":443" |
| powered-by | Shopify |
| Server-Timing | processing;dur=391;desc="gc:20", db;dur=51, render;dur=257, asn;desc="200044", edge;desc="HEL", country;desc="RU", theme;desc="184714133881", pageType;desc="index", servedBy;desc="92fj", requestID;desc="d293e9c4-ce64-4dc5-a68a-8837e68c7e20-1787372533", _y;desc="76c7c5c7-fbc9-4cd4-a20e-16432008cafc", _s;desc="da9e7a72-5c10-4236-9e1d-de6fcf2226aa", _cmp;desc="3.AMPS_RU_f_f_WFfQHgSSQ*6ikKfE8-1YRQ", compressionLevel;desc="5", compressionTime;dur=9.926, earlyhints |
| x-dc | gcp-europe-west4,gcp-europe-west4,gcp-europe-west4 |
| X-XSS-Protection | 1; mode=block |
| cf-cache-status | DYNAMIC |
| Server | cloudflare |
| report-to | {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=sbrqxg7wB%2BexUFG%2B39VZPgN%2BTSMSVOMP69%2BT6kcK8b5WRhX8ju5dsiaJDfILCI12klesPHFUKl%2BVwfeZU%2FVDkokgYwCWR8dVx%2FkjHeiWKxfULcu4HdUIWA%3D%3D"}]} |
| X-Content-Type-Options | nosniff |
| ETag | W/"page_cache:63578046521:IndexController:6fbf77320d87a302c2579cb35daf7da5:e684c502392a50af2732763b7f817870" |
| cf-ray | a2ef185dac852c40-HEL |
CMS
PrestaShop
Система управления сайтом (движок)
?
CMS — это движок, на котором работает сайт (WordPress, 1C-Bitrix, Tilda и др.). Знание CMS помогает понять возможности SEO-оптимизации и подобрать подходящие инструменты. «Не определена» — вероятно, самописный сайт или нестандартная сборка.
Сайт работает на CMS PrestaShop.
Веб-сервер
Cloudflare
Программное обеспечение сервера
?
Веб-сервер — это ПО, которое отдаёт страницы посетителям (nginx, Apache, IIS, LiteSpeed и др.). Определяется по серверным заголовкам ответа (Server, X-Powered-By и т.п.). «Не определён» — сервер намеренно скрывает эти заголовки, это нормальная практика безопасности.
Сайт работает на веб-сервере Cloudflare.
Мета-теги Готовность: 48%
Title
DK Books
Заголовок страницы в браузере и поисковой выдаче
?
Title — главный SEO-заголовок страницы. Влияет на CTR в поиске и ранжирование. Оптимальная длина: 50–70 символов. Ключевые слова — ближе к началу.
Необходимо увеличить число символов в title (текущее значение мало: 12, минимум: 25, оптимально: от 40 до 45)
Дублей словоформ в title не найдено.
Description
Moving the world forward, one book at a time.
Описание страницы в поисковой выдаче (сниппет)
?
Meta Description — текст под заголовком в выдаче. Напрямую на позиции не влияет, но влияет на CTR. Оптимальная длина: 120–160 символов.
Необходимо увеличить число символов в description (текущее значение мало: 45, минимум: 80, оптимально: от 120 до 130)
Keywords
Список ключевых слов страницы (устаревший тег)
?
Meta Keywords не учитывается Яндексом и Google для ранжирования с 2009–2012 годов. Заполнение не обязательно, но не вредит. Конкурент может использовать содержимое для анализа.
Установите мета-тег keywords!
Канонический Url
https://dk.com/
Указывает поисковику основную версию страницы
?
Canonical (rel=canonical) предотвращает проблему дублей страниц. Должен точно совпадать с URL проверяемой страницы. Неправильный canonical может передать ссылочный вес на другую страницу.
Канонический Url прописан корректно.
Robots
Ошибок нет
Директивы для поисковых роботов на уровне страницы
?
Meta Robots управляет индексацией конкретной страницы: index/noindex — индексировать ли, follow/nofollow — следовать ли по ссылкам. Noindex полностью исключает страницу из поиска.
Meta-тег robots не указан. Страница свободна для индексации.
Адаптивность
width=device-width,initial-scale=1
Настройка масштабирования на мобильных устройствах
?
Тег viewport (<meta name="viewport">) сообщает браузеру, как масштабировать страницу на мобильных. Стандарт: width=device-width, initial-scale=1. Отсутствие — признак отсутствия мобильной версии.
Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.
Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».
Разметка OpenGraph
Кол-во: 9
Мета-теги для красивых превью в соцсетях
?
OpenGraph (og:title, og:description, og:image) управляет тем, как страница выглядит при репосте в социальных сетях и мессенджерах. Отсутствие OG-тегов — невзрачный превью при шеринге.
Разметка OpenGraph задана. Страница оптимизирована под социальные сети.
Показать полный список og мета-тегов
| Тип | Значение |
|---|---|
| og:site_name | DK |
| og:url | https://dk.com/ |
| og:title | DK Books |
| og:type | website |
| og:description | Moving the world forward, one book at a time. |
| og:image | http://dk.com/cdn/shop/files/DK_Brand_Message_1200x628_5e55b30d-3e7a-46b2-9e70-f60b353f4945.jpg?v=1762340529 |
| og:image:secure_url | https://dk.com/cdn/shop/files/DK_Brand_Message_1200x628_5e55b30d-3e7a-46b2-9e70-f60b353f4945.jpg?v=1762340529 |
| og:image:width | 2400 |
| og:image:height | 1256 |
Все мета-теги
Кол-во: 20
Полный список мета-тегов страницы
?
Таблица всех meta-тегов, включая нестандартные. Позволяет найти опечатки, дубли и лишние теги.
Найдены мета-теги 20шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
| Тип | Название | Значение |
|---|---|---|
| name | viewport | width=device-width,initial-scale=1 |
| name | view-transition | same-origin |
| name | theme-color | |
| name | twitter:card | summary_large_image |
| name | twitter:title | DK Books |
| name | twitter:description | Moving the world forward, one book at a time. |
| name | description | Moving the world forward, one book at a time. |
| name | shopify-digital-wallet | /63578046521/digital_wallets/dialog |
| name | shopify-y | 76c7c5c7-fbc9-4cd4-a20e-16432008cafc |
| name | shopify-s | da9e7a72-5c10-4236-9e1d-de6fcf2226aa |
| name | new-cookie-storage-activated | f |
| property | og:site_name | DK |
| property | og:url | https://dk.com/ |
| property | og:title | DK Books |
| property | og:type | website |
| property | og:description | Moving the world forward, one book at a time. |
| property | og:image | http://dk.com/cdn/shop/files/DK_Brand_Message_1200x628_5e55b30d-3e7a-46b2-9e70-f60b353f4945.jpg?v=1762340529 |
| property | og:image:secure_url | https://dk.com/cdn/shop/files/DK_Brand_Message_1200x628_5e55b30d-3e7a-46b2-9e70-f60b353f4945.jpg?v=1762340529 |
| property | og:image:width | 2400 |
| property | og:image:height | 1256 |
Оптимизация Готовность: 72%
Структура
Ошибок нет
Семантические HTML-элементы страницы
?
Проверяет наличие основных структурных элементов: nav, header, footer, main. Корректная семантическая структура помогает поисковику понять архитектуру страницы.
Структура документа корректна (теги <html> и <body> присутствуют по одному на документ).
Контент
Есть ошибки
Объём и качество текстового содержимого
?
Анализирует объём полезного текста на странице. Слишком мало — страница может считаться малополезной. Слишком много — ухудшается читаемость и восприятие.
Слова из title 1 встречаются в тексте редко. Добавьте в контент страницы слова из тега <title>!
Абзацев с текстом 106 достаточно.
Среднее число слов в абзаце 31 достаточно.
Кол-во знаков контента 9587 на странице оптимально.
Кол-во слов 1493 на странице оптимально.
Заголовки
Ошибок нет
Иерархия заголовков H1–H6
?
H1 должен быть один и содержать ключевой запрос. H2–H6 описывают подразделы. Пропуск уровней (H1 → H3) и несколько H1 — типичные ошибки, снижающие понятность страницы для поисковика.
На странице присутствуют заголовки <h1> 2. Это прекрасно.
На странице присутствуют заголовки <h2> 2. Это хорошо.
На странице присутствуют заголовки <h3> 52.
Тошнота
3,61
Насколько одно слово доминирует в тексте
?
Классическая тошнота = √(частота самого повторяющегося слова). Норма до 7–8: текст воспринимается естественно. Выше — поисковик может счесть страницу переспамленной.
Тошнота превышает норму 3. Измените текст страницы!
Академич. тошнота
8,24%
Насколько текст перенасыщен ключевыми словами
?
Академическая тошнота = (частота слова / общее количество слов) × 100%. Показывает долю конкретного слова в тексте. Норма 5–15%.
Академическая тошнота страницы в пределах нормы.
Семантическое ядро
20
Наиболее часто встречающиеся слова на странице
?
Топ слов по частоте использования. Показывает, какие слова доминируют в тексте с точки зрения поисковика.
Контент страницы содержит осмысленный текст и слова.
Показать список слов
| Слово | Кол-во | Частота |
|---|---|---|
| garden | 13 | 0,87% |
| nature | 10 | 0,67% |
| beautiful | 9 | 0,60% |
| travel | 7 | 0,47% |
| sunday | 7 | 0,47% |
| annotated | 7 | 0,47% |
| adults | 6 | 0,40% |
| gardening | 6 | 0,40% |
| non-fiction | 6 | 0,40% |
| pop-up | 6 | 0,40% |
| children's | 6 | 0,40% |
| odyssey | 6 | 0,40% |
| money-saving | 6 | 0,40% |
| menolicious | 6 | 0,40% |
| design | 6 | 0,40% |
| anthology | 6 | 0,40% |
| bestsellers | 5 | 0,33% |
| disney | 5 | 0,33% |
| peekaboo | 5 | 0,33% |
| humans | 5 | 0,33% |
Индексация Готовность: 0%
Индексирование
Есть ошибки
Разрешено ли индексирование страницы
?
Проверяет, не закрыта ли страница от индексации через robots.txt, meta robots или X-Robots-Tag. Страница, закрытая от индексации, не появится в поисковой выдаче.
Анкоров на странице 324 слишком много. Проведите ревизию и оптимизацию ссылок сайта.
Robots.txt
Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Robots.txt настроен корректно. Размер файла: 762148 байт. Загружен за: 1сек.
Проверяемая страница не запрещена в robots.txt.
Robots.txt доступен по постоянному адресу
Цепочка редиректов для файла robots.txt:
http://dkimages.com/robots.txt
301 MovedPermanently
https://dk.com/
200 OK
Показать содержимое robots.txt
<!doctype html>
<html
class="no-js"
lang="en"
>
<head><link
rel="icon"
type="image/png"
href="//dk.com/cdn/shop/files/DK_favicon_5.png?crop=center&height=32&v=1762272485&width=32"
>
<link
rel="expect"
href="#MainContent"
blocking="render"
id="view-transition-render-blocker"
>
<style data-shopify>
/* Hide typography controls in theme panel (if they have a specific class) */
.theme-panel .typography-settings {
display: none !important;
}</style>
<meta charset="utf-8">
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
>
<meta
name="viewport"
content="width=device-width,initial-scale=1"
>
<meta
name="view-transition"
content="same-origin"
>
<meta
name="theme-color"
content=""
>
<meta
property="og:site_name"
content="DK"
>
<meta
property="og:url"
content="https://dk.com/"
>
<meta
property="og:title"
content="DK Books"
>
<meta
property="og:type"
content="website"
>
<meta
property="og:description"
content="Moving the world forward, one book at a time."
><meta
property="og:image"
content="http://dk.com/cdn/shop/files/DK_Brand_Message_1200x628_5e55b30d-3e7a-46b2-9e70-f60b353f4945.jpg?v=1762340529"
>
<meta
property="og:image:secure_url"
content="https://dk.com/cdn/shop/files/DK_Brand_Message_1200x628_5e55b30d-3e7a-46b2-9e70-f60b353f4945.jpg?v=1762340529"
>
<meta
property="og:image:width"
content="2400"
>
<meta
property="og:image:height"
content="1256"
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="DK Books"
>
<meta
name="twitter:description"
content="Moving the world forward, one book at a time."
>
<title>
DK Books
</title>
<link
rel="canonical"
href="https://dk.com/"
>
<meta
name="description"
content="Moving the world forward, one book at a time."
>
<link href="//dk.com/cdn/shop/t/18/assets/overflow-list.css?v=168694168152117541881760622518" as="style" rel="preload">
<link href="//dk.com/cdn/shop/t/18/assets/base.css?v=162814775822442342221774539554" rel="stylesheet" type="text/css" media="all" />
<link
rel="preload"
as="font"
href="//dk.com/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//dk.com/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//dk.com/cdn/fonts/instrument_serif/instrumentserif_n4.1f296bfb073af186bc0a0abe7791aa71e0f0fd99.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//dk.com/cdn/fonts/instrument_serif/instrumentserif_n4.1f296bfb073af186bc0a0abe7791aa71e0f0fd99.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
>
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
{
"imports": {
"@theme/critical": "//dk.com/cdn/shop/t/18/assets/critical.js?v=169402557219780209121760622486",
"@theme/product-title": "//dk.com/cdn/shop/t/18/assets/product-title-truncation.js?v=81744426891537421781760622526",
"@theme/component": "//dk.com/cdn/shop/t/18/assets/component.js?v=74239122572524296041760622485",
"@theme/dialog": "//dk.com/cdn/shop/t/18/assets/dialog.js?v=94382931671780430451760622487",
"@theme/events": "//dk.com/cdn/shop/t/18/assets/events.js?v=59172389608566392641760622489",
"@theme/focus": "//dk.com/cdn/shop/t/18/assets/focus.js?v=60436577539430446401760622491",
"@theme/morph": "//dk.com/cdn/shop/t/18/assets/morph.js?v=175376767362814376631760622517",
"@theme/paginated-list": "//dk.com/cdn/shop/t/18/assets/paginated-list.js?v=95298315036233333871760622519",
"@theme/performance": "//dk.com/cdn/shop/t/18/assets/performance.js?v=171015751390534793081760622520",
"@theme/product-form": "//dk.com/cdn/shop/t/18/assets/product-form.js?v=127515301325557712001760622524",
"@theme/recently-viewed-products": "//dk.com/cdn/shop/t/18/assets/recently-viewed-products.js?v=94729125001750262651760622528",
"@theme/scrolling": "//dk.com/cdn/shop/t/18/assets/scrolling.js?v=10957690925586738441760622530",
"@theme/section-renderer": "//dk.com/cdn/shop/t/18/assets/section-renderer.js?v=117273408521114569061760622534",
"@theme/section-hydration": "//dk.com/cdn/shop/t/18/assets/section-hydration.js?v=177651605160027701221760622532",
"@theme/utilities": "//dk.com/cdn/shop/t/18/assets/utilities.js?v=2628875420026591481760622537",
"@theme/variant-picker": "//dk.com/cdn/shop/t/18/assets/variant-picker.js?v=113536721324242252251760622537",
"@theme/media-gallery": "//dk.com/cdn/shop/t/18/assets/media-gallery.js?v=111441960308641931071760622515",
"@theme/quick-add": "//dk.com/cdn/shop/t/18/assets/quick-add.js?v=74531385036627369001760622528",
"@theme/paginated-list-aspect-ratio": "//dk.com/cdn/shop/t/18/assets/paginated-list-aspect-ratio.js?v=25254270272143792451760622518",
"@theme/popover-polyfill": "//dk.com/cdn/shop/t/18/assets/popover-polyfill.js?v=119029313658895111201760622520"
}
}
</script>
<script
src="//dk.com/cdn/shop/t/18/assets/view-transitions.js?v=84877080446900032951760622539"
async
blocking="render"
></script>
<link
rel="modulepreload"
href="//dk.com/cdn/shop/t/18/assets/critical.js?v=169402557219780209121760622486"
>
<link
rel="modulepreload"
href="//dk.com/cdn/shop/t/18/assets/utilities.js?v=2628875420026591481760622537"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//dk.com/cdn/shop/t/18/assets/component.js?v=74239122572524296041760622485"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//dk.com/cdn/shop/t/18/assets/section-renderer.js?v=117273408521114569061760622534"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//dk.com/cdn/shop/t/18/assets/section-hydration.js?v=177651605160027701221760622532"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//dk.com/cdn/shop/t/18/assets/morph.js?v=175376767362814376631760622517"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//dk.com/cdn/shop/t/18/assets/focus.js?v=60436577539430446401760622491"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//dk.com/cdn/shop/t/18/assets/recently-viewed-products.js?v=94729125001750262651760622528"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//dk.com/cdn/shop/t/18/assets/scrolling.js?v=10957690925586738441760622530"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//dk.com/cdn/shop/t/18/assets/events.js?v=59172389608566392641760622489"
fetchpriority="low"
>
<script
src="//dk.com/cdn/shop/t/18/assets/popover-polyfill.js?v=119029313658895111201760622520"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/quick-add.js?v=74531385036627369001760622528"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/dialog.js?v=94382931671780430451760622487"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/variant-picker.js?v=113536721324242252251760622537"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/product-card.js?v=174129639976667491711760622522"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/product-form.js?v=127515301325557712001760622524"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/accordion-custom.js?v=99000499017714805851760622476"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/disclosure-custom.js?v=168050880623268140331760622487"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/media.js?v=37825095869491791421760622516"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/product-price.js?v=147554828958814062061774869372"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/product-title-truncation.js?v=81744426891537421781760622526"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/product-inventory.js?v=16343734458933704981760622524"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/show-more.js?v=94563802205717136101760622534"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/slideshow.js?v=106062376210414582281760622535"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/anchored-popover.js?v=95953304814728754461760622477"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/floating-panel.js?v=128677600744947036551760622491"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/video-background.js?v=25237992823806706551760622538"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/component-quantity-selector.js?v=56330027151833116691760622484"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/media-gallery.js?v=111441960308641931071760622515"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/rte-formatter.js?v=101420294193111439321760622530"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/gift-card-recipient-form.js?v=129634859299628245901760622492"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/localization.js?v=87759161307859666401760622514"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/product-card-link.js?v=97122579314620396511760622522"
type="module"
fetchpriority="low"
></script>
<script
src="//dk.com/cdn/shop/t/18/assets/auto-close-details.js?v=58350291535404441581760622478"
defer="defer"
></script>
<script>
const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders';
const Theme = {
placeholders: {
general: [
`${basePath}/general-1.png`,
`${basePath}/general-2.png`,
`${basePath}/general-3.png`,
`${basePath}/general-4.png`,
`${basePath}/general-5.png`,
`${basePath}/general-6.png`,
`${basePath}/general-7.png`,
],
product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`],
},
translations: {
placeholder_image: `Placeholder image`,
added: `Added`,
recipient_form_fields_visible: `Recipient form fields are now visible`,
recipient_form_fields_hidden: `Recipient form fields are now hidden`,
recipient_form_error: `There was an error with the form submission`,
},
routes: {
cart_add_url: '/cart/add.js',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
search_url: '/search',
},
template: {
name: 'index',
},
};
</script>
<style data-shopify>
@font-face {
font-family: "Instrument Sans";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//dk.com/cdn/fonts/instrument_sans/instrumentsans_n4.db86542ae5e1596dbdb28c279ae6c2086c4c5bfa.woff2") format("woff2"),
url("//dk.com/cdn/fonts/instrument_sans/instrumentsans_n4.510f1b081e58d08c30978f465518799851ef6d8b.woff") format("woff");
}
@font-face {
font-family: "Instrument Sans";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//dk.com/cdn/fonts/instrument_sans/instrumentsans_n7.e4ad9032e203f9a0977786c356573ced65a7419a.woff2") format("woff2"),
url("//dk.com/cdn/fonts/instrument_sans/instrumentsans_n7.b9e40f166fb7639074ba34738101a9d2990bb41a.woff") format("woff");
}
@font-face {
font-family: "Instrument Sans";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//dk.com/cdn/fonts/instrument_sans/instrumentsans_i4.028d3c3cd8d085648c808ceb20cd2fd1eb3560e5.woff2") format("woff2"),
url("//dk.com/cdn/fonts/instrument_sans/instrumentsans_i4.7e90d82df8dee29a99237cd19cc529d2206706a2.woff") format("woff");
}
@font-face {
font-family: "Instrument Sans";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//dk.com/cdn/fonts/instrument_sans/instrumentsans_i7.d6063bb5d8f9cbf96eace9e8801697c54f363c6a.woff2") format("woff2"),
url("//dk.com/cdn/fonts/instrument_sans/instrumentsans_i7.ce33afe63f8198a3ac4261b826b560103542cd36.woff") format("woff");
}
@font-face {
font-family: "Instrument Serif";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//dk.com/cdn/fonts/instrument_serif/instrumentserif_n4.1f296bfb073af186bc0a0abe7791aa71e0f0fd99.woff2") format("woff2"),
url("//dk.com/cdn/fonts/instrument_serif/instrumentserif_n4.9c1bc0cbb666f794ccbef0784eef2fae0981ce72.woff") format("woff");
}
@font-face {
font-family: "Instrument Serif";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//dk.com/cdn/fonts/instrument_serif/instrumentserif_i4.5f74867220db936d30d7d208253fb8f2d3ef5a7c.woff2") format("woff2"),
url("//dk.com/cdn/fonts/instrument_serif/instrumentserif_i4.659537f426cac059f95efd6b1bd59c465d629984.woff") format("woff");
}
:root {
/* Page Layout */
--sidebar-width: 25rem;
--narrow-content-width: 36rem;
--normal-content-width: 42rem;
--wide-content-width: 46rem;
--narrow-page-width: 90rem;
--normal-page-width: 120rem;
--wide-page-width: 150rem;
/* Section Heights */
--section-height-small: 15rem;
--section-height-medium: 25rem;
--section-height-large: 35rem;
@media screen and (min-width: 40em) {
--section-height-small: 40svh;
--section-height-medium: 55svh;
--section-height-large: 70svh;
}
@media screen and (min-width: 60em) {
--section-height-small: 50svh;
--section-height-medium: 65svh;
--section-height-large: 80svh;
}
/* Letter spacing */
--letter-spacing-sm: 0.06em;
--letter-spacing-md: 0.13em;
/* Font families */
--font-body--family: "Instrument Sans", sans-serif;
--font-body--style: normal;
--font-body--weight: 400;
--font-subheading--family: "Instrument Sans", sans-serif;
--font-subheading--style: normal;
--font-subheading--weight: 400;
--font-heading--family: "Instrument Serif", serif;
--font-heading--style: normal;
--font-heading--weight: 400;
--font-accent--family: "Instrument Serif", serif;
--font-accent--style: normal;
--font-accent--weight: 400;
/* Margin sizes */
--font-h1--spacing: 0.25em;
--font-h2--spacing: 0.25em;
--font-h3--spacing: 0.25em;
--font-h4--spacing: 0.25em;
--font-h5--spacing: 0.25em;
--font-h6--spacing: 0.25em;
--font-paragraph--spacing: 0.5em;
/* Heading colors */
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/** Z-Index / Layering */
--layer-section-background: -2;
--layer-lowest: -1;
--layer-base: 0;
--layer-flat: 1;
--layer-raised: 2;
--layer-heightened: 4;
--layer-sticky: 8;
--layer-window-overlay: 10;
--layer-header-menu: 12;
--layer-overlay: 16;
--layer-menu-drawer: 18;
--layer-temporary: 20;
/* Max-width / Measure */
--max-width--body-normal: 50ch;
--max-width--body-narrow: 35ch;
--max-width--heading-normal: 50ch;
--max-width--heading-narrow: 30ch;
--max-width--display-normal: 20ch;
--max-width--display-narrow: 15ch;
--max-width--display-tight: 5ch;
/* Letter-spacing / Tracking */
--letter-spacing--display-tight: -0.03em;
--letter-spacing--display-normal: 0em;
--letter-spacing--display-loose: 0.03em;
--letter-spacing--heading-tight: -0.03em;
--letter-spacing--heading-normal: 0em;
--letter-spacing--heading-loose: 0.03em;
--letter-spacing--body-tight: -0.03em;
--letter-spacing--body-normal: 0em;
--letter-spacing--body-loose: 0.03em;
/* Line height / Leading */
--line-height: 1;
--line-height--display-tight: 1;
--line-height--display-normal: 1.1;
--line-height--display-loose: 1.2;
--line-height--heading-tight: 1.15;
--line-height--heading-normal: 1.25;
--line-height--heading-loose: 1.35;
--line-height--body-tight: 1.2;
--line-height--body-normal: 1.4;
--line-height--body-loose: 1.6;
/* Typography presets */
--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);
/* Hardcoded font sizes */
--font-size--2xs: 0.625rem;
--font-size--xs: 0.8125rem;
--font-size--sm: 0.875rem;
--font-size--md: 1rem;
--font-size--lg: 1.125rem;
--font-size--xl: 1.25rem;
--font-size--2xl: 1.5rem;
--font-size--3xl: 2rem;
--font-size--4xl: 2.5rem;
--font-size--5xl: 3rem;
--font-size--6xl: 3.5rem;
/* Menu font sizes */
--menu-font-sm--size: 0.875rem;
--menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
--menu-font-md--size: 1rem;
--menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
--menu-font-lg--size: 1.125rem;
--menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
--menu-font-xl--size: 1.25rem;
--menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
--menu-font-2xl--size: 1.75rem;
--menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
/* Colors */
--color-error: #8B0000;
--color-success: #006400;
--color-white: #FFFFFF;
--color-white-rgb: 255 255 255;
--color-black: #000000;
--color-instock: #3ED660;
--color-lowstock: #EE9441;
--color-outofstock: #C8C8C8;
/* Opacity */
--opacity-5: 0.05;
--opacity-8: 0.08;
--opacity-10: 0.1;
--opacity-15: 0.15;
--opacity-20: 0.2;
--opacity-25: 0.25;
--opacity-30: 0.3;
--opacity-40: 0.4;
--opacity-50: 0.5;
--opacity-60: 0.6;
--opacity-70: 0.7;
--opacity-80: 0.8;
--opacity-85: 0.85;
--opacity-90: 0.9;
--opacity-subdued-text: var(--opacity-70);
--shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
--gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
/* Spacing */
--margin-3xs: 0.125rem;
--margin-2xs: 0.3rem;
--margin-xs: 0.5rem;
--margin-sm: 0.7rem;
--margin-md: 0.8rem;
--margin-lg: 1rem;
--margin-xl: 1.25rem;
--margin-2xl: 1.5rem;
--margin-3xl: 1.75rem;
--margin-4xl: 2rem;
--margin-5xl: 3rem;
--margin-6xl: 5rem;
--scroll-margin: 50px;
--padding-3xs: 0.125rem;
--padding-2xs: 0.25rem;
--padding-xs: 0.5rem;
--padding-sm: 0.7rem;
--padding-md: 0.8rem;
--padding-lg: 1rem;
--padding-xl: 1.25rem;
--padding-2xl: 1.5rem;
--padding-3xl: 1.75rem;
--padding-4xl: 2rem;
--padding-5xl: 3rem;
--padding-6xl: 4rem;
--gap-3xs: 0.125rem;
--gap-2xs: 0.3rem;
--gap-xs: 0.5rem;
--gap-sm: 0.7rem;
--gap-md: 0.9rem;
--gap-lg: 1rem;
--gap-xl: 1.25rem;
--gap-2xl: 2rem;
--gap-3xl: 3rem;
--spacing-scale-sm: 0.6;
--spacing-scale-md: 0.7;
--spacing-scale-default: 1.0;
/* Checkout buttons gap */
--checkout-button-gap: 10px;
/* Borders */
--style-border-width: 1px;
--style-border-radius-xs: 0.2rem;
--style-border-radius-sm: 0.6rem;
--style-border-radius-md: 0.8rem;
--style-border-radius-50: 50%;
--style-border-radius-lg: 1rem;
--style-border-radius-pills: 40px;
--style-border-radius-inputs: 8px;
--style-border-radius-buttons-primary: 100px;
--style-border-radius-buttons-secondary: 100px;
--style-border-width-primary: 0px;
--style-border-width-secondary: 0px;
--style-border-width-inputs: 1px;
--style-border-radius-popover: 8px;
--style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-swatch-opacity: 10%;
--style-border-swatch-width: 1px;
--style-border-swatch-style: none;
/* Animation */
--ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
--ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
--animation-speed-fast: 0.0625s;
--animation-speed: 0.125s;
--animation-speed-slow: 0.2s;
--animation-speed-medium: 0.15s;
--animation-easing: ease-in-out;
--animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
--drawer-animation-speed: 0.2s;
--animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
--animation-values: var(--animation-speed) var(--animation-easing);
--animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
--animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
--animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
--animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
--animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
--animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
--animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
/* View transitions */
/* View transition old */
--view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
/* View transition new */
--view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
/* Focus */
--focus-outline-width: 0.09375rem;
--focus-outline-offset: 0.2em;
/* Badges */
--badge-blob-padding-block: 1px;
--badge-blob-padding-inline: 12px 8px;
--badge-rectangle-padding-block: 1px;
--badge-rectangle-padding-inline: 6px;
@media screen and (min-width: 750px) {
--badge-blob-padding-block: 4px;
--badge-blob-padding-inline: 16px 12px;
--badge-rectangle-padding-block: 4px;
--badge-rectangle-padding-inline: 10px;
}
/* Icons */
--icon-size-2xs: 0.6rem;
--icon-size-xs: 0.85rem;
--icon-size-sm: 1.25rem;
--icon-size-md: 1.375rem;
--icon-size-lg: 1.5rem;
--icon-stroke-width: 1.5px;
/* Input */
--input-email-min-width: 200px;
--input-search-max-width: 650px;
--input-padding-y: 0.8rem;
--input-padding-x: 0.8rem;
--input-padding: var(--input-padding-y) var(--input-padding-x);
--input-box-shadow-width: var(--style-border-width-inputs);
--input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
--input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--input-textarea-min-height: 55px;
/* Button size */
--button-size-sm: 30px;
--button-size-md: 36px;
--button-size: var(--minimum-touch-target);
--button-padding-inline: 24px;
--button-padding-block: 16px;
/* Button font-family */
--button-font-family-primary: var(--font-body--family);
--button-font-family-secondary: var(--font-body--family);
/* Button text case */
--button-text-case: ;
--button-text-case-primary: default;
--button-text-case-secondary: default;
/* Borders */
--border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
--border-width-sm: 1px;
--border-width-md: 2px;
--border-width-lg: 5px;
/* Drawers */
--drawer-inline-padding: 25px;
--drawer-menu-inline-padding: 2.5rem;
--drawer-header-block-padding: 20px;
--drawer-content-block-padding: 10px;
--drawer-header-desktop-top: 0rem;
--drawer-padding: calc(var(--padding-sm) + 7px);
--drawer-height: 100dvh;
--drawer-width: 95vw;
--drawer-max-width: 500px;
/* Variant Picker Swatches */
--variant-picker-swatch-width-unitless: 30;
--variant-picker-swatch-height-unitless: 30;
--variant-picker-swatch-width: 30px;
--variant-picker-swatch-height: 30px;
--variant-picker-swatch-radius: 100px;
--variant-picker-border-width: 1px;
--variant-picker-border-style: none;
--variant-picker-border-opacity: 10%;
/* Variant Picker Buttons */
--variant-picker-button-radius: 100px;
--variant-picker-button-border-width: 1px;
/* Slideshow */
--slideshow-controls-size: 3.5rem;
--slideshow-controls-icon: 2rem;
--peek-next-slide-size: 3rem;
/* Utilities */
--backdrop-opacity: 0.15;
--backdrop-color-rgb: var(--color-shadow-rgb);
--minimum-touch-target: 44px;
--disabled-opacity: 0.5;
--skeleton-opacity: 0.025;
/* Shapes */
--shape--circle: circle(50% at center);
--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%);
--shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
--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% 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%);
/* Buy buttons */
--height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
/* Card image width and height variables */
--card-width-small: 10rem;
--height-small: 10rem;
--height-medium: 11.5rem;
--height-large: 13rem;
--height-full: 100vh;
@media screen and (min-width: 750px) {
--height-small: 17.5rem;
--height-medium: 21.25rem;
--height-large: 25rem;
}
/* Modal */
--modal-max-height: 65dvh;
/* Card styles for search */
--card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
--card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
/* Cart */
--cart-primary-font-family: var(--font-body--family);
--cart-primary-font-style: var(--font-body--style);
--cart-primary-font-weight: var(--font-body--weight);
--cart-secondary-font-family: var(--font-subheading--family);
--cart-secondary-font-style: var(--font-subheading--style);
--cart-secondary-font-weight: var(--font-subheading--weight);
}
</style>
<style data-shopify>
:root,
.color-scheme-1 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(26 26 26 / 1.0);
--color-foreground-rgb: 26 26 26;
--color-foreground-heading: rgb(26 26 26 / 1.0);
--color-foreground-heading-rgb: 26 26 26;
--color-primary: rgb(26 26 26 / 1.0);
--color-primary-rgb: 26 26 26;
--color-primary-hover: rgb(227 6 19 / 1.0);
--color-primary-hover-rgb: 227 6 19;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(26 26 26 / 1.0);
--color-shadow-rgb: 26 26 26;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(227 6 19 / 1.0);
--color-primary-button-border: rgb(26 26 26 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(26 26 26 / 1.0);
--color-primary-button-hover-border: rgb(26 26 26 / 1.0);
--color-secondary-button-text: rgb(26 26 26 / 1.0);
--color-secondary-button-background: rgb(239 239 239 / 1.0);
--color-secondary-button-border: rgb(26 26 26 / 1.0);
--color-secondary-button-hover-text: rgb(26 26 26 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(26 26 26 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(26 26 26 / 1.0);
--color-input-text-rgb: 26 26 26;
--color-input-border: rgb(0 0 0 / 0.08);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(26 26 26 / 1.0);
--color-variant-text-rgb: 26 26 26;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(26 26 26 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(230 230 230 / 1.0);
--color-selected-variant-border: rgb(26 26 26 / 1.0);
--color-selected-variant-text: rgb(0 59 73 / 1.0);
--color-selected-variant-hover-background: rgb(250 227 74 / 1.0);
--color-selected-variant-hover-text: rgb(0 59 73 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-2 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(255 255 255 / 1.0);
--color-border-rgb: 255 255 255;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(32 32 32 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(32 32 32 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-3 {
--color-background: rgb(176 245 92 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 176 245 92;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 72 46 / 1.0);
--color-foreground-rgb: 0 72 46;
--color-foreground-heading: rgb(0 72 46 / 1.0);
--color-foreground-heading-rgb: 0 72 46;
--color-primary: rgb(0 72 46 / 1.0);
--color-primary-rgb: 0 72 46;
--color-primary-hover: rgb(0 72 46 / 1.0);
--color-primary-hover-rgb: 0 72 46;
--color-border: rgb(0 72 46 / 1.0);
--color-border-rgb: 0 72 46;
--color-shadow: rgb(0 72 46 / 1.0);
--color-shadow-rgb: 0 72 46;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 72 46 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(104 128 126 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(239 239 239 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-4 {
--color-background: rgb(250 227 74 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 250 227 74;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(1 59 73 / 1.0);
--color-foreground-rgb: 1 59 73;
--color-foreground-heading: rgb(1 59 73 / 1.0);
--color-foreground-heading-rgb: 1 59 73;
--color-primary: rgb(1 59 73 / 1.0);
--color-primary-rgb: 1 59 73;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(0 0 0 / 1.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(251 241 175 / 1.0);
--color-primary-button-hover-border: rgb(251 241 175 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(250 227 74 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(48 48 48 / 1.0);
--color-secondary-button-hover-background: rgb(250 227 74 / 1.0);
--color-secondary-button-hover-border: rgb(48 48 48 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-5 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(115 15 214 / 1.0);
--color-foreground-rgb: 115 15 214;
--color-foreground-heading: rgb(115 15 214 / 1.0);
--color-foreground-heading-rgb: 115 15 214;
--color-primary: rgb(115 15 214 / 1.0);
--color-primary-rgb: 115 15 214;
--color-primary-hover: rgb(172 172 172 / 1.0);
--color-primary-hover-rgb: 172 172 172;
--color-border: rgb(102 102 102 / 1.0);
--color-border-rgb: 102 102 102;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(115 15 214 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(222 222 222 / 1.0);
--color-primary-button-hover-border: rgb(222 222 222 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
--color-input-background: rgb(255 209 189 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(255 255 255 / 1.0);
--color-input-hover-background: rgb(24 24 24 / 0.75);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-6 {
--color-background: rgb(0 0 0 / 0.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(250 227 74 / 1.0);
--color-primary-hover-rgb: 250 227 74;
--color-border: rgb(0 0 0 / 0.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 0.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(253 198 86 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(222 222 222 / 1.0);
--color-primary-button-hover-border: rgb(222 222 222 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
--color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-7 {
--color-background: rgb(1 59 73 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 1 59 73;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(250 227 74 / 1.0);
--color-foreground-rgb: 250 227 74;
--color-foreground-heading: rgb(250 227 74 / 1.0);
--color-foreground-heading-rgb: 250 227 74;
--color-primary: rgb(250 227 74 / 1.0);
--color-primary-rgb: 250 227 74;
--color-primary-hover: rgb(255 209 189 / 1.0);
--color-primary-hover-rgb: 255 209 189;
--color-border: rgb(250 227 74 / 1.0);
--color-border-rgb: 250 227 74;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(1 59 73 / 1.0);
--color-primary-button-background: rgb(250 227 74 / 1.0);
--color-primary-button-border: rgb(250 227 74 / 1.0);
--color-primary-button-hover-text: rgb(1 59 73 / 1.0);
--color-primary-button-hover-background: rgb(255 209 189 / 1.0);
--color-primary-button-hover-border: rgb(255 209 189 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(227 6 19 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-8 {
--color-background: rgb(230 230 230 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 230 230 230;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(227 6 19 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(227 6 19 / 0.77);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(239 239 239 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(250 249 241 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-5f7991c9-9ed2-4cd3-94bd-464ddae5132a {
--color-background: rgb(255 209 189 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 209 189;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(115 15 214 / 1.0);
--color-foreground-rgb: 115 15 214;
--color-foreground-heading: rgb(115 15 214 / 1.0);
--color-foreground-heading-rgb: 115 15 214;
--color-primary: rgb(115 15 214 / 1.0);
--color-primary-rgb: 115 15 214;
--color-primary-hover: rgb(115 15 214 / 1.0);
--color-primary-hover-rgb: 115 15 214;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(26 26 26 / 1.0);
--color-shadow-rgb: 26 26 26;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(115 15 214 / 1.0);
--color-primary-button-border: rgb(26 26 26 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(26 26 26 / 1.0);
--color-primary-button-hover-border: rgb(26 26 26 / 1.0);
--color-secondary-button-text: rgb(26 26 26 / 1.0);
--color-secondary-button-background: rgb(239 239 239 / 1.0);
--color-secondary-button-border: rgb(26 26 26 / 1.0);
--color-secondary-button-hover-text: rgb(26 26 26 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(26 26 26 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(26 26 26 / 1.0);
--color-input-text-rgb: 26 26 26;
--color-input-border: rgb(0 0 0 / 0.08);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(26 26 26 / 1.0);
--color-variant-text-rgb: 26 26 26;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(26 26 26 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(230 230 230 / 1.0);
--color-selected-variant-border: rgb(26 26 26 / 1.0);
--color-selected-variant-text: rgb(0 59 73 / 1.0);
--color-selected-variant-hover-background: rgb(250 227 74 / 1.0);
--color-selected-variant-hover-text: rgb(0 59 73 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-3547c2cb-b75c-4b98-b6da-6fc53e385a00 {
--color-background: rgb(38 224 250 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 38 224 250;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(48 56 212 / 1.0);
--color-foreground-rgb: 48 56 212;
--color-foreground-heading: rgb(48 56 212 / 1.0);
--color-foreground-heading-rgb: 48 56 212;
--color-primary: rgb(48 56 212 / 1.0);
--color-primary-rgb: 48 56 212;
--color-primary-hover: rgb(48 56 212 / 1.0);
--color-primary-hover-rgb: 48 56 212;
--color-border: rgb(48 56 212 / 1.0);
--color-border-rgb: 48 56 212;
--color-shadow: rgb(48 56 212 / 1.0);
--color-shadow-rgb: 48 56 212;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(48 56 212 / 1.0);
--color-primary-button-border: rgb(26 26 26 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(26 26 26 / 1.0);
--color-primary-button-hover-border: rgb(26 26 26 / 1.0);
--color-secondary-button-text: rgb(26 26 26 / 1.0);
--color-secondary-button-background: rgb(239 239 239 / 1.0);
--color-secondary-button-border: rgb(26 26 26 / 1.0);
--color-secondary-button-hover-text: rgb(26 26 26 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(26 26 26 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(26 26 26 / 1.0);
--color-input-text-rgb: 26 26 26;
--color-input-border: rgb(0 0 0 / 0.08);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(26 26 26 / 1.0);
--color-variant-text-rgb: 26 26 26;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(26 26 26 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(230 230 230 / 1.0);
--color-selected-variant-border: rgb(26 26 26 / 1.0);
--color-selected-variant-text: rgb(0 59 73 / 1.0);
--color-selected-variant-hover-background: rgb(250 227 74 / 1.0);
--color-selected-variant-hover-text: rgb(0 59 73 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-b9d0a236-eed7-403b-be8b-11494a508ac1 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(26 26 26 / 1.0);
--color-foreground-rgb: 26 26 26;
--color-foreground-heading: rgb(26 26 26 / 1.0);
--color-foreground-heading-rgb: 26 26 26;
--color-primary: rgb(26 26 26 / 1.0);
--color-primary-rgb: 26 26 26;
--color-primary-hover: rgb(227 6 19 / 1.0);
--color-primary-hover-rgb: 227 6 19;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(26 26 26 / 1.0);
--color-shadow-rgb: 26 26 26;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(227 6 19 / 1.0);
--color-primary-button-border: rgb(26 26 26 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(26 26 26 / 1.0);
--color-primary-button-hover-border: rgb(26 26 26 / 1.0);
--color-secondary-button-text: rgb(26 26 26 / 1.0);
--color-secondary-button-background: rgb(239 239 239 / 1.0);
--color-secondary-button-border: rgb(26 26 26 / 1.0);
--color-secondary-button-hover-text: rgb(26 26 26 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(26 26 26 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(26 26 26 / 1.0);
--color-input-text-rgb: 26 26 26;
--color-input-border: rgb(0 0 0 / 0.08);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(26 26 26 / 1.0);
--color-variant-text-rgb: 26 26 26;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(26 26 26 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(230 230 230 / 1.0);
--color-selected-variant-border: rgb(26 26 26 / 1.0);
--color-selected-variant-text: rgb(0 59 73 / 1.0);
--color-selected-variant-hover-background: rgb(250 227 74 / 1.0);
--color-selected-variant-hover-text: rgb(0 59 73 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-85f45951-d9a4-406b-bef4-cfca17df823c {
--color-background: rgb(237 201 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 237 201 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(130 5 92 / 1.0);
--color-foreground-rgb: 130 5 92;
--color-foreground-heading: rgb(130 5 92 / 1.0);
--color-foreground-heading-rgb: 130 5 92;
--color-primary: rgb(130 5 92 / 1.0);
--color-primary-rgb: 130 5 92;
--color-primary-hover: rgb(130 5 92 / 1.0);
--color-primary-hover-rgb: 130 5 92;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(130 5 92 / 1.0);
--color-shadow-rgb: 130 5 92;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(130 5 92 / 1.0);
--color-primary-button-border: rgb(26 26 26 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(26 26 26 / 1.0);
--color-primary-button-hover-border: rgb(26 26 26 / 1.0);
--color-secondary-button-text: rgb(26 26 26 / 1.0);
--color-secondary-button-background: rgb(239 239 239 / 1.0);
--color-secondary-button-border: rgb(26 26 26 / 1.0);
--color-secondary-button-hover-text: rgb(26 26 26 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(26 26 26 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(26 26 26 / 1.0);
--color-input-text-rgb: 26 26 26;
--color-input-border: rgb(0 0 0 / 0.08);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(26 26 26 / 1.0);
--color-variant-text-rgb: 26 26 26;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(26 26 26 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(230 230 230 / 1.0);
--color-selected-variant-border: rgb(26 26 26 / 1.0);
--color-selected-variant-text: rgb(0 59 73 / 1.0);
--color-selected-variant-hover-background: rgb(250 227 74 / 1.0);
--color-selected-variant-hover-text: rgb(0 59 73 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
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 {
color: var(--color-foreground);
background-color: var(--color-background);
}
</style>
<link href="//dk.com/cdn/shop/t/18/assets/custom.css?v=93185354943178754661762291441" rel="stylesheet" type="text/css" media="all" />
<link href="//dk.com/cdn/shop/t/18/assets/component-card.css?v=179713956214177788571761924473" rel="stylesheet" type="text/css" media="all" />
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/63578046521/digital_wallets/dialog">
<link rel="alternate" hreflang="x-default" href="https://dk.com/">
<link rel="alternate" hreflang="en" href="https://dk.com/">
<link rel="alternate" hreflang="en-US" href="https://dk.com/en-us">
<link rel="alternate" hreflang="en-IN" href="https://dk.com/en-in">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-GB&default_configuration_id=16744505"></script>
<script id="shopify-features" type="application/json">{"accessToken":"9a00fbbecbaef0f922fe4809b983aa41","betas":["rich-media-storefront-analytics"],"domain":"dk.com","predictiveSearch":true,"shopId":63578046521,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "dk-www-staging.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"GBP","rate":"1.0"};
Shopify.country = "GB";
Shopify.theme = {"name":"Tinker - Version 3.0","id":184714133881,"schema_name":"Tinker","schema_version":"3.0.0","theme_store_id":3627,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "dk.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<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>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//dk.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
await import("//dk.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"listener":["modules/v2/loader.listener.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script>(function() {
var isLoaded = false;
function asyncLoad() {
if (isLoaded) return;
isLoaded = true;
var urls = ["https:\/\/admin.revenuehunt.com\/embed.js?shop=dk-www-staging.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":63578046521,"offset":3600,"reqid":"fca385ee-7fdc-413e-8f1d-5d4d67cd5ef3-1787372533","pageurl":"dk.com\/","u":"6e47d9098b5c","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<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.2.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>
<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>
<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><script id="shopify-origin-trials" async="async" integrity="sha256-mqQjA+yhr1DtPsW5MhDIq3zDu+LghfjNT49r/ttG3eY=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-5059b83f.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.MCP = window.Shopify.MCP || {};
window.Shopify.MCP.enabled = true;
window.Shopify.MCP.shop = "dk-www-staging.myshopify.com";
window.Shopify.MCP.mcpEndpoint = "https:\/\/dk.com\/api\/mcp";
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"]}}];
</script>
<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("https:\/\/cdn.shopify.com\/storefront\/webmcp\/webmcp-0.1.1.js","");})();
</script>
<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)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
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);
</script>
<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})}}));
</script>
<script id='scb4127' type='text/javascript' async='' src='https://dk.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><link rel="stylesheet" media="screen" href="//dk.com/cdn/shop/t/18/compiled_assets/styles.css?v=22657602641512648121776254902">
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NB4SL3DJ');</script>
<!-- End Google Tag Manager -->
<!-- Hotjar Tracking Code for dk.com --> <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:6577800,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='); </script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<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>
<script>
window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<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,r=/bytedance/i;function o(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var r=0,o=e.split(";");r<o.length;r++){var d=o[r],t=d.indexOf("=");if(-1!==t){var n=d.slice(0,t).trim();if(n){var i=void 0;try{i=decodeURIComponent(n)}catch(e){i=n}if("_shopify_s"===i){var a=d.slice(t+1).trim();try{return decodeURIComponent(a)}catch(e){return a}}}}}return}catch(e){return}}function d(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}return function(t,n,i,a){var s,c,u,l,f=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},p=(c=(s={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,u=s.legacy,(l=navigator.userAgent).match(e)?"bot":l.match(c)?"modern":l.match(u)?"legacy":l.match(r)?"bot":"unknown"),h=function(e){var r=e.version,t=e.browserTarget,n=e.surface,i=e.shopId,a=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var c,u=e.status,l=e.errorMsg;if(!a)return d("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{var f=(new Date).getTime();c=JSON.stringify({metadata:{event_sent_at_ms:f},events:[{schema_id:"web_pixels_manager_load/3.2",payload:{version:r,bundle_target:t,page_url:s,status:u,surface:n,error_msg:l,shop_id:i,visit_token:o()},metadata:{event_created_at_ms:f}}]})}catch(e){return!1}var p,h=!1;try{"function"==typeof window.navigator.sendBeacon&&-1===(p=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===p.indexOf("iPad; CPU OS 12_")&&-1===p.indexOf("iPod touch; CPU iPhone OS 12_")&&(h=window.navigator.sendBeacon.bind(window.navigator)(a,c))}catch(e){h=!1}if(h)return!0;try{var m=new XMLHttpRequest;return m.open("POST",a,!0),m.setRequestHeader("Content-Type","text/plain"),m.send(c),!0}catch(e){return d("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:i,browserTarget:p,surface:t.surface,shopId:t.shopId,monorailEndpoint:t.monorailEndpoint});if(Boolean(null==(y=null==(m=window.Shopify)?void 0:m.analytics)?void 0:y.replayQueue))h.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var m,y;h.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var g=window.Shopify;g.analytics=g.analytics||{};var v=g.analytics;v.replayQueue=[],v.publish=function(e,r,o){return v.replayQueue.push([e,r,o]),!0};try{self.performance.mark("wpm:start")}catch(e){}var w,b="modern"===p?"modern":"legacy",P=(null!=a?a:{modern:"",legacy:""})[b],S=[(w={baseUrl:n,hashVersion:i,buildTarget:b}).baseUrl,"/wpm","/b",w.hashVersion,"modern"===w.buildTarget?"m":"l",".js"].join("");try{f.browserTarget=p,O(function(){try{O(_)}catch(e){h.emit({status:"failed",errorMsg:U(e)})}}),h.emit({status:"loading"})}catch(e){h.emit({status:"failed",errorMsg:U(e)})}}function C(){if(!function(){var e,r;return Boolean(null==(r=null==(e=window.Shopify)?void 0:e.analytics)?void 0:r.initialized)}()){var e=window.webPixelsManager.init(t)||void 0;if(e){var r=window.Shopify.analytics;r.replayQueue.forEach(function(r){var o=r[0],d=r[1],t=r[2];e.publishCustomEvent(o,d,t)}),r.replayQueue=[],r.publish=e.publishCustomEvent,r.visitor=e.visitor,r.initialized=!0}}}function _(){return h.emit({status:"failed",errorMsg:"".concat(S," has failed to load")})}function O(e){var r;!function(e){var r=e.src,o=e.async,d=void 0===o||o,t=e.onload,n=e.onerror,i=e.sri,a=e.scriptDataAttributes,s=void 0===a?{}:a,c=document.createElement("script"),u=document.querySelector("head"),l=document.querySelector("body");if(c.async=d,c.src=r,i&&(c.integrity=i,c.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{c.dataset[f]=s[f]}catch(e){}if(t&&c.addEventListener("load",t),n&&c.addEventListener("error",n),u)u.appendChild(c);else{if(!l)throw new Error("Did not find a head or body element to append the script");l.appendChild(c)}}({src:S,async:!0,onload:C,onerror:e,sri:(r=P,"string"==typeof r&&/^sha384-[A-Za-z0-9+/=]+$/.test(r)?P:""),scriptDataAttributes:f})}function U(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: ["d5bdd5d0","656605ce"],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":"9120410995b7c9c6f4f039573265c0ea","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":"0510","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0510","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"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"15312324198777","handle":"9780241762813-shameless","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56486378209657","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15194109215097","handle":"9780241768907-nature-is-the-answer","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56082764857721","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15194106102137","handle":"9780241682746-humans","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56082757976441","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15194113868153","handle":"9780241784761-lets-meet-the-ancient-egyptians","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56082772623737","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15214411317625","handle":"9780241811054-the-brownie-book","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56146311086457","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15312324854137","handle":"9780241804780-the-best-of-ireland","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56486378996089","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15188312686969","handle":"9780241678534-the-witches-of-anderson-house-the-great-dragon-escape","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56060584558969","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15214386905465","handle":"9780241777282-still-beautiful","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56146271404409","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15312324100473","handle":"9780241732281-one-pan-feasts","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56486378111353","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15194115146105","handle":"9780241790663-the-odyssey","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56082774327673","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15380404207993","handle":"9780241756355-youngest-faircrest-and-the-search-for-a-sorcerer","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56757567652217","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15312325542265","handle":"9780241831267-sophies-swaps-homemade-wins","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56486379553145","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15214382907769","handle":"9780241681633-dr-ranjs-human-body-encyclopedia","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56146263015801","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15118020968825","handle":"9780241752654-the-unprocessed-plate","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55745812234617","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15116665913721","handle":"9780241733066-the-money-saving-garden-year","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55742310187385","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15117994819961","handle":"9780241716106-grow-your-groceries","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55745785233785","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15116665553273","handle":"9780241720424-pop-up-peekaboo-disney-moana","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55742309237113","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15118021165433","handle":"9780241754979-menolicious","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55745812365689","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15117978206585","handle":"9780241648810-how-to-design-a-garden","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55745762361721","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15117996425593","handle":"9780241718612-monsoon","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55745787003257","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15116652347769","handle":"9780241667576-life-on-svalbard","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55742283186553","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15116640780665","handle":"9780241633434-the-money-saving-gardener","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55742264770937","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15110697091449","handle":"9780241568163-wonderfully-wired-brains","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55721967845753","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15110675956089","handle":"9780744076776-knife-drop","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55721939763577","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15071408914809","handle":"9780744097603-baking-across-america","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55561822765433","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15200629719417","handle":"9780241696507-the-travel-bucket-list","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56102301270393","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15188313407865","handle":"9780241686508-the-periodic-table","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56060585443705","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15188312785273","handle":"9780241682722-the-moon","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56060584690041","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15118032044409","handle":"9780241794760-20-minute-air-fryer","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55745824784761","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15118031880569","handle":"9780241793787-fascinating-fungi-colouring-book","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55745824653689","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15118002782585","handle":"9780241726082-the-sewing-book-new-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55745797521785","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15117983515001","handle":"9780241682845-maps-annotated","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55745769046393","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15117975748985","handle":"9780241481844-the-permaculture-garden","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55745759543673","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15116648415609","handle":"9780241667552-everyday-knitting","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55742277386617","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14916689625465","handle":"art-annotated","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56102094897529","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15640893096313","handle":"9780241838266-the-official-f1-quiz-book","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"63914996531577","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15194110001529","handle":"9780241772157-the-magic-and-mystery-of-earth","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56082766561657","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15214407057785","handle":"9780241789858-i-am-a-royal-rulebreaker","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56146305548665","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15188313735545","handle":"9780241716878-planet-earth-a-4-5-billion-year-story","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56060585869689","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15194107281785","handle":"9780241725306-an-anthology-of-beetles","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56082762301817","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15387971944825","handle":"9780241822548-mei-mei-the-bunny","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56785622761849","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15194107838841","handle":"9780241740491-rocket","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56082763022713","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15194110132601","handle":"9780241772270-the-aztecs","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56082766889337","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15194107249017","handle":"9780241725290-an-anthology-of-flowers","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56082762269049","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15194110067065","handle":"9780241772256-shapes-of-nature","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56082766791033","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15188316946809","handle":"9780241734445-game-plan","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56081150116217","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://dk.com/cdn","2d9dfbe8w1156b718pbb247b16m64115e31",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"184714133881","themeStoreId":"3627","themePublished":"true","eventMetadataId":"45406e6a-a9de-4648-857d-72e0abf61986","pageType":"home","shopId":"63578046521","storefrontBaseUrl":"https:\/\/dk.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"d5bdd5d0\", \"656605ce\"]","isMerchantRequest":"false","hashVersion":"2d9dfbe8w1156b718pbb247b16m64115e31","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'GBP';
var meta = {"page":{"pageType":"home","requestId":"fca385ee-7fdc-413e-8f1d-5d4d67cd5ef3-1787372533"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
window.ShopifyAnalytics.lib.trekkie = window.trekkie;
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
try {
window.__TREKKIE_SHIM_QUEUE.push({
from: 'trekkie-stub',
method: method,
args: args.slice(1)
});
} catch (e) {
// no-op
}
}
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 63578046521,
theme_id: 184714133881,
app_name: "storefront",
context_url: window.location.href,
source_url: "//dk.com/cdn/s/trekkie.storefront.7bcd7bb8195e24c65a61d69d69eb32392ed0d53f.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//dk.com/cdn/s/trekkie.storefront.7bcd7bb8195e24c65a61d69d69eb32392ed0d53f.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//dk.com/cdn/s/trekkie.storefront.7bcd7bb8195e24c65a61d69d69eb32392ed0d53f.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":63578046521,"isMerchantRequest":null,"themeId":184714133881,"themeCityHash":"15161840661542940609","contentLanguage":"en","currency":"GBP","eventMetadataId":"45406e6a-a9de-4648-857d-72e0abf61986"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["f43e7f5e","b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"fca385ee-7fdc-413e-8f1d-5d4d67cd5ef3-1787372533","shopifyEmitted":true});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//dk.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://dk.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.8.4.min.js"
data-application="storefront-renderer"
data-shop-id="63578046521"
data-render-region="gcp-europe-west4"
data-page-type="index"
data-theme-instance-id="184714133881"
data-theme-name="Tinker"
data-theme-version="3.0.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://dk.com/api/collect"
></script>
<meta name="shopify-y" content="52a3644b-8d14-42d1-b54c-cc63f2915ac4"><meta name="shopify-s" content="42ab6d9a-9634-4c18-9083-06ad7a7c3176"><meta name="new-cookie-storage-activated" content="f">
</head>
<body class="page-width-narrow card-hover-effect-scale">
<a
class="skip-to-content-link button-secondary"
href="#MainContent"
>
Skip to content
</a>
<div id="header-group">
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--26089999499641__header_announcements_EcVYpc" class="shopify-section shopify-section-group-header-group">
<div class="section-background color-scheme-7"></div>
<aside
class="announcement-bar spacing-style section section--full-width color-scheme-7"
style="--padding-block-start: 15px; --padding-block-end:15px;
--padding-inline-start:0px; --padding-inline-end:0px;
; --border-bottom-width: 0px;"
>
<announcement-bar-component
class="announcement-bar__slider"
>
<div class="announcement-bar__slides">
<slideshow-slide
ref="slides[]"
class="
announcement-bar__slide
text-block
text-block--AdHJqaXJGNjBRUkQ2N__announcement_N4BcNh
text-block--align-center
text-block--full-width
custom-typography
custom-font-size
"
style="
--color: ;--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal);
--width: 100%;
--text-align: center;
--line-height: 1;
"
aria-hidden="false"
>
<p class="announcement-bar__text">
Get your copy of The Sign of the Raven here
</p>
<a
class="announcement-bar__link"
href="https://dk.com/products/9780241756386-the-mother-load?_pos=1&_psq=The+Mother&_ss=e&_v=1.0"
>
<span class="visually-hidden">
Get your copy of The Sign of the Raven here
</span>
</a>
</slideshow-slide>
</div>
</announcement-bar-component>
</aside>
</div><header id="shopify-section-sections--26089999499641__header_section" class="shopify-section shopify-section-group-header-group header-section">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "DK",
"logo": "https:\/\/dk.com\/cdn\/shop\/files\/dk-logo.svg?v=1701436485\u0026width=500",
"url": "https:\/\/dk.com"
}
</script>
<header-component
id="header-component"
class="header"
sticky="scroll-up"
data-skip-node-update
data-scroll-direction="none"
>
<div
class="header__row header__row--top color-scheme-1 section section--full-width-margin section--full-width"
ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
<div class="header__columns spacing-style">
<div
class="header__column header__column--left"
data-testid="header-top-left"
>
<div
class="header__drawer desktop:hidden"
ref="headerDrawerContainer"
style=""
>
<script
src="//dk.com/cdn/shop/t/18/assets/header-drawer.js?v=38290796699993510201760622493"
type="module"
fetchpriority="low"
></script>
<header-drawer
class="header-drawer header__drawer--mobile"
style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
>
<details
id="Details-menu-drawer-container"
data-skip-node-update="true"
class="menu-drawer-container"
ref="details"
scroll-lock
>
<summary
class="header__icon header__icon--menu header__icon--summary"
aria-label="Menu"
on:click="/toggle"
>
<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">
<path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
<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">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
data-header-drawer
class="
menu-drawer
motion-reduce
color-scheme-1
"
>
<button
class="button button-unstyled close-button menu-drawer__close-button"
type="button"
aria-label="Close"
on:click="/close"
>
<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">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<nav
class="menu-drawer__navigation"
style="--menu-top-level-font-family: var(--font-body--family);
--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;
--menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
var(--menu-font-2xl--line-height);
--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
none;
--menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
--menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
none;
--menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
--menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
--menu-child-active-font-color: var(--color-foreground);
"
>
<ul
class="menu-drawer__menu has-submenu"
role="list"
>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
><details
id="Details-menu-drawer-menu-item-1"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-adults"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text wrap-text">Adults</span>
<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">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-adults"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 1;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Back"
>
<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">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="menu-drawer__menu-item-text wrap-text">Adults</span>
</button>
<button
class="button close-button menu-drawer__close-button"
type="button"
aria-label="Close"
on:click="header-drawer/close"
>
<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">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
>
<li
class="
menu-drawer__list-item
menu-drawer__list-item--flat
"
>
<a
id="HeaderDrawer-adults-by-category"
href="#"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">By Category</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-adults-by-category-arts-culture"
href="/collections/arts-culture/Adult"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Arts & Culture</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-adults-by-category-crafts-hobbies"
href="/collections/crafts-hobbies/adult"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Crafts & Hobbies</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
id="HeaderDrawer-adults-by-category-comics-film-tv"
href="/collections/comics-film-tv/adult"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Comics, Film & TV</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
>
<a
id="HeaderDrawer-adults-by-category-food-drink"
href="/collections/food-drink/adult"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Food & Drink</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 5;"
>
<a
id="HeaderDrawer-adults-by-category-gardening"
href="/collections/gardening/adult"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Gardening</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 6;"
>
<a
id="HeaderDrawer-adults-by-category-health-beauty"
href="/collections/health-beauty/adult"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Health & Beauty</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 7;"
>
<a
id="HeaderDrawer-adults-by-category-history"
href="/collections/history/adult"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">History</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 8;"
>
<a
id="HeaderDrawer-adults-by-category-language-learning"
href="/collections/language-learning/adult"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Language Learning</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 9;"
>
<a
id="HeaderDrawer-adults-by-category-non-fiction"
href="/collections/non-fiction"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Non-fiction</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 10;"
>
<a
id="HeaderDrawer-adults-by-category-pregnancy-parenting"
href="/collections/pregnancy-parenting/adult"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Pregnancy & Parenting</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 11;"
>
<a
id="HeaderDrawer-adults-by-category-religions-ideas"
href="/collections/religions-ideas/Adult"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Religions & Ideas</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 12;"
>
<a
id="HeaderDrawer-adults-by-category-reference"
href="/collections/reference/adult"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Reference</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 13;"
>
<a
id="HeaderDrawer-adults-by-category-science-nature"
href="/collections/science-nature/adult"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Science & Nature</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 14;"
>
<a
id="HeaderDrawer-adults-by-category-travel"
href="/collections/travel/adult"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Travel</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 15;"
>
<a
id="HeaderDrawer-adults-by-category-well-being"
href="/collections/well-being/adult"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Well-being</span>
</a>
</li></ul></li><li
class="
menu-drawer__list-item
menu-drawer__list-item--flat
"
>
<a
id="HeaderDrawer-adults-featured"
href="#"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Featured</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-adults-featured-bestsellers"
href="/collections/bestsellers/adult"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Bestsellers</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-adults-featured-gardening"
href="/collections/gardening/adult"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Gardening</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
id="HeaderDrawer-adults-featured-warhammer"
href="/collections/warhammer"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Warhammer</span>
</a>
</li></ul></li><li
class="
menu-drawer__list-item
"
><a
id="HeaderDrawer-adults-all-books-for-adults"
href="/collections/books-for-adults"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">All Books for Adults</span>
</a></li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
><details
id="Details-menu-drawer-menu-item-2"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-childrens"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text wrap-text">Children's</span>
<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">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-childrens"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 2;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Back"
>
<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">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="menu-drawer__menu-item-text wrap-text">Children's</span>
</button>
<button
class="button close-button menu-drawer__close-button"
type="button"
aria-label="Close"
on:click="header-drawer/close"
>
<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">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
>
<li
class="
menu-drawer__list-item
menu-drawer__list-item--flat
"
>
<a
id="HeaderDrawer-childrens-by-age"
href="#"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">By age</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-childrens-by-age-0-5"
href="/collections/0-5"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">0-5</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-childrens-by-age-5-7"
href="/collections/5-7"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">5-7</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
id="HeaderDrawer-childrens-by-age-7-9"
href="/collections/7-9"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">7-9</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
>
<a
id="HeaderDrawer-childrens-by-age-9-11"
href="/collections/9-11"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">9-11</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 5;"
>
<a
id="HeaderDrawer-childrens-by-age-teen-ya"
href="/collections/teen-ya"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Teen & YA</span>
</a>
</li></ul></li><li
class="
menu-drawer__list-item
menu-drawer__list-item--flat
"
>
<a
id="HeaderDrawer-childrens-by-type"
href="#"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">By type</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-childrens-by-type-fiction"
href="/collections/fiction/children"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Fiction</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-childrens-by-type-non-fiction"
href="/collections/childrens-non-fiction"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Non-fiction</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
id="HeaderDrawer-childrens-by-type-baby-toddler-books"
href="/collections/baby-toddler"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Baby & toddler books</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
>
<a
id="HeaderDrawer-childrens-by-type-activity-books"
href="/collections/activity-books"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Activity books</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 5;"
>
<a
id="HeaderDrawer-childrens-by-type-education"
href="/collections/education/children"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Education</span>
</a>
</li></ul></li><li
class="
menu-drawer__list-item
menu-drawer__list-item--flat
"
>
<a
id="HeaderDrawer-childrens-featured"
href="#"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Featured</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-childrens-featured-bestsellers"
href="/collections/bestsellers/children"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Bestsellers</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-childrens-featured-disney"
href="/collections/disney"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Disney</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
id="HeaderDrawer-childrens-featured-dk-flip"
href="/collections/dk-flip"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">DK flip</span>
</a>
</li></ul></li><li
class="
menu-drawer__list-item
menu-drawer__list-item--flat
"
>
<a
id="HeaderDrawer-childrens-by-series"
href="#"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">By series</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-childrens-by-series-pop-up-peekaboo"
href="/collections/pop-up-pekaboo"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Pop-up Peekaboo!</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-childrens-by-series-anthologies"
href="/collections/anthologies"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Anthologies</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
id="HeaderDrawer-childrens-by-series-eyewitness"
href="/collections/eyewitness/children"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Eyewitness</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
>
<a
id="HeaderDrawer-childrens-by-series-rebel-girls"
href="/collections/rebel-girls/children"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Rebel Girls</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 5;"
>
<a
id="HeaderDrawer-childrens-by-series-dk-super-readers"
href="/collections/dk-super-readers/children"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">DK Super Readers</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 6;"
>
<a
id="HeaderDrawer-childrens-by-series-phonic-books"
href="/collections/phonic-books/children"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Phonic Books</span>
</a>
</li></ul></li><li
class="
menu-drawer__list-item
menu-drawer__list-item--flat
"
>
<a
id="HeaderDrawer-childrens-popular-categories"
href="#"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Popular categories</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-childrens-popular-categories-science-nature"
href="/collections/science-nature/children"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Science & Nature</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-childrens-popular-categories-animals"
href="/collections/animals/children"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Animals</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
id="HeaderDrawer-childrens-popular-categories-lego®-books"
href="/collections/lego-books/children"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">LEGO® Books</span>
</a>
</li></ul></li><li
class="
menu-drawer__list-item
"
><a
id="HeaderDrawer-childrens-all-childrens-books"
href="/collections/childrens"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">All Children's Books</span>
</a></li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
><details
id="Details-menu-drawer-menu-item-3"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-discover"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text wrap-text">Discover</span>
<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">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-discover"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 3;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Back"
>
<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">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="menu-drawer__menu-item-text wrap-text">Discover</span>
</button>
<button
class="button close-button menu-drawer__close-button"
type="button"
aria-label="Close"
on:click="header-drawer/close"
>
<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">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
>
<li
class="
menu-drawer__list-item
menu-drawer__list-item--flat
"
>
<a
id="HeaderDrawer-discover-curated-collections"
href="#"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Curated Collections</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-discover-curated-collections-gift-ideas"
href="/pages/gift-ideas"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Gift Ideas</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-discover-curated-collections-coming-soon"
href="/collections/coming-soon"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Coming Soon</span>
</a>
</li></ul></li><li
class="
menu-drawer__list-item
menu-drawer__list-item--flat
"
>
<a
id="HeaderDrawer-discover-explore-more"
href="#"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Explore More</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-discover-explore-more-articles"
href="/blogs/articles"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Articles</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-discover-explore-more-competitions"
href="/blogs/competitions"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Competitions</span>
</a>
</li></ul></li><li
class="
menu-drawer__list-item
"
><a
id="HeaderDrawer-discover-national-year-of-reading"
href="/pages/national-year-of-reading-go-all-in"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">National Year of Reading</span>
</a></li></ul>
</div>
</div>
</details></li>
<li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
><details
id="Details-menu-drawer-menu-item-4"
class="menu-drawer__menu-container"
>
<summary
id="HeaderDrawer-about-dk"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
on:click="header-drawer/open"
>
<span class="menu-drawer__menu-item-text wrap-text">About DK</span>
<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">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
id="link-about-dk"
class="menu-drawer__submenu has-submenu gradient motion-reduce"
tabindex="-1"
style="--menu-drawer-animation-index: 4;"
>
<div class="menu-drawer__inner-submenu">
<div class="menu-drawer__nav-buttons">
<button
class="button menu-drawer__back-button focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
aria-label="Back"
>
<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">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="menu-drawer__menu-item-text wrap-text">About DK</span>
</button>
<button
class="button close-button menu-drawer__close-button"
type="button"
aria-label="Close"
on:click="header-drawer/close"
>
<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">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
>
<li
class="
menu-drawer__list-item
menu-drawer__list-item--flat
"
>
<a
id="HeaderDrawer-about-dk-our-divisions-imprints"
href="#"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Our Divisions & Imprints</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--grandchildlist details-content"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
id="HeaderDrawer-about-dk-our-divisions-imprints-who-we-are"
href="/pages/who-we-are"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Who We Are</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
id="HeaderDrawer-about-dk-our-divisions-imprints-dk-living"
href="/pages/dk-living"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">DK Living</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 3;"
>
<a
id="HeaderDrawer-about-dk-our-divisions-imprints-dk-childrens"
href="/pages/introducing-dk-children-s"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">DK Children's</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 4;"
>
<a
id="HeaderDrawer-about-dk-our-divisions-imprints-dk"
href="/pages/introducing-dk"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">DK+</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 5;"
>
<a
id="HeaderDrawer-about-dk-our-divisions-imprints-dk-alpha"
href="/pages/introducing-dk-alpha"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">DK Alpha</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 6;"
>
<a
id="HeaderDrawer-about-dk-our-divisions-imprints-canelo"
href="/pages/introducing-canelo"
class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Canelo</span>
</a>
</li></ul></li><li
class="
menu-drawer__list-item
"
><a
id="HeaderDrawer-about-dk-uk-bookseller-hub"
href="https://booksellerhub.dk.com/"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">UK Bookseller Hub </span>
</a></li><li
class="
menu-drawer__list-item
"
><a
id="HeaderDrawer-about-dk-catalogues"
href="/pages/catalogues"
class="menu-drawer__menu-item menu-drawer__menu-item--parent focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Catalogues</span>
</a></li></ul>
</div>
</div>
</details></li>
</ul>
</nav>
<div
class="menu-drawer__utility-links menu-drawer__animated-element"
style="--menu-drawer-animation-index: 4;"
>
<drawer-localization-component class="menu-drawer__localization">
<details
id="drawer-localization"
class="drawer-localization"
on:toggle="/toggle"
>
<summary
id="HeaderDrawer-localization"
class="drawer-localization__button h3 link link--text focus-inset"
aria-expanded="false"
on:click="header-drawer/open"
style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country link link--text"><span
class="icon-flag"
style="
background-image: url(//cdn.shopify.com/static/images/flags/gb.svg?width=32);
--size-shadow: 2px;
--color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60));
"
></span><span class="currency-code">GBP</span>
</div></div>
<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">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
class="menu-drawer__submenu has-submenu gradient motion-reduce color-scheme-1"
style=""
>
<div
class="menu-drawer__nav-buttons"
ref="navButtons"
>
<button
class="button menu-drawer__back-button link link--text focus-inset"
aria-expanded="true"
on:click="header-drawer/back"
>
<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">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
Region and language
</button>
<button
class="button close-button menu-drawer__close-button"
type="button"
aria-label="Close"
on:click="header-drawer/close"
>
<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">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] results"
data-show-filter="false"
style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
<div class="country-selector-form__wrapper">
<h2
class="visually-hidden"
id="drawer-CountryLabel"
>
Country/Region
</h2>
<div
class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
id="drawer-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>No results found</span>
<li
class="localization-form__list-item"
data-value="CA"
data-aliases=""
id="Canada"
aria-label="Canada"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CA"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Canada</span>
<span
class="localization-form__currency motion-reduce"
>
CAD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="IN"
data-aliases=""
id="India"
aria-label="India"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IN"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">India</span>
<span
class="localization-form__currency motion-reduce"
>
INR
₹</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="GB"
data-aliases="uk,gb,great britain"
id="United Kingdom"
aria-label="United Kingdom"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GB"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">United Kingdom</span>
<span
class="localization-form__currency motion-reduce"
>
GBP
£</span>
</li>
<li
class="localization-form__list-item"
data-value="US"
data-aliases="us,usa,america,united states of america"
id="United States"
aria-label="United States"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/US"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">United States</span>
<span
class="localization-form__currency motion-reduce"
>
USD
$</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="GB"
ref="countryInput"
>
</div>
</form></localization-form-component>
</div>
</details>
</drawer-localization-component>
</div>
</div>
<div
class="menu-drawer__backdrop"
on:click="header-drawer/close"
></div>
</details>
</header-drawer>
</div>
<a
href="/"
class="size-style spacing-style header-logo"
style="
--size-style-width: ;--size-style-height: ;
--padding-block-start: 8px;--padding-block-end: 8px;--padding-inline-start: 10px;--padding-inline-end: 10px;
--font-family: var(--font-body--family);
--font-style: var(--font-body--style);
--font-weight: 600;
"
>
<span
class="header-logo__image-container header-logo__image-container--original"
data-testid="header-logo"
>
<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;">
</span>
</a>
<search-button class="search-action desktop:hidden">
<button
on:click="#search-modal/showDialog"
class="button button-unstyled search-modal__button header-actions__action"
aria-label="Open search"
>
<span
aria-hidden="true"
class="svg-wrapper"
>
<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>
</span>
</button>
</search-button>
</div><div
class="header__column header__column--center"
data-testid="header-top-center"
>
<header-menu
ref="headerMenu"
class="header-menu mobile:hidden"
data-animation-delay="200"
style="--submenu-animation-speed: 200ms;"
>
<div class="header-menu__inner">
<nav header-menu>
<div
class="menu-list"
style="--menu-top-level-font-family: var(--font-body--family);
--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;
--menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
var(--menu-font-sm--line-height);
--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
"
>
<overflow-list
ref="overflowMenu"
class="overflow-menu color-scheme-matches-parent"
minimum-items="2"
defer
>
<template shadowrootmode="open">
<link href="//dk.com/cdn/shop/t/18/assets/overflow-list.css?v=168694168152117541881760622518" rel="stylesheet" type="text/css" media="all" />
<ul part="list">
<slot></slot>
<slot
name="more"
part="more"
hidden
>
<li
part="more"
>
<button
class="button"
type="button"
tabindex="0"
>
More
</button>
</li>
</slot>
<li
part="placeholder"
hidden
></li>
</ul>
<div part="overflow">
<ul part="overflow-list">
<slot name="overflow"></slot>
</ul>
</div>
</template>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="#"
data-skip-node-update="true"
class="menu-list__link"aria-controls="submenu-1"
aria-haspopup="true"
aria-expanded="false"ref="menuitem"
>
<span class="menu-list__link-title">Adults</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-1"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
none;
--menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
--menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
none;
--menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
--menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
--menu-child-active-font-color: var(--color-foreground);
"
>
<div class="mega-menu section section--full-width-margin section--full-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-1"
>
<ul
data-menu-list-id="MegaMenuList-1"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 0px;"
>
<li class="mega-menu__column mega-menu__column--span-2">
<div>
<a
href="#"
class="mega-menu__link mega-menu__link--parent"
>
<span
class="mega-menu__link-title wrap-text"
>By Category</span>
</a>
<ul
class="list-unstyled"
style="column-count: 2;"
>
<li
>
<a
href="/collections/arts-culture/Adult"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Arts & Culture</span>
</a>
</li>
<li
>
<a
href="/collections/crafts-hobbies/adult"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Crafts & Hobbies</span>
</a>
</li>
<li
>
<a
href="/collections/comics-film-tv/adult"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Comics, Film & TV</span>
</a>
</li>
<li
>
<a
href="/collections/food-drink/adult"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Food & Drink</span>
</a>
</li>
<li
>
<a
href="/collections/gardening/adult"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Gardening</span>
</a>
</li>
<li
>
<a
href="/collections/health-beauty/adult"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Health & Beauty</span>
</a>
</li>
<li
>
<a
href="/collections/history/adult"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">History</span>
</a>
</li>
<li
>
<a
href="/collections/language-learning/adult"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Language Learning</span>
</a>
</li>
<li
>
<a
href="/collections/non-fiction"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Non-fiction</span>
</a>
</li>
<li
style="break-after: column;"
>
<a
href="/collections/pregnancy-parenting/adult"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Pregnancy & Parenting</span>
</a>
</li>
<li
>
<a
href="/collections/religions-ideas/Adult"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Religions & Ideas</span>
</a>
</li>
<li
>
<a
href="/collections/reference/adult"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Reference</span>
</a>
</li>
<li
>
<a
href="/collections/science-nature/adult"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Science & Nature</span>
</a>
</li>
<li
>
<a
href="/collections/travel/adult"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Travel</span>
</a>
</li>
<li
>
<a
href="/collections/well-being/adult"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Well-being</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="#"
class="mega-menu__link mega-menu__link--parent"
>
<span
class="mega-menu__link-title wrap-text"
>Featured</span>
</a>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
>
<a
href="/collections/bestsellers/adult"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Bestsellers</span>
</a>
</li>
<li
>
<a
href="/collections/gardening/adult"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Gardening</span>
</a>
</li>
<li
>
<a
href="/collections/warhammer"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Warhammer</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/books-for-adults"
class="mega-menu__link "
>
<span
class="mega-menu__link-title wrap-text"
>All Books for Adults</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="#"
data-skip-node-update="true"
class="menu-list__link"aria-controls="submenu-2"
aria-haspopup="true"
aria-expanded="false"ref="menuitem"
>
<span class="menu-list__link-title">Children's</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-2"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
none;
--menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
--menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
none;
--menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
--menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
--menu-child-active-font-color: var(--color-foreground);
"
>
<div class="mega-menu section section--full-width-margin section--full-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-2"
>
<ul
data-menu-list-id="MegaMenuList-2"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 0px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="#"
class="mega-menu__link mega-menu__link--parent"
>
<span
class="mega-menu__link-title wrap-text"
>By age</span>
</a>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
>
<a
href="/collections/0-5"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">0-5</span>
</a>
</li>
<li
>
<a
href="/collections/5-7"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">5-7</span>
</a>
</li>
<li
>
<a
href="/collections/7-9"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">7-9</span>
</a>
</li>
<li
>
<a
href="/collections/9-11"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">9-11</span>
</a>
</li>
<li
>
<a
href="/collections/teen-ya"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Teen & YA</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="#"
class="mega-menu__link mega-menu__link--parent"
>
<span
class="mega-menu__link-title wrap-text"
>By type</span>
</a>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
>
<a
href="/collections/fiction/children"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Fiction</span>
</a>
</li>
<li
>
<a
href="/collections/childrens-non-fiction"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Non-fiction</span>
</a>
</li>
<li
>
<a
href="/collections/baby-toddler"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Baby & toddler books</span>
</a>
</li>
<li
>
<a
href="/collections/activity-books"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Activity books</span>
</a>
</li>
<li
>
<a
href="/collections/education/children"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Education</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="#"
class="mega-menu__link mega-menu__link--parent"
>
<span
class="mega-menu__link-title wrap-text"
>Featured</span>
</a>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
>
<a
href="/collections/bestsellers/children"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Bestsellers</span>
</a>
</li>
<li
>
<a
href="/collections/disney"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Disney</span>
</a>
</li>
<li
>
<a
href="/collections/dk-flip"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">DK flip</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="#"
class="mega-menu__link mega-menu__link--parent"
>
<span
class="mega-menu__link-title wrap-text"
>By series</span>
</a>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
>
<a
href="/collections/pop-up-pekaboo"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Pop-up Peekaboo!</span>
</a>
</li>
<li
>
<a
href="/collections/anthologies"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Anthologies</span>
</a>
</li>
<li
>
<a
href="/collections/eyewitness/children"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Eyewitness</span>
</a>
</li>
<li
>
<a
href="/collections/rebel-girls/children"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Rebel Girls</span>
</a>
</li>
<li
>
<a
href="/collections/dk-super-readers/children"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">DK Super Readers</span>
</a>
</li>
<li
>
<a
href="/collections/phonic-books/children"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Phonic Books</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="#"
class="mega-menu__link mega-menu__link--parent"
>
<span
class="mega-menu__link-title wrap-text"
>Popular categories</span>
</a>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
>
<a
href="/collections/science-nature/children"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Science & Nature</span>
</a>
</li>
<li
>
<a
href="/collections/animals/children"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Animals</span>
</a>
</li>
<li
>
<a
href="/collections/lego-books/children"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">LEGO® Books</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/collections/childrens"
class="mega-menu__link "
>
<span
class="mega-menu__link-title wrap-text"
>All Children's Books</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="#"
data-skip-node-update="true"
class="menu-list__link"aria-controls="submenu-3"
aria-haspopup="true"
aria-expanded="false"ref="menuitem"
>
<span class="menu-list__link-title">Discover</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-3"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
none;
--menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
--menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
none;
--menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
--menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
--menu-child-active-font-color: var(--color-foreground);
"
>
<div class="mega-menu section section--full-width-margin section--full-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-3"
>
<ul
data-menu-list-id="MegaMenuList-3"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 0px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="#"
class="mega-menu__link mega-menu__link--parent"
>
<span
class="mega-menu__link-title wrap-text"
>Curated Collections</span>
</a>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
>
<a
href="/pages/gift-ideas"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Gift Ideas</span>
</a>
</li>
<li
>
<a
href="/collections/coming-soon"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Coming Soon</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="#"
class="mega-menu__link mega-menu__link--parent"
>
<span
class="mega-menu__link-title wrap-text"
>Explore More</span>
</a>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
>
<a
href="/blogs/articles"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Articles</span>
</a>
</li>
<li
>
<a
href="/blogs/competitions"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Competitions</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/pages/national-year-of-reading-go-all-in"
class="mega-menu__link "
>
<span
class="mega-menu__link-title wrap-text"
>National Year of Reading</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-3"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-3"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="#"
data-skip-node-update="true"
class="menu-list__link"aria-controls="submenu-4"
aria-haspopup="true"
aria-expanded="false"ref="menuitem"
>
<span class="menu-list__link-title">About DK</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-4"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
none;
--menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
--menu-parent-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
none;
--menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
--menu-child-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
--menu-child-active-font-color: var(--color-foreground);
"
>
<div class="mega-menu section section--full-width-margin section--full-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-4"
>
<ul
data-menu-list-id="MegaMenuList-4"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 0px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="#"
class="mega-menu__link mega-menu__link--parent"
>
<span
class="mega-menu__link-title wrap-text"
>Our Divisions & Imprints</span>
</a>
<ul
class="list-unstyled"
style="column-count: 1;"
>
<li
>
<a
href="/pages/who-we-are"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Who We Are</span>
</a>
</li>
<li
>
<a
href="/pages/dk-living"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">DK Living</span>
</a>
</li>
<li
>
<a
href="/pages/introducing-dk-children-s"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">DK Children's</span>
</a>
</li>
<li
>
<a
href="/pages/introducing-dk"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">DK+</span>
</a>
</li>
<li
>
<a
href="/pages/introducing-dk-alpha"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">DK Alpha</span>
</a>
</li>
<li
>
<a
href="/pages/introducing-canelo"
class="mega-menu__link"
>
<span class="mega-menu__link-title wrap-text">Canelo</span>
</a>
</li>
</ul>
</div>
</li>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="https://booksellerhub.dk.com/"
class="mega-menu__link "
>
<span
class="mega-menu__link-title wrap-text"
>UK Bookseller Hub </span>
</a>
</div>
<div>
<a
href="/pages/catalogues"
class="mega-menu__link "
>
<span
class="mega-menu__link-title wrap-text"
>Catalogues</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-4"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-4"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
class="menu-list__list-item"
role="presentation"
slot="more"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<button role="menuitem" class="button menu-list__link button-unstyled">
<span class="menu-list__link-title">More</span>
</button>
</li>
</overflow-list>
</div>
</nav>
</div>
<script
src="//dk.com/cdn/shop/t/18/assets/header-menu.js?v=98986771878453457241760622494"
type="module"
></script>
</header-menu>
</div><div
class="header__column header__column--right"
data-testid="header-top-right"
>
<dropdown-localization-component
class="dropdown-localization mobile:hidden"
>
<button
type="button"
class="button dropdown-localization__button localization-selector link link--text"
aria-expanded="false"
aria-controls="dropdown-localization-results"
ref="button"
on:click="/toggleSelector"
style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 1rem; "
>
<span class="visually-hidden">Open region and language selector</span>
<span
class="icon-flag"
style="
background-image: url(//cdn.shopify.com/static/images/flags/gb.svg?width=32);
--size-shadow: 2px;
--color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-30-60));
"
></span>
<span class="currency-code">GBP</span>
<span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<div
class="localization-wrapper right-bound color-scheme-1"
hidden
ref="panel"
>
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] results"
data-show-filter="false"
style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 1rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
<div class="country-selector-form__wrapper">
<h2
class="visually-hidden"
id="dropdown-CountryLabel"
>
Country/Region
</h2>
<div
class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
id="dropdown-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>No results found</span>
<li
class="localization-form__list-item"
data-value="CA"
data-aliases=""
id="Canada"
aria-label="Canada"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CA"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Canada</span>
<span
class="localization-form__currency motion-reduce"
>
CAD
$</span>
</li>
<li
class="localization-form__list-item"
data-value="IN"
data-aliases=""
id="India"
aria-label="India"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IN"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">India</span>
<span
class="localization-form__currency motion-reduce"
>
INR
₹</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="GB"
data-aliases="uk,gb,great britain"
id="United Kingdom"
aria-label="United Kingdom"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GB"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">United Kingdom</span>
<span
class="localization-form__currency motion-reduce"
>
GBP
£</span>
</li>
<li
class="localization-form__list-item"
data-value="US"
data-aliases="us,usa,america,united states of america"
id="United States"
aria-label="United States"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/US"
>
<span class="svg-wrapper icon-checkmark"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">United States</span>
<span
class="localization-form__currency motion-reduce"
>
USD
$</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="GB"
ref="countryInput"
>
</div>
</form></localization-form-component>
</div>
</dropdown-localization-component>
<search-button class="search-action">
<button
on:click="#search-modal/showDialog"
class="button button-unstyled search-modal__button header-actions__action"
aria-label="Open search"
>
<span
aria-hidden="true"
class="svg-wrapper"
>
<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>
</span>
</button>
</search-button>
<script
type="module"
src="//dk.com/cdn/shop/t/18/assets/cart-icon.js?v=14733679814066288171760622481"
fetchpriority="low"
></script>
<header-actions>
</header-actions>
</div>
</div>
</div>
</header-component>
<script
src="//dk.com/cdn/shop/t/18/assets/header.js?v=78043468934677320351760622494"
type="module"
></script>
<script type="module">
import { hydrate } from '@theme/section-hydration';
const url = new URL(window.location.href);
url.searchParams.delete('page');
hydrate('sections--26089999499641__header_section', url);
</script>
</header>
<!-- END sections: header-group -->
</div>
<script
src="//dk.com/cdn/shop/t/18/assets/critical.js?v=169402557219780209121760622486"
type="module"
async
blocking="render"
></script>
<main
id="MainContent"
class="content-for-layout"
role="main"
data-page-transition-enabled="true"
data-product-transition="true"
data-template="index"
>
<div id="shopify-section-template--26089998483833__1758808232ee292a62" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--full-width color-scheme-1"
data-testid="ui-test-section"
style="
"
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
"
>
<div
class="
spacing-style
layout-panel-flex
layout-panel-flex--column
section-content-wrapper
mobile-column
"
style="
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--gap: 12px;
--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
--padding-block-start: 0px;--padding-block-end: 0px;
"
data-testid="section-content"
>
<style data-shopify>
picture.ai-banner-slide-image-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
display: contents;
}
.ai-banner-slides {
display: flex;
width: 100%;
position: relative;
align-items: center;
justify-content: center;
overflow: hidden;
margin: 0;
padding: 0;
}
.ai-banner-slides img,
.ai-banner-slides picture {
width: 100%;
height: 100%;
object-fit: cover; /* Fill and crop as needed */
object-position: center;
display: block;
margin: 0;
padding: 0;
line-height: 0;
}
.ai-banner-slider-wrapper-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.ai-banner-slides-container-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
display: flex;
width: calc(100% * 5);
height: 100%;
transition: transform 0.5s ease-in-out;
}
.ai-banner-slides.ai-banner-slide-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
flex: 0 0 calc(100% / 5);
height: 100%;
position: relative;
align-items: center;
justify-content: center;
}
.ai-banner-slides {
display: block;
flex: 0 0 33.333%;
height: 100%;
position: relative;
align-items: center;
justify-content: center;
}
.ai-banner-slide-image-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
top: 0;
left: 0;
}
.ai-banner-slide-placeholder-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #f4f4f4;
display: flex;
align-items: center;
justify-content: center;
}
.ai-banner-slide-placeholder-aa3exl1dwdw9fylj5waigenblock02ccddacaertd svg {
width: 100%;
height: 100%;
max-width: 200px;
max-height: 200px;
opacity: 0.5;
}
.ai-banner-slide-content-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
position: relative;
z-index: 2;
text-align: center;
padding: 40px 20px;
background-color: #33617b;
color: #ffffff !important;
max-width: 600px;
}
.ai-banner-slide-title-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
font-size: 48px;
font-weight: 700;
margin: 0 0 16px;
line-height: 1.2;
color: #ffffff;
}
.ai-banner-slide-subtitle-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
font-size: 18px;
margin: 0 0 24px;
line-height: 1.4;
opacity: 0.9;
color: #ffffff;
}
.ai-banner-slide-button-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
display: inline-block;
padding: 12px 24px;
background-color: #e30613;
color: #ffffff;
text-decoration: none;
border-radius: 8px;
font-weight: 600;
transition: background-color 0.3s ease;
margin-top: 10px;
}
.ai-banner-slide-button-aa3exl1dwdw9fylj5waigenblock02ccddacaertd:hover {
background-color: #000000;
color: #b0f55c;
}
.ai-banner-overlay-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0);
opacity: 0.0;
z-index: 1;
}
.ai-banner-navigation-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 3;
background-color: rgba(255, 255, 255, 0.9);
border: none;
width: 50px;
height: 50px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease;
}
.ai-banner-navigation-aa3exl1dwdw9fylj5waigenblock02ccddacaertd:hover {
background-color: rgba(255, 255, 255, 1);
}
.ai-banner-nav-prev-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
left: 20px;
}
.ai-banner-nav-next-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
right: 20px;
}
.ai-banner-navigation-aa3exl1dwdw9fylj5waigenblock02ccddacaertd svg {
width: 24px;
height: 24px;
fill: #333;
}
.ai-banner-dots-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
position: absolute;
bottom: -25px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 8px;
z-index: 3;
}
.ai-banner-dot-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #686867;
border: none;
cursor: pointer;
transition: background-color 0.3s ease;
}
.ai-banner-dot-aa3exl1dwdw9fylj5waigenblock02ccddacaertd.active {
background-color: rgb(255, 0, 0);
}
@media (max-width: 767px) {
.show-mobile-navigation {
}
}
.ai-banner-slider-wrapper-div {
width: 100%;
}
@media screen and (max-width: 749px) {
.ai-banner-slider-wrapper-div {
width: 100%;
}
.ai-banner-slide-content-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
padding: 20px 15px;
}
.ai-banner-slide-title-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
font-size: 38.4px;
}
.ai-banner-slide-subtitle-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
font-size: 16.2px;
}
.ai-banner-navigation-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
width: 40px;
height: 40px;
}
.ai-banner-nav-prev-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
left: 10px;
}
.ai-banner-nav-next-aa3exl1dwdw9fylj5waigenblock02ccddacaertd {
right: 10px;
}
}
</style>
<banner-slider-aa3exl1dwdw9fylj5waigenblock02ccddacaertd
class="ai-banner-slider-aa3exl1dwdw9fylj5waigenblock02ccddacaertd ai-banner-slider-wrapper-div"
>
<div class="slideshow-slides ai-banner-slider-wrapper-aa3exl1dwdw9fylj5waigenblock02ccddacaertd ai-banner-slider-wrapper-div">
<div class="ai-banner-slides-container-aa3exl1dwdw9fylj5waigenblock02ccddacaertd">
<div class="ai-banner-slides ai-banner-slide-aa3exl1dwdw9fylj5waigenblock02ccddacaertd" data-slide="0">
<a href="/collections/childrens" class="block">
<div class="relative w-full overflow-hidden" style="max-height: 700px;">
<picture class="block w-full h-auto">
<!-- Mobile: use higher resolution for retina devices -->
<source
media="(max-width: 639px)"
srcset="
//dk.com/cdn/shop/files/Website_Banners_National_Year_of_Reading_Summer_of_STEM_1000x560_e84cc889-56eb-4289-869e-4352e2971605.jpg?format=webp&v=1786696714&width=640 640w,
//dk.com/cdn/shop/files/Website_Banners_National_Year_of_Reading_Summer_of_STEM_1000x560_e84cc889-56eb-4289-869e-4352e2971605.jpg?format=webp&v=1786696714&width=960 960w,
//dk.com/cdn/shop/files/Website_Banners_National_Year_of_Reading_Summer_of_STEM_1000x560_e84cc889-56eb-4289-869e-4352e2971605.jpg?format=webp&v=1786696714&width=1280 1280w
"
sizes="100vw"
>
<!-- Desktop: ultra sharp -->
<source
media="(min-width: 1024px)"
srcset="
//dk.com/cdn/shop/files/Website_Banners_National_Year_of_Reading_Summer_of_STEM_1920x560_fc38e744-f195-41d8-973d-4c8a5ffa3122.jpg?format=webp&v=1786696715&width=1600 1600w,
//dk.com/cdn/shop/files/Website_Banners_National_Year_of_Reading_Summer_of_STEM_1920x560_fc38e744-f195-41d8-973d-4c8a5ffa3122.jpg?format=webp&v=1786696715&width=1920 1920w,
//dk.com/cdn/shop/files/Website_Banners_National_Year_of_Reading_Summer_of_STEM_1920x560_fc38e744-f195-41d8-973d-4c8a5ffa3122.jpg?format=webp&v=1786696715&width=2560 2560w,
//dk.com/cdn/shop/files/Website_Banners_National_Year_of_Reading_Summer_of_STEM_1920x560_fc38e744-f195-41d8-973d-4c8a5ffa3122.jpg?format=webp&v=1786696715&width=3200 3200w
"
sizes="100vw"
>
<!-- Fallback image -->
<img
src="//dk.com/cdn/shop/files/Website_Banners_National_Year_of_Reading_Summer_of_STEM_1920x560_fc38e744-f195-41d8-973d-4c8a5ffa3122.jpg?format=webp&v=1786696715&width=1920"
alt=""
width="8000"
height="2333"
loading="lazy"
class="w-full h-auto object-cover object-center transition-transform duration-700 ease-in-out hover:scale-105"
style="max-height: 540px; width: 100%; display: block; line-height: 0;"
/>
</picture>
</div>
</a>
</div>
<div class="ai-banner-slides ai-banner-slide-aa3exl1dwdw9fylj5waigenblock02ccddacaertd" data-slide="1">
<a href="https://dk.com/products/9780241682746-humans" class="block">
<div class="relative w-full overflow-hidden" style="max-height: 700px;">
<picture class="block w-full h-auto">
<!-- Mobile: use higher resolution for retina devices -->
<source
media="(max-width: 639px)"
srcset="
//dk.com/cdn/shop/files/Website_Banners_Humans_1000x560_7bce9727-2b91-4f8f-9b24-b448451b5d07.jpg?format=webp&v=1786696802&width=640 640w,
//dk.com/cdn/shop/files/Website_Banners_Humans_1000x560_7bce9727-2b91-4f8f-9b24-b448451b5d07.jpg?format=webp&v=1786696802&width=960 960w,
//dk.com/cdn/shop/files/Website_Banners_Humans_1000x560_7bce9727-2b91-4f8f-9b24-b448451b5d07.jpg?format=webp&v=1786696802&width=1280 1280w
"
sizes="100vw"
>
<!-- Desktop: ultra sharp -->
<source
media="(min-width: 1024px)"
srcset="
//dk.com/cdn/shop/files/Website_Banners_Humans_1920x560_8a53f57b-1d2a-4726-871a-0dba0b471925.jpg?format=webp&v=1786696803&width=1600 1600w,
//dk.com/cdn/shop/files/Website_Banners_Humans_1920x560_8a53f57b-1d2a-4726-871a-0dba0b471925.jpg?format=webp&v=1786696803&width=1920 1920w,
//dk.com/cdn/shop/files/Website_Banners_Humans_1920x560_8a53f57b-1d2a-4726-871a-0dba0b471925.jpg?format=webp&v=1786696803&width=2560 2560w,
//dk.com/cdn/shop/files/Website_Banners_Humans_1920x560_8a53f57b-1d2a-4726-871a-0dba0b471925.jpg?format=webp&v=1786696803&width=3200 3200w
"
sizes="100vw"
>
<!-- Fallback image -->
<img
src="//dk.com/cdn/shop/files/Website_Banners_Humans_1920x560_8a53f57b-1d2a-4726-871a-0dba0b471925.jpg?format=webp&v=1786696803&width=1920"
alt=""
width="8000"
height="2333"
loading="lazy"
class="w-full h-auto object-cover object-center transition-transform duration-700 ease-in-out hover:scale-105"
style="max-height: 540px; width: 100%; display: block; line-height: 0;"
/>
</picture>
</div>
</a>
</div>
<div class="ai-banner-slides ai-banner-slide-aa3exl1dwdw9fylj5waigenblock02ccddacaertd" data-slide="2">
<a href="/collections/map-by-map-series" class="block">
<div class="relative w-full overflow-hidden" style="max-height: 700px;">
<picture class="block w-full h-auto">
<!-- Mobile: use higher resolution for retina devices -->
<source
media="(max-width: 639px)"
srcset="
//dk.com/cdn/shop/files/Civilizations_Map_by_Map_Series_DK_Banner_Mobile_1000x560px_1.jpg?format=webp&v=1786716330&width=640 640w,
//dk.com/cdn/shop/files/Civilizations_Map_by_Map_Series_DK_Banner_Mobile_1000x560px_1.jpg?format=webp&v=1786716330&width=960 960w,
//dk.com/cdn/shop/files/Civilizations_Map_by_Map_Series_DK_Banner_Mobile_1000x560px_1.jpg?format=webp&v=1786716330&width=1280 1280w
"
sizes="100vw"
>
<!-- Desktop: ultra sharp -->
<source
media="(min-width: 1024px)"
srcset="
//dk.com/cdn/shop/files/Civilizations_Map_by_Map_Series_DK_Banner_Desktop_1920x560px.jpg?format=webp&v=1786716302&width=1600 1600w,
//dk.com/cdn/shop/files/Civilizations_Map_by_Map_Series_DK_Banner_Desktop_1920x560px.jpg?format=webp&v=1786716302&width=1920 1920w,
//dk.com/cdn/shop/files/Civilizations_Map_by_Map_Series_DK_Banner_Desktop_1920x560px.jpg?format=webp&v=1786716302&width=2560 2560w,
//dk.com/cdn/shop/files/Civilizations_Map_by_Map_Series_DK_Banner_Desktop_1920x560px.jpg?format=webp&v=1786716302&width=3200 3200w
"
sizes="100vw"
>
<!-- Fallback image -->
<img
src="//dk.com/cdn/shop/files/Civilizations_Map_by_Map_Series_DK_Banner_Desktop_1920x560px.jpg?format=webp&v=1786716302&width=1920"
alt=""
width="3840"
height="1120"
loading="lazy"
class="w-full h-auto object-cover object-center transition-transform duration-700 ease-in-out hover:scale-105"
style="max-height: 540px; width: 100%; display: block; line-height: 0;"
/>
</picture>
</div>
</a>
</div>
<div class="ai-banner-slides ai-banner-slide-aa3exl1dwdw9fylj5waigenblock02ccddacaertd" data-slide="3">
<a href="/products/9780241762813-shameless" class="block">
<div class="relative w-full overflow-hidden" style="max-height: 700px;">
<picture class="block w-full h-auto">
<!-- Mobile: use higher resolution for retina devices -->
<source
media="(max-width: 639px)"
srcset="
//dk.com/cdn/shop/files/Shameless_Banner_1000x560px.jpg?format=webp&v=1779797116&width=640 640w,
//dk.com/cdn/shop/files/Shameless_Banner_1000x560px.jpg?format=webp&v=1779797116&width=960 960w,
//dk.com/cdn/shop/files/Shameless_Banner_1000x560px.jpg?format=webp&v=1779797116&width=1280 1280w
"
sizes="100vw"
>
<!-- Desktop: ultra sharp -->
<source
media="(min-width: 1024px)"
srcset="
//dk.com/cdn/shop/files/Shameless_Banner_1920x560px.jpg?format=webp&v=1779797116&width=1600 1600w,
//dk.com/cdn/shop/files/Shameless_Banner_1920x560px.jpg?format=webp&v=1779797116&width=1920 1920w,
//dk.com/cdn/shop/files/Shameless_Banner_1920x560px.jpg?format=webp&v=1779797116&width=2560 2560w,
//dk.com/cdn/shop/files/Shameless_Banner_1920x560px.jpg?format=webp&v=1779797116&width=3200 3200w
"
sizes="100vw"
>
<!-- Fallback image -->
<img
src="//dk.com/cdn/shop/files/Shameless_Banner_1920x560px.jpg?format=webp&v=1779797116&width=1920"
alt=""
width="8000"
height="2333"
loading="lazy"
class="w-full h-auto object-cover object-center transition-transform duration-700 ease-in-out hover:scale-105"
style="max-height: 540px; width: 100%; display: block; line-height: 0;"
/>
</picture>
</div>
</a>
</div>
<div class="ai-banner-slides ai-banner-slide-aa3exl1dwdw9fylj5waigenblock02ccddacaertd" data-slide="4">
<a href="/products/9780241768907-nature-is-the-answer" class="block">
<div class="relative w-full overflow-hidden" style="max-height: 700px;">
<picture class="block w-full h-auto">
<!-- Mobile: use higher resolution for retina devices -->
<source
media="(max-width: 639px)"
srcset="
//dk.com/cdn/shop/files/Nature_is_the_Answer_Banner_1000x560px.jpg?format=webp&v=1779797125&width=640 640w,
//dk.com/cdn/shop/files/Nature_is_the_Answer_Banner_1000x560px.jpg?format=webp&v=1779797125&width=960 960w,
//dk.com/cdn/shop/files/Nature_is_the_Answer_Banner_1000x560px.jpg?format=webp&v=1779797125&width=1280 1280w
"
sizes="100vw"
>
<!-- Desktop: ultra sharp -->
<source
media="(min-width: 1024px)"
srcset="
//dk.com/cdn/shop/files/Nature_is_the_Answer_Banner_1920x560px.jpg?format=webp&v=1779797125&width=1600 1600w,
//dk.com/cdn/shop/files/Nature_is_the_Answer_Banner_1920x560px.jpg?format=webp&v=1779797125&width=1920 1920w,
//dk.com/cdn/shop/files/Nature_is_the_Answer_Banner_1920x560px.jpg?format=webp&v=1779797125&width=2560 2560w,
//dk.com/cdn/shop/files/Nature_is_the_Answer_Banner_1920x560px.jpg?format=webp&v=1779797125&width=3200 3200w
"
sizes="100vw"
>
<!-- Fallback image -->
<img
src="//dk.com/cdn/shop/files/Nature_is_the_Answer_Banner_1920x560px.jpg?format=webp&v=1779797125&width=1920"
alt=""
width="8000"
height="2333"
loading="lazy"
class="w-full h-auto object-cover object-center transition-transform duration-700 ease-in-out hover:scale-105"
style="max-height: 540px; width: 100%; display: block; line-height: 0;"
/>
</picture>
</div>
</a>
</div>
</div>
<button class="ai-banner-navigation-aa3exl1dwdw9fylj5waigenblock02ccddacaertd ai-banner-nav-prev-aa3exl1dwdw9fylj5waigenblock02ccddacaertd show-mobile-navigation" aria-label="Previous slide">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
</svg>
</button>
<button class="ai-banner-navigation-aa3exl1dwdw9fylj5waigenblock02ccddacaertd ai-banner-nav-next-aa3exl1dwdw9fylj5waigenblock02ccddacaertd show-mobile-navigation" aria-label="Next slide">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
</svg>
</button>
<div class="ai-banner-dots-aa3exl1dwdw9fylj5waigenblock02ccddacaertd">
<button
class="ai-banner-dot-aa3exl1dwdw9fylj5waigenblock02ccddacaertd active"
data-slide="0"
aria-label="Go to slide 1"
></button>
<button
class="ai-banner-dot-aa3exl1dwdw9fylj5waigenblock02ccddacaertd"
data-slide="1"
aria-label="Go to slide 2"
></button>
<button
class="ai-banner-dot-aa3exl1dwdw9fylj5waigenblock02ccddacaertd"
data-slide="2"
aria-label="Go to slide 3"
></button>
<button
class="ai-banner-dot-aa3exl1dwdw9fylj5waigenblock02ccddacaertd"
data-slide="3"
aria-label="Go to slide 4"
></button>
<button
class="ai-banner-dot-aa3exl1dwdw9fylj5waigenblock02ccddacaertd"
data-slide="4"
aria-label="Go to slide 5"
></button>
</div>
</div>
</banner-slider-aa3exl1dwdw9fylj5waigenblock02ccddacaertd>
<script>
(function() {
class BannerSlideraa3exl1dwdw9fylj5waigenblock02ccddacaertd extends HTMLElement {
constructor() {
super();
this.currentSlide = 0;
this.totalSlides = 5;
this.autoplayInterval = false;
}
connectedCallback() {
this.slidesContainer = this.querySelector('.ai-banner-slides-container-aa3exl1dwdw9fylj5waigenblock02ccddacaertd');
this.prevButton = this.querySelector('.ai-banner-nav-prev-aa3exl1dwdw9fylj5waigenblock02ccddacaertd');
this.nextButton = this.querySelector('.ai-banner-nav-next-aa3exl1dwdw9fylj5waigenblock02ccddacaertd');
this.dots = this.querySelectorAll('.ai-banner-dot-aa3exl1dwdw9fylj5waigenblock02ccddacaertd');
this.setupEventListeners();
this.stopAutoplay();
// 🔥 If only one slide → hide controls and stop autoplay
if (this.totalSlides <= 1) {
if (this.prevButton) this.prevButton.style.display = 'none';
if (this.nextButton) this.nextButton.style.display = 'none';
if (this.dots.length > 0) {
this.dots.forEach(dot => dot.style.display = 'none');
}
this.stopAutoplay();
return; // ← No event listeners needed
}
}
setupEventListeners() {
if (this.prevButton) {
this.prevButton.addEventListener('click', () => this.previousSlide());
}
if (this.nextButton) {
this.nextButton.addEventListener('click', () => this.nextSlide());
}
this.dots.forEach((dot, index) => {
dot.addEventListener('click', () => this.goToSlide(index));
});
this.addEventListener('mouseenter', () => this.stopAutoplay());
this.addEventListener('mouseleave', () => this.startAutoplay());
}
nextSlide() {
this.currentSlide = (this.currentSlide + 1) % this.totalSlides;
this.updateSlider();
}
previousSlide() {
this.currentSlide = (this.currentSlide - 1 + this.totalSlides) % this.totalSlides;
this.updateSlider();
}
goToSlide(index) {
this.currentSlide = index;
this.updateSlider();
}
updateSlider() {
const translateX = -this.currentSlide * (100 / this.totalSlides);
this.slidesContainer.style.transform = `translateX(${translateX}%)`;
this.dots.forEach((dot, index) => {
dot.classList.toggle('active', index === this.currentSlide);
});
}
startAutoplay() {
this.stopAutoplay();
}
stopAutoplay() {
if (this.autoplayInterval) {
clearInterval(this.autoplayInterval);
this.autoplayInterval = null;
}
}
disconnectedCallback() {
this.stopAutoplay();
}
}
customElements.define('banner-slider-aa3exl1dwdw9fylj5waigenblock02ccddacaertd', BannerSlideraa3exl1dwdw9fylj5waigenblock02ccddacaertd);
})();
</script>
</div>
</div>
</div>
</div><div id="shopify-section-template--26089998483833__marquee_bKQixE" class="shopify-section">
<script
src="//dk.com/cdn/shop/t/18/assets/marquee.js?v=74946541691193139871760622515"
type="module"
fetchpriority="low"
></script>
<div class="section-background color-scheme-1"></div>
<marquee-component
class="section spacing-style gap-style color-scheme-1"
style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: 16px;;
--marquee-gap: 24px;
--marquee-direction: normal;
"
data-speed-factor="25"
data-movement-direction="normal"
>
<div
class="marquee__wrapper"
ref="wrapper"
>
<div
class="marquee__content"
ref="content"
>
<div
class="marquee__repeated-items"
ref="marqueeItems[]"
>
<div
class=" spacing-style text-block text-block--ANWlpTkZzNXpTdlEze__text_9BKBVX custom
custom-typography custom-font-size custom-color
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--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);
--width: fit-content;
--max-width: var(--max-width--body-narrow);
"
>
<p>
<h1>Moving the world forward, one book at a time.</h1>
</p>
</div>
</div>
</div>
</div>
</marquee-component>
</div><div id="shopify-section-template--26089998483833__featured_collection_list_fhmn7i" class="shopify-section ui-test-product-list">
<style>
@media screen and (min-width: 1280px) {
.padding-style {
padding-left: 10px;
padding-right: 10px;
}
}
</style>
<div class="section-background color-scheme-1"></div>
<div
class="
section
section--full-width
color-scheme-1
section-resource-list
spacing-style
gap-style
padding-style
"
style="
--padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 38px));
--gap: 24px;
"
>
<div class="section-resource-list__header">
<div
class="
group-block
group-block--height-fit
group-block--width-fill
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--row
mobile-column
"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--gap: 12px;
--horizontal-alignment: center; --vertical-alignment: last baseline;
--vertical-alignment-mobile: flex-end;
"
>
<rte-formatter
class=" spacing-style text-block text-block--AeTlTNFgrMHRzSWlGc__product_list_text_A7Lb4n rte
rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--width: fit-content;
"
>
<p>
<h3>What's New</h3>
</p>
</rte-formatter>
<a
href="/collections/whats-new-1"
class="
size-style
link
link--AOUhSVG5iVTNmQ0V2N__product_list_button_jqEJYD
"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
View all
</a>
</div>
</div>
</div>
<div
class="
resource-list
force-full-width
resource-list__carousel
"
style="--resource-list-column-gap-desktop: 8px;--column-count: 6;--column-count-mobile: 1;--mobile-card-size: 60cqw;"
data-testid="resource-list-grid"
>
<div
class="resource-list__carousel"
style="
--gutter-slide-width: 0px;
--slide-width-max: 450px;
"
>
<slideshow-component
ref="resourceListCarousel"
class="resource-list__carousel"
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;"
initial-slide="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--shape-circle
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--shape-circle
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="view-timeline-name: --slide-0; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15194106102137"
data-featured-media-url="//dk.com/cdn/shop/files/9780241682746_jacket_0.jpg?v=1768485495&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15194106102137"
data-product-variants-size="3"
id="product-card-AOGFIWDduZ211c05yM__static-product-card"
data-product-transition="true"
>
<a
id="6b3e372c7b8023d917348c5c320da6b2"
href="/products/9780241682746-humans?variant=56082757976441"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Humans
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-06-04"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AVnFKRUNscUhmZ25yR__product_card_gallery_XrDzAt spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7560355781448539;
"
data-product-id="15194106102137"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241682746-humans?variant=56082757976441"
aria-label="Humans"
>
<slideshow-component
ref="slideshow"
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;"
initial-slide="0"
infinite
data-generic-media-size="11" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="67144409317753"
>
<div
class="product-media"
style="--ratio: 0.7560355781448539"
data-media-id="67144409317753"
>
<img src="//dk.com/cdn/shop/files/9780241682746_jacket_0.jpg?v=1768485495&width=3840" alt="9780241682746-jacket-0" srcset="//dk.com/cdn/shop/files/9780241682746_jacket_0.jpg?v=1768485495&width=240 240w, //dk.com/cdn/shop/files/9780241682746_jacket_0.jpg?v=1768485495&width=352 352w, //dk.com/cdn/shop/files/9780241682746_jacket_0.jpg?v=1768485495&width=832 832w, //dk.com/cdn/shop/files/9780241682746_jacket_0.jpg?v=1768485495&width=1200 1200w, //dk.com/cdn/shop/files/9780241682746_jacket_0.jpg?v=1768485495&width=1600 1600w, //dk.com/cdn/shop/files/9780241682746_jacket_0.jpg?v=1768485495&width=1920 1920w, //dk.com/cdn/shop/files/9780241682746_jacket_0.jpg?v=1768485495&width=2560 2560w, //dk.com/cdn/shop/files/9780241682746_jacket_0.jpg?v=1768485495&width=3840 3840w" width="3840" height="5079" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241682746_jacket_0.jpg?v=1768485495&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Humans</h3>
<div class="h6">
<product-price data-product-id="15194106102137">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£25.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241682746-humans?variant=56082757976441"
>
<div
class=" spacing-style text-block text-block--AMGdKb24rdDhJMU1UZ__product_title_EFTx4F h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Humans</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AdEdiY2RHZkw4Ny96Y__text_DHUn46 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
Humans ' who are we? Physically, Homo sapiens is unremark...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AT0s5WENSQ0FCdVNWY__price_qwUCYg"
data-product-id="15194106102137"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£25.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15194113868153"
data-featured-media-url="//dk.com/cdn/shop/files/9780241784761_jacket_0_e381c8cd-b2da-4593-b3eb-7303eb6f463e.jpg?v=1785487524&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15194113868153"
data-product-variants-size="2"
id="product-card-AOGFIWDduZ211c05yM__static-product-card-1"
data-product-transition="true"
>
<a
id="0cdeb321af42db184b5dfd52e98c0fdd"
href="/products/9780241784761-lets-meet-the-ancient-egyptians?variant=56082772623737"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Let's Meet the Ancient Egyptians
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-07-02"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AVnFKRUNscUhmZ25yR__product_card_gallery_XrDzAt-1 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.8250444049733571;
"
data-product-id="15194113868153"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241784761-lets-meet-the-ancient-egyptians?variant=56082772623737"
aria-label="Let's Meet the Ancient Egyptians"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;"
initial-slide="0"
infinite
data-generic-media-size="6" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="70696936571257"
>
<div
class="product-media"
style="--ratio: 0.8250444049733571"
data-media-id="70696936571257"
>
<img src="//dk.com/cdn/shop/files/9780241784761_jacket_0_e381c8cd-b2da-4593-b3eb-7303eb6f463e.jpg?v=1785487524&width=3840" alt="9780241784761-jacket-0" srcset="//dk.com/cdn/shop/files/9780241784761_jacket_0_e381c8cd-b2da-4593-b3eb-7303eb6f463e.jpg?v=1785487524&width=240 240w, //dk.com/cdn/shop/files/9780241784761_jacket_0_e381c8cd-b2da-4593-b3eb-7303eb6f463e.jpg?v=1785487524&width=352 352w, //dk.com/cdn/shop/files/9780241784761_jacket_0_e381c8cd-b2da-4593-b3eb-7303eb6f463e.jpg?v=1785487524&width=832 832w, //dk.com/cdn/shop/files/9780241784761_jacket_0_e381c8cd-b2da-4593-b3eb-7303eb6f463e.jpg?v=1785487524&width=1200 1200w, //dk.com/cdn/shop/files/9780241784761_jacket_0_e381c8cd-b2da-4593-b3eb-7303eb6f463e.jpg?v=1785487524&width=1600 1600w, //dk.com/cdn/shop/files/9780241784761_jacket_0_e381c8cd-b2da-4593-b3eb-7303eb6f463e.jpg?v=1785487524&width=1920 1920w, //dk.com/cdn/shop/files/9780241784761_jacket_0_e381c8cd-b2da-4593-b3eb-7303eb6f463e.jpg?v=1785487524&width=2560 2560w, //dk.com/cdn/shop/files/9780241784761_jacket_0_e381c8cd-b2da-4593-b3eb-7303eb6f463e.jpg?v=1785487524&width=3840 3840w" width="3840" height="4654" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241784761_jacket_0_e381c8cd-b2da-4593-b3eb-7303eb6f463e.jpg?v=1785487524&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Let's Meet the Ancient Egyptians</h3>
<div class="h6">
<product-price data-product-id="15194113868153">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£12.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241784761-lets-meet-the-ancient-egyptians?variant=56082772623737"
>
<div
class=" spacing-style text-block text-block--AMGdKb24rdDhJMU1UZ__product_title_EFTx4F-1 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Let's Meet the Ancient Egyptians</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AdEdiY2RHZkw4Ny96Y__text_DHUn46-1 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
Take a tour through the vast past of Ancient Egypt as you...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AT0s5WENSQ0FCdVNWY__price_qwUCYg-1"
data-product-id="15194113868153"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£12.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15214411317625"
data-featured-media-url="//dk.com/cdn/shop/files/9780241811054_jacket_0_c9ba32c2-0b0d-4b3e-8372-9214384ce0fc.jpg?v=1783372254&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15214411317625"
data-product-variants-size="2"
id="product-card-AOGFIWDduZ211c05yM__static-product-card-2"
data-product-transition="true"
>
<a
id="6dcf8692a343c725e406ba2a0e0f30a4"
href="/products/9780241811054-the-brownie-book?variant=56146311086457"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
The Brownie Book
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-05-21"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AVnFKRUNscUhmZ25yR__product_card_gallery_XrDzAt-2 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7892938496583144;
"
data-product-id="15214411317625"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241811054-the-brownie-book?variant=56146311086457"
aria-label="The Brownie Book"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9;"
initial-slide="0"
infinite
data-generic-media-size="9" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="69760294519161"
>
<div
class="product-media"
style="--ratio: 0.7892938496583144"
data-media-id="69760294519161"
>
<img src="//dk.com/cdn/shop/files/9780241811054_jacket_0_c9ba32c2-0b0d-4b3e-8372-9214384ce0fc.jpg?v=1783372254&width=3840" alt="9780241811054-jacket-0" srcset="//dk.com/cdn/shop/files/9780241811054_jacket_0_c9ba32c2-0b0d-4b3e-8372-9214384ce0fc.jpg?v=1783372254&width=240 240w, //dk.com/cdn/shop/files/9780241811054_jacket_0_c9ba32c2-0b0d-4b3e-8372-9214384ce0fc.jpg?v=1783372254&width=352 352w, //dk.com/cdn/shop/files/9780241811054_jacket_0_c9ba32c2-0b0d-4b3e-8372-9214384ce0fc.jpg?v=1783372254&width=832 832w, //dk.com/cdn/shop/files/9780241811054_jacket_0_c9ba32c2-0b0d-4b3e-8372-9214384ce0fc.jpg?v=1783372254&width=1200 1200w, //dk.com/cdn/shop/files/9780241811054_jacket_0_c9ba32c2-0b0d-4b3e-8372-9214384ce0fc.jpg?v=1783372254&width=1600 1600w, //dk.com/cdn/shop/files/9780241811054_jacket_0_c9ba32c2-0b0d-4b3e-8372-9214384ce0fc.jpg?v=1783372254&width=1920 1920w, //dk.com/cdn/shop/files/9780241811054_jacket_0_c9ba32c2-0b0d-4b3e-8372-9214384ce0fc.jpg?v=1783372254&width=2560 2560w, //dk.com/cdn/shop/files/9780241811054_jacket_0_c9ba32c2-0b0d-4b3e-8372-9214384ce0fc.jpg?v=1783372254&width=3840 3840w" width="3840" height="4865" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241811054_jacket_0_c9ba32c2-0b0d-4b3e-8372-9214384ce0fc.jpg?v=1783372254&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">The Brownie Book</h3>
<div class="h6">
<product-price data-product-id="15214411317625">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£16.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241811054-the-brownie-book?variant=56146311086457"
>
<div
class=" spacing-style text-block text-block--AMGdKb24rdDhJMU1UZ__product_title_EFTx4F-2 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>The Brownie Book</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AdEdiY2RHZkw4Ny96Y__text_DHUn46-2 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
THE INSTANT SUNDAY TIMES BESTSELLER'A beautiful collectio...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AT0s5WENSQ0FCdVNWY__price_qwUCYg-2"
data-product-id="15214411317625"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£16.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15312324854137"
data-featured-media-url="//dk.com/cdn/shop/files/9780241804780.jpg?v=1781517508&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15312324854137"
data-product-variants-size="1"
id="product-card-AOGFIWDduZ211c05yM__static-product-card-3"
data-product-transition="true"
>
<a
id="3d080bcc24e44225f5ffca90561013c8"
href="/products/9780241804780-the-best-of-ireland?variant=56486378996089"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Best of Ireland
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-10-01"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
><div
class="
product-badges__badge product-badges__badge--rectangle preorder1
color-scheme-3 2026-10-01"
>
Pre-Order
</div></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AVnFKRUNscUhmZ25yR__product_card_gallery_XrDzAt-3 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7943181818181818;
"
data-product-id="15312324854137"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241804780-the-best-of-ireland?variant=56486378996089"
aria-label="Best of Ireland"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8;"
initial-slide="0"
infinite
data-generic-media-size="8" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="69066471244153"
>
<div
class="product-media"
style="--ratio: 0.7943181818181818"
data-media-id="69066471244153"
>
<img src="//dk.com/cdn/shop/files/9780241804780.jpg?v=1781517508&width=3840" alt="Best of Ireland" srcset="//dk.com/cdn/shop/files/9780241804780.jpg?v=1781517508&width=240 240w, //dk.com/cdn/shop/files/9780241804780.jpg?v=1781517508&width=352 352w, //dk.com/cdn/shop/files/9780241804780.jpg?v=1781517508&width=832 832w, //dk.com/cdn/shop/files/9780241804780.jpg?v=1781517508&width=1200 1200w, //dk.com/cdn/shop/files/9780241804780.jpg?v=1781517508&width=1600 1600w, //dk.com/cdn/shop/files/9780241804780.jpg?v=1781517508&width=1920 1920w, //dk.com/cdn/shop/files/9780241804780.jpg?v=1781517508&width=2560 2560w, //dk.com/cdn/shop/files/9780241804780.jpg?v=1781517508&width=3840 3840w" width="3840" height="4834" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241804780.jpg?v=1781517508&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Best of Ireland</h3>
<div class="h6">
<product-price data-product-id="15312324854137">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£20.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241804780-the-best-of-ireland?variant=56486378996089"
>
<div
class=" spacing-style text-block text-block--AMGdKb24rdDhJMU1UZ__product_title_EFTx4F-3 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Best of Ireland</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AdEdiY2RHZkw4Ny96Y__text_DHUn46-3 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
To experience Ireland at its very best, you need Cassie S...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AT0s5WENSQ0FCdVNWY__price_qwUCYg-3"
data-product-id="15312324854137"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£20.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15188312686969"
data-featured-media-url="//dk.com/cdn/shop/files/9780241678534_jacket_0.jpg?v=1768757053&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15188312686969"
data-product-variants-size="3"
id="product-card-AOGFIWDduZ211c05yM__static-product-card-4"
data-product-transition="true"
>
<a
id="61718e4732421bd01a0f51a081d0e601"
href="/products/9780241678534-the-witches-of-anderson-house-the-great-dragon-escape?variant=56060584558969"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
The Witches of Anderson House: The Great Dragon Escape
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-07-02"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AVnFKRUNscUhmZ25yR__product_card_gallery_XrDzAt-4 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7725523728088927;
"
data-product-id="15188312686969"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241678534-the-witches-of-anderson-house-the-great-dragon-escape?variant=56060584558969"
aria-label="The Witches of Anderson House: The Great Dragon Escape"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;"
initial-slide="0"
infinite
data-generic-media-size="6" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="67168154288505"
>
<div
class="product-media"
style="--ratio: 0.7725523728088927"
data-media-id="67168154288505"
>
<img src="//dk.com/cdn/shop/files/9780241678534_jacket_0.jpg?v=1768757053&width=3840" alt="9780241678534-jacket-0" srcset="//dk.com/cdn/shop/files/9780241678534_jacket_0.jpg?v=1768757053&width=240 240w, //dk.com/cdn/shop/files/9780241678534_jacket_0.jpg?v=1768757053&width=352 352w, //dk.com/cdn/shop/files/9780241678534_jacket_0.jpg?v=1768757053&width=832 832w, //dk.com/cdn/shop/files/9780241678534_jacket_0.jpg?v=1768757053&width=1200 1200w, //dk.com/cdn/shop/files/9780241678534_jacket_0.jpg?v=1768757053&width=1600 1600w, //dk.com/cdn/shop/files/9780241678534_jacket_0.jpg?v=1768757053&width=1920 1920w, //dk.com/cdn/shop/files/9780241678534_jacket_0.jpg?v=1768757053&width=2560 2560w, //dk.com/cdn/shop/files/9780241678534_jacket_0.jpg?v=1768757053&width=3840 3840w" width="3840" height="4971" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241678534_jacket_0.jpg?v=1768757053&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">The Witches of Anderson House: The Great Dragon Escape</h3>
<div class="h6">
<product-price data-product-id="15188312686969">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£8.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241678534-the-witches-of-anderson-house-the-great-dragon-escape?variant=56060584558969"
>
<div
class=" spacing-style text-block text-block--AMGdKb24rdDhJMU1UZ__product_title_EFTx4F-4 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>The Witches of Anderson House: The Great Dragon Escape</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AdEdiY2RHZkw4Ny96Y__text_DHUn46-4 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
Your favourite cast of retired witches is back, but this ...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AT0s5WENSQ0FCdVNWY__price_qwUCYg-4"
data-product-id="15188312686969"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£8.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15214386905465"
data-featured-media-url="//dk.com/cdn/shop/files/9780241777282_jacket_0.jpg?v=1774558588&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15214386905465"
data-product-variants-size="2"
id="product-card-AOGFIWDduZ211c05yM__static-product-card-5"
data-product-transition="true"
>
<a
id="78bc606e038d93130ea82ce77d4894da"
href="/products/9780241777282-still-beautiful?variant=56146271404409"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Still Beautiful
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-06-04"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AVnFKRUNscUhmZ25yR__product_card_gallery_XrDzAt-5 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.652452025586354;
"
data-product-id="15214386905465"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241777282-still-beautiful?variant=56146271404409"
aria-label="Still Beautiful"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1;"
initial-slide="0"
infinite
data-generic-media-size="1" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="67821040238969"
>
<div
class="product-media"
style="--ratio: 0.652452025586354"
data-media-id="67821040238969"
>
<img src="//dk.com/cdn/shop/files/9780241777282_jacket_0.jpg?v=1774558588&width=3840" alt="9780241777282-jacket-0" srcset="//dk.com/cdn/shop/files/9780241777282_jacket_0.jpg?v=1774558588&width=240 240w, //dk.com/cdn/shop/files/9780241777282_jacket_0.jpg?v=1774558588&width=352 352w, //dk.com/cdn/shop/files/9780241777282_jacket_0.jpg?v=1774558588&width=832 832w, //dk.com/cdn/shop/files/9780241777282_jacket_0.jpg?v=1774558588&width=1200 1200w, //dk.com/cdn/shop/files/9780241777282_jacket_0.jpg?v=1774558588&width=1600 1600w, //dk.com/cdn/shop/files/9780241777282_jacket_0.jpg?v=1774558588&width=1920 1920w, //dk.com/cdn/shop/files/9780241777282_jacket_0.jpg?v=1774558588&width=2560 2560w, //dk.com/cdn/shop/files/9780241777282_jacket_0.jpg?v=1774558588&width=3840 3840w" width="3840" height="5885" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241777282_jacket_0.jpg?v=1774558588&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Still Beautiful</h3>
<div class="h6">
<product-price data-product-id="15214386905465">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£10.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241777282-still-beautiful?variant=56146271404409"
>
<div
class=" spacing-style text-block text-block--AMGdKb24rdDhJMU1UZ__product_title_EFTx4F-5 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Still Beautiful</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AdEdiY2RHZkw4Ny96Y__text_DHUn46-5 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
'A beautifully thoughtful, considered and candid read. As...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AT0s5WENSQ0FCdVNWY__price_qwUCYg-5"
data-product-id="15214386905465"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£10.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-6; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15312324100473"
data-featured-media-url="//dk.com/cdn/shop/files/9780241732281_1.jpg?v=1769161470&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15312324100473"
data-product-variants-size="2"
id="product-card-AOGFIWDduZ211c05yM__static-product-card-6"
data-product-transition="true"
>
<a
id="05f1ac2e29765f617e35c38f235b7fd2"
href="/products/9780241732281-one-pan-feasts?variant=56486378111353"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
One Pan Feasts
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-06-04"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AVnFKRUNscUhmZ25yR__product_card_gallery_XrDzAt-6 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7778897849462365;
"
data-product-id="15312324100473"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241732281-one-pan-feasts?variant=56486378111353"
aria-label="One Pan Feasts"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;"
initial-slide="0"
infinite
data-generic-media-size="7" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="67229455286649"
>
<div
class="product-media"
style="--ratio: 0.7778897849462365"
data-media-id="67229455286649"
>
<img src="//dk.com/cdn/shop/files/9780241732281_1.jpg?v=1769161470&width=3840" alt="One Pan Feasts" srcset="//dk.com/cdn/shop/files/9780241732281_1.jpg?v=1769161470&width=240 240w, //dk.com/cdn/shop/files/9780241732281_1.jpg?v=1769161470&width=352 352w, //dk.com/cdn/shop/files/9780241732281_1.jpg?v=1769161470&width=832 832w, //dk.com/cdn/shop/files/9780241732281_1.jpg?v=1769161470&width=1200 1200w, //dk.com/cdn/shop/files/9780241732281_1.jpg?v=1769161470&width=1600 1600w, //dk.com/cdn/shop/files/9780241732281_1.jpg?v=1769161470&width=1920 1920w, //dk.com/cdn/shop/files/9780241732281_1.jpg?v=1769161470&width=2560 2560w, //dk.com/cdn/shop/files/9780241732281_1.jpg?v=1769161470&width=3840 3840w" width="3840" height="4936" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241732281_1.jpg?v=1769161470&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">One Pan Feasts</h3>
<div class="h6">
<product-price data-product-id="15312324100473">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£22.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241732281-one-pan-feasts?variant=56486378111353"
>
<div
class=" spacing-style text-block text-block--AMGdKb24rdDhJMU1UZ__product_title_EFTx4F-6 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>One Pan Feasts</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AdEdiY2RHZkw4Ny96Y__text_DHUn46-6 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
'Flipping great recipes from the king of one-pan cooking....
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AT0s5WENSQ0FCdVNWY__price_qwUCYg-6"
data-product-id="15312324100473"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£22.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-7; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15194115146105"
data-featured-media-url="//dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15194115146105"
data-product-variants-size="2"
id="product-card-AOGFIWDduZ211c05yM__static-product-card-7"
data-product-transition="true"
>
<a
id="3649f4ed75dbf71d60b0aab032af3db0"
href="/products/9780241790663-the-odyssey?variant=56082774327673"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
The Odyssey
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-06-04"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AVnFKRUNscUhmZ25yR__product_card_gallery_XrDzAt-7 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.8285968028419183;
"
data-product-id="15194115146105"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241790663-the-odyssey?variant=56082774327673"
aria-label="The Odyssey"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10;"
initial-slide="0"
infinite
data-generic-media-size="10" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="71150269137273"
>
<div
class="product-media"
style="--ratio: 0.8285968028419183"
data-media-id="71150269137273"
>
<img src="//dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=3840" alt="The Odyssey" srcset="//dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=240 240w, //dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=352 352w, //dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=832 832w, //dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=1200 1200w, //dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=1600 1600w, //dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=1920 1920w, //dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=2560 2560w, //dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=3840 3840w" width="3840" height="4634" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">The Odyssey</h3>
<div class="h6">
<product-price data-product-id="15194115146105">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£18.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241790663-the-odyssey?variant=56082774327673"
>
<div
class=" spacing-style text-block text-block--AMGdKb24rdDhJMU1UZ__product_title_EFTx4F-7 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>The Odyssey</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AdEdiY2RHZkw4Ny96Y__text_DHUn46-7 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
'An absolute gem!' - Jennifer Saint, Sunday Times bestsel...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AT0s5WENSQ0FCdVNWY__price_qwUCYg-7"
data-product-id="15194115146105"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£18.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-8; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15194109215097"
data-featured-media-url="//dk.com/cdn/shop/files/9780241768907_jacket_0.jpg?v=1776255772&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15194109215097"
data-product-variants-size="3"
id="product-card-AOGFIWDduZ211c05yM__static-product-card-8"
data-product-transition="true"
>
<a
id="a62a6e1ad1d39e54b92a29c3f4b404e8"
href="/products/9780241768907-nature-is-the-answer?variant=56082764857721"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Nature is the Answer
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-05-07"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AVnFKRUNscUhmZ25yR__product_card_gallery_XrDzAt-8 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.6516780710329098;
"
data-product-id="15194109215097"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241768907-nature-is-the-answer?variant=56082764857721"
aria-label="Nature is the Answer"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;"
initial-slide="0"
infinite
data-generic-media-size="6" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="68132196548985"
>
<div
class="product-media"
style="--ratio: 0.6516780710329098"
data-media-id="68132196548985"
>
<img src="//dk.com/cdn/shop/files/9780241768907_jacket_0.jpg?v=1776255772&width=3840" alt="9780241768907-jacket-0" srcset="//dk.com/cdn/shop/files/9780241768907_jacket_0.jpg?v=1776255772&width=240 240w, //dk.com/cdn/shop/files/9780241768907_jacket_0.jpg?v=1776255772&width=352 352w, //dk.com/cdn/shop/files/9780241768907_jacket_0.jpg?v=1776255772&width=832 832w, //dk.com/cdn/shop/files/9780241768907_jacket_0.jpg?v=1776255772&width=1200 1200w, //dk.com/cdn/shop/files/9780241768907_jacket_0.jpg?v=1776255772&width=1600 1600w, //dk.com/cdn/shop/files/9780241768907_jacket_0.jpg?v=1776255772&width=1920 1920w, //dk.com/cdn/shop/files/9780241768907_jacket_0.jpg?v=1776255772&width=2560 2560w, //dk.com/cdn/shop/files/9780241768907_jacket_0.jpg?v=1776255772&width=3840 3840w" width="3840" height="5892" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241768907_jacket_0.jpg?v=1776255772&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Nature is the Answer</h3>
<div class="h6">
<product-price data-product-id="15194109215097">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£9.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241768907-nature-is-the-answer?variant=56082764857721"
>
<div
class=" spacing-style text-block text-block--AMGdKb24rdDhJMU1UZ__product_title_EFTx4F-8 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Nature is the Answer</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AdEdiY2RHZkw4Ny96Y__text_DHUn46-8 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
'Nature Is The Answer bursts with ideas, solutions and lo...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AT0s5WENSQ0FCdVNWY__price_qwUCYg-8"
data-product-id="15194109215097"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£9.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-9; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15380404207993"
data-featured-media-url="//dk.com/cdn/shop/files/9780241756355_jacket_0.jpg?v=1772309116&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15380404207993"
data-product-variants-size="2"
id="product-card-AOGFIWDduZ211c05yM__static-product-card-9"
data-product-transition="true"
>
<a
id="9571ece30b92d10447734f650aeb23af"
href="/products/9780241756355-youngest-faircrest-and-the-search-for-a-sorcerer?variant=56757567652217"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Youngest Faircrest and the Search for a Sorcerer
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-06-04"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AVnFKRUNscUhmZ25yR__product_card_gallery_XrDzAt-9 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.6515604959384352;
"
data-product-id="15380404207993"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241756355-youngest-faircrest-and-the-search-for-a-sorcerer?variant=56757567652217"
aria-label="Youngest Faircrest and the Search for a Sorcerer"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;"
initial-slide="0"
infinite
data-generic-media-size="6" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="67551008194937"
>
<div
class="product-media"
style="--ratio: 0.6515604959384352"
data-media-id="67551008194937"
>
<img src="//dk.com/cdn/shop/files/9780241756355_jacket_0.jpg?v=1772309116&width=3840" alt="9780241756355-jacket-0" srcset="//dk.com/cdn/shop/files/9780241756355_jacket_0.jpg?v=1772309116&width=240 240w, //dk.com/cdn/shop/files/9780241756355_jacket_0.jpg?v=1772309116&width=352 352w, //dk.com/cdn/shop/files/9780241756355_jacket_0.jpg?v=1772309116&width=832 832w, //dk.com/cdn/shop/files/9780241756355_jacket_0.jpg?v=1772309116&width=1200 1200w, //dk.com/cdn/shop/files/9780241756355_jacket_0.jpg?v=1772309116&width=1600 1600w, //dk.com/cdn/shop/files/9780241756355_jacket_0.jpg?v=1772309116&width=1920 1920w, //dk.com/cdn/shop/files/9780241756355_jacket_0.jpg?v=1772309116&width=2560 2560w, //dk.com/cdn/shop/files/9780241756355_jacket_0.jpg?v=1772309116&width=3840 3840w" width="3840" height="5894" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241756355_jacket_0.jpg?v=1772309116&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Youngest Faircrest and the Search for a Sorcerer</h3>
<div class="h6">
<product-price data-product-id="15380404207993">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£8.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241756355-youngest-faircrest-and-the-search-for-a-sorcerer?variant=56757567652217"
>
<div
class=" spacing-style text-block text-block--AMGdKb24rdDhJMU1UZ__product_title_EFTx4F-9 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Youngest Faircrest and the Search for a Sorcerer</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AdEdiY2RHZkw4Ny96Y__text_DHUn46-9 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
An unapologetically unremarkable hero, a surprisingly bra...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AT0s5WENSQ0FCdVNWY__price_qwUCYg-9"
data-product-id="15380404207993"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£8.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-10; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15312325542265"
data-featured-media-url="//dk.com/cdn/shop/files/9780241831267_2.jpg?v=1779968539&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15312325542265"
data-product-variants-size="1"
id="product-card-AOGFIWDduZ211c05yM__static-product-card-10"
data-product-transition="true"
>
<a
id="2d8b534221022a5c880ddce8777ade63"
href="/products/9780241831267-sophies-swaps-homemade-wins?variant=56486379553145"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Sophie's Swaps Homemade Wins
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-09-17"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
><div
class="
product-badges__badge product-badges__badge--rectangle preorder1
color-scheme-3 2026-09-17"
>
Pre-Order
</div></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AVnFKRUNscUhmZ25yR__product_card_gallery_XrDzAt-10 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.778336686787391;
"
data-product-id="15312325542265"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241831267-sophies-swaps-homemade-wins?variant=56486379553145"
aria-label="Sophie's Swaps Homemade Wins"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;"
initial-slide="0"
infinite
data-generic-media-size="7" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="68641996865913"
>
<div
class="product-media"
style="--ratio: 0.778336686787391"
data-media-id="68641996865913"
>
<img src="//dk.com/cdn/shop/files/9780241831267_2.jpg?v=1779968539&width=3840" alt="9780241831267-jacket-0" srcset="//dk.com/cdn/shop/files/9780241831267_2.jpg?v=1779968539&width=240 240w, //dk.com/cdn/shop/files/9780241831267_2.jpg?v=1779968539&width=352 352w, //dk.com/cdn/shop/files/9780241831267_2.jpg?v=1779968539&width=832 832w, //dk.com/cdn/shop/files/9780241831267_2.jpg?v=1779968539&width=1200 1200w, //dk.com/cdn/shop/files/9780241831267_2.jpg?v=1779968539&width=1600 1600w, //dk.com/cdn/shop/files/9780241831267_2.jpg?v=1779968539&width=1920 1920w, //dk.com/cdn/shop/files/9780241831267_2.jpg?v=1779968539&width=2560 2560w, //dk.com/cdn/shop/files/9780241831267_2.jpg?v=1779968539&width=3840 3840w" width="3840" height="4934" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241831267_2.jpg?v=1779968539&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Sophie's Swaps Homemade Wins</h3>
<div class="h6">
<product-price data-product-id="15312325542265">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£22.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241831267-sophies-swaps-homemade-wins?variant=56486379553145"
>
<div
class=" spacing-style text-block text-block--AMGdKb24rdDhJMU1UZ__product_title_EFTx4F-10 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Sophie's Swaps Homemade Wins</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AdEdiY2RHZkw4Ny96Y__text_DHUn46-10 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
'I love Sophie's message, helping families navigate today...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AT0s5WENSQ0FCdVNWY__price_qwUCYg-10"
data-product-id="15312325542265"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£22.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-11; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15214382907769"
data-featured-media-url="//dk.com/cdn/shop/files/9780241681633.jpg?v=1767967217&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15214382907769"
data-product-variants-size="1"
id="product-card-AOGFIWDduZ211c05yM__static-product-card-11"
data-product-transition="true"
>
<a
id="cee1159b9ad9f6704c47d35ec5db285e"
href="/products/9780241681633-dr-ranjs-human-body-encyclopedia?variant=56146263015801"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Dr Ranj's Human Body Encyclopedia
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-06-04"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AVnFKRUNscUhmZ25yR__product_card_gallery_XrDzAt-11 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.8430678466076696;
"
data-product-id="15214382907769"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241681633-dr-ranjs-human-body-encyclopedia?variant=56146263015801"
aria-label="Dr Ranj's Human Body Encyclopedia"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;"
initial-slide="0"
infinite
data-generic-media-size="7" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="67075256615289"
>
<div
class="product-media"
style="--ratio: 0.8430678466076696"
data-media-id="67075256615289"
>
<img src="//dk.com/cdn/shop/files/9780241681633.jpg?v=1767967217&width=3840" alt="Dr Ranj's Human Body Encyclopedia" srcset="//dk.com/cdn/shop/files/9780241681633.jpg?v=1767967217&width=240 240w, //dk.com/cdn/shop/files/9780241681633.jpg?v=1767967217&width=352 352w, //dk.com/cdn/shop/files/9780241681633.jpg?v=1767967217&width=832 832w, //dk.com/cdn/shop/files/9780241681633.jpg?v=1767967217&width=1200 1200w, //dk.com/cdn/shop/files/9780241681633.jpg?v=1767967217&width=1600 1600w, //dk.com/cdn/shop/files/9780241681633.jpg?v=1767967217&width=1920 1920w, //dk.com/cdn/shop/files/9780241681633.jpg?v=1767967217&width=2560 2560w, //dk.com/cdn/shop/files/9780241681633.jpg?v=1767967217&width=3840 3840w" width="3840" height="4555" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241681633.jpg?v=1767967217&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Dr Ranj's Human Body Encyclopedia</h3>
<div class="h6">
<product-price data-product-id="15214382907769">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£20.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241681633-dr-ranjs-human-body-encyclopedia?variant=56146263015801"
>
<div
class=" spacing-style text-block text-block--AMGdKb24rdDhJMU1UZ__product_title_EFTx4F-11 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Dr Ranj's Human Body Encyclopedia</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AdEdiY2RHZkw4Ny96Y__text_DHUn46-11 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
Embark on an adventure through the wondrous world of the ...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AT0s5WENSQ0FCdVNWY__price_qwUCYg-11"
data-product-id="15214382907769"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£20.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</div>
</div>
<div
class="section-resource-list__content"
style="--horizontal-alignment: center;"
></div>
</div>
</div><div id="shopify-section-template--26089998483833__featured_collection_list_aWbcAm" class="shopify-section ui-test-product-list">
<style>
@media screen and (min-width: 1280px) {
.padding-style {
padding-left: 0px;
padding-right: 0px;
}
}
</style>
<div class="section-background color-scheme-1"></div>
<div
class="
section
section--full-width
color-scheme-1
section-resource-list
spacing-style
gap-style
padding-style
"
style="
--padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 38px));
--gap: max(24px, calc(var(--gap-scale, 1.0) * 30px));
"
>
<div class="section-resource-list__header">
<div
class="
group-block
group-block--height-fit
group-block--width-fill
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--row
mobile-column
"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--gap: 12px;
--horizontal-alignment: center; --vertical-alignment: last baseline;
--vertical-alignment-mobile: flex-end;
"
>
<rte-formatter
class=" spacing-style text-block text-block--ANm9XNmVoL2VJNStrY__product_list_text_JQ4KJx rte
rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--width: fit-content;
"
>
<p>
<h3>Bestsellers</h3>
</p>
</rte-formatter>
<a
href="/collections/bestsellers"
class="
size-style
link
link--AQ0Nwd0hVdjJUbVZCb__product_list_button_Cj7LYn
"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
View all
</a>
</div>
</div>
</div>
<div
class="
resource-list
force-full-width
resource-list__carousel
"
style="--resource-list-column-gap-desktop: 8px;--column-count: 6;--column-count-mobile: 1;--mobile-card-size: 60cqw;"
data-testid="resource-list-grid"
>
<div
class="resource-list__carousel"
style="
--gutter-slide-width: 0px;
--slide-width-max: 450px;
"
>
<slideshow-component
ref="resourceListCarousel"
class="resource-list__carousel"
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;"
initial-slide="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--shape-circle
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--shape-circle
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="view-timeline-name: --slide-0; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15118020968825"
data-featured-media-url="//dk.com/cdn/shop/files/9780241752654_jacket_0.jpg?v=1783169292&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15118020968825"
data-product-variants-size="3"
id="product-card-Aait4ekd2dFY1dUYyd__static-product-card"
data-product-transition="true"
>
<a
id="d87f6f07b19833ab4360a3b22c4b7ff2"
href="/products/9780241752654-the-unprocessed-plate?variant=55745812234617"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
The Unprocessed Plate
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2025-06-18"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3kxK1p0Q3FORU8rZ__product_card_gallery_jtc4EY spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7819220430107527;
"
data-product-id="15118020968825"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241752654-the-unprocessed-plate?variant=55745812234617"
aria-label="The Unprocessed Plate"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8;"
initial-slide="0"
infinite
data-generic-media-size="8" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="69685410824569"
>
<div
class="product-media"
style="--ratio: 0.7819220430107527"
data-media-id="69685410824569"
>
<img src="//dk.com/cdn/shop/files/9780241752654_jacket_0.jpg?v=1783169292&width=3840" alt="9780241752654-jacket-0" srcset="//dk.com/cdn/shop/files/9780241752654_jacket_0.jpg?v=1783169292&width=240 240w, //dk.com/cdn/shop/files/9780241752654_jacket_0.jpg?v=1783169292&width=352 352w, //dk.com/cdn/shop/files/9780241752654_jacket_0.jpg?v=1783169292&width=832 832w, //dk.com/cdn/shop/files/9780241752654_jacket_0.jpg?v=1783169292&width=1200 1200w, //dk.com/cdn/shop/files/9780241752654_jacket_0.jpg?v=1783169292&width=1600 1600w, //dk.com/cdn/shop/files/9780241752654_jacket_0.jpg?v=1783169292&width=1920 1920w, //dk.com/cdn/shop/files/9780241752654_jacket_0.jpg?v=1783169292&width=2560 2560w, //dk.com/cdn/shop/files/9780241752654_jacket_0.jpg?v=1783169292&width=3840 3840w" width="3840" height="4911" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241752654_jacket_0.jpg?v=1783169292&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">The Unprocessed Plate</h3>
<div class="h6">
<product-price data-product-id="15118020968825">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£20.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241752654-the-unprocessed-plate?variant=55745812234617"
>
<div
class=" spacing-style text-block text-block--ALzd3RVRzQ3hJdy9kU__product_title_n8aCWk h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>The Unprocessed Plate</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AbFNIU3R3aTNuNmdCR__text_N4jPVy paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
'A brilliant guide to understanding ultra-processed foods...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AUTNmcDdnVlNQYmZhY__price_xBxJqp"
data-product-id="15118020968825"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£20.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15116665913721"
data-featured-media-url="//dk.com/cdn/shop/files/getfile_6ac21c17-19e7-4949-b8a2-ce5a4a9f95eb.jpg?v=1756992493&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15116665913721"
data-product-variants-size="2"
id="product-card-Aait4ekd2dFY1dUYyd__static-product-card-1"
data-product-transition="true"
>
<a
id="bb700ff47644aa81fb0dcddea4d78650"
href="/products/9780241733066-the-money-saving-garden-year?variant=55742310187385"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
The Money-Saving Garden Year
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2024-10-24"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3kxK1p0Q3FORU8rZ__product_card_gallery_jtc4EY-1 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7892938496583144;
"
data-product-id="15116665913721"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241733066-the-money-saving-garden-year?variant=55742310187385"
aria-label="The Money-Saving Garden Year"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;"
initial-slide="0"
infinite
data-generic-media-size="6" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="65716660896121"
>
<div
class="product-media"
style="--ratio: 0.7892938496583144"
data-media-id="65716660896121"
>
<img src="//dk.com/cdn/shop/files/getfile_6ac21c17-19e7-4949-b8a2-ce5a4a9f95eb.jpg?v=1756992493&width=3840" alt="The Money-Saving Garden Year-book cover" srcset="//dk.com/cdn/shop/files/getfile_6ac21c17-19e7-4949-b8a2-ce5a4a9f95eb.jpg?v=1756992493&width=240 240w, //dk.com/cdn/shop/files/getfile_6ac21c17-19e7-4949-b8a2-ce5a4a9f95eb.jpg?v=1756992493&width=352 352w, //dk.com/cdn/shop/files/getfile_6ac21c17-19e7-4949-b8a2-ce5a4a9f95eb.jpg?v=1756992493&width=832 832w, //dk.com/cdn/shop/files/getfile_6ac21c17-19e7-4949-b8a2-ce5a4a9f95eb.jpg?v=1756992493&width=1200 1200w, //dk.com/cdn/shop/files/getfile_6ac21c17-19e7-4949-b8a2-ce5a4a9f95eb.jpg?v=1756992493&width=1600 1600w, //dk.com/cdn/shop/files/getfile_6ac21c17-19e7-4949-b8a2-ce5a4a9f95eb.jpg?v=1756992493&width=1920 1920w, //dk.com/cdn/shop/files/getfile_6ac21c17-19e7-4949-b8a2-ce5a4a9f95eb.jpg?v=1756992493&width=2560 2560w, //dk.com/cdn/shop/files/getfile_6ac21c17-19e7-4949-b8a2-ce5a4a9f95eb.jpg?v=1756992493&width=3840 3840w" width="3840" height="4865" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_6ac21c17-19e7-4949-b8a2-ce5a4a9f95eb.jpg?v=1756992493&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">The Money-Saving Garden Year</h3>
<div class="h6">
<product-price data-product-id="15116665913721">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£16.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241733066-the-money-saving-garden-year?variant=55742310187385"
>
<div
class=" spacing-style text-block text-block--ALzd3RVRzQ3hJdy9kU__product_title_n8aCWk-1 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>The Money-Saving Garden Year</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AbFNIU3R3aTNuNmdCR__text_N4jPVy-1 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
Garden better for less all year long with Anya Lautenbach...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AUTNmcDdnVlNQYmZhY__price_xBxJqp-1"
data-product-id="15116665913721"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£16.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15117994819961"
data-featured-media-url="//dk.com/cdn/shop/files/9780241716106_jacket_0.jpg?v=1784122654&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15117994819961"
data-product-variants-size="2"
id="product-card-Aait4ekd2dFY1dUYyd__static-product-card-2"
data-product-transition="true"
>
<a
id="6300c2340f5d0344af2cd50ced78967a"
href="/products/9780241716106-grow-your-groceries?variant=55745785233785"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Grow Your Groceries
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2025-03-06"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3kxK1p0Q3FORU8rZ__product_card_gallery_jtc4EY-2 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.787943565626336;
"
data-product-id="15117994819961"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241716106-grow-your-groceries?variant=55745785233785"
aria-label="Grow Your Groceries"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;"
initial-slide="0"
infinite
data-generic-media-size="7" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="70054856425849"
>
<div
class="product-media"
style="--ratio: 0.787943565626336"
data-media-id="70054856425849"
>
<img src="//dk.com/cdn/shop/files/9780241716106_jacket_0.jpg?v=1784122654&width=3840" alt="9780241716106-jacket-0" srcset="//dk.com/cdn/shop/files/9780241716106_jacket_0.jpg?v=1784122654&width=240 240w, //dk.com/cdn/shop/files/9780241716106_jacket_0.jpg?v=1784122654&width=352 352w, //dk.com/cdn/shop/files/9780241716106_jacket_0.jpg?v=1784122654&width=832 832w, //dk.com/cdn/shop/files/9780241716106_jacket_0.jpg?v=1784122654&width=1200 1200w, //dk.com/cdn/shop/files/9780241716106_jacket_0.jpg?v=1784122654&width=1600 1600w, //dk.com/cdn/shop/files/9780241716106_jacket_0.jpg?v=1784122654&width=1920 1920w, //dk.com/cdn/shop/files/9780241716106_jacket_0.jpg?v=1784122654&width=2560 2560w, //dk.com/cdn/shop/files/9780241716106_jacket_0.jpg?v=1784122654&width=3840 3840w" width="3840" height="4873" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241716106_jacket_0.jpg?v=1784122654&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Grow Your Groceries</h3>
<div class="h6">
<product-price data-product-id="15117994819961">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£16.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241716106-grow-your-groceries?variant=55745785233785"
>
<div
class=" spacing-style text-block text-block--ALzd3RVRzQ3hJdy9kU__product_title_n8aCWk-2 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Grow Your Groceries</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AbFNIU3R3aTNuNmdCR__text_N4jPVy-2 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
The Instant Sunday Times Bestseller*Ever wondered if you ...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AUTNmcDdnVlNQYmZhY__price_xBxJqp-2"
data-product-id="15117994819961"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£16.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15116665553273"
data-featured-media-url="//dk.com/cdn/shop/files/getfile_05acfab1-21ed-4b03-a679-9ff8062c90d9.jpg?v=1756992482&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15116665553273"
data-product-variants-size="1"
id="product-card-Aait4ekd2dFY1dUYyd__static-product-card-3"
data-product-transition="true"
>
<a
id="9677c7ee46d83b942ac6e73d09f10ea6"
href="/products/9780241720424-pop-up-peekaboo-disney-moana?variant=55742309237113"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Pop-Up Peekaboo! Disney Moana
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2024-11-07"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3kxK1p0Q3FORU8rZ__product_card_gallery_jtc4EY-3 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 1.0093859992178333;
"
data-product-id="15116665553273"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241720424-pop-up-peekaboo-disney-moana?variant=55742309237113"
aria-label="Pop-Up Peekaboo! Disney Moana"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3;"
initial-slide="0"
infinite
data-generic-media-size="3" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="65716659290489"
>
<div
class="product-media"
style="--ratio: 1.0093859992178333"
data-media-id="65716659290489"
>
<img src="//dk.com/cdn/shop/files/getfile_05acfab1-21ed-4b03-a679-9ff8062c90d9.jpg?v=1756992482&width=3840" alt="Pop-Up Peekaboo! Disney Moana-book cover" srcset="//dk.com/cdn/shop/files/getfile_05acfab1-21ed-4b03-a679-9ff8062c90d9.jpg?v=1756992482&width=240 240w, //dk.com/cdn/shop/files/getfile_05acfab1-21ed-4b03-a679-9ff8062c90d9.jpg?v=1756992482&width=352 352w, //dk.com/cdn/shop/files/getfile_05acfab1-21ed-4b03-a679-9ff8062c90d9.jpg?v=1756992482&width=832 832w, //dk.com/cdn/shop/files/getfile_05acfab1-21ed-4b03-a679-9ff8062c90d9.jpg?v=1756992482&width=1200 1200w, //dk.com/cdn/shop/files/getfile_05acfab1-21ed-4b03-a679-9ff8062c90d9.jpg?v=1756992482&width=1600 1600w, //dk.com/cdn/shop/files/getfile_05acfab1-21ed-4b03-a679-9ff8062c90d9.jpg?v=1756992482&width=1920 1920w, //dk.com/cdn/shop/files/getfile_05acfab1-21ed-4b03-a679-9ff8062c90d9.jpg?v=1756992482&width=2560 2560w, //dk.com/cdn/shop/files/getfile_05acfab1-21ed-4b03-a679-9ff8062c90d9.jpg?v=1756992482&width=3840 3840w" width="3840" height="3804" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_05acfab1-21ed-4b03-a679-9ff8062c90d9.jpg?v=1756992482&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Pop-Up Peekaboo! Disney Moana</h3>
<div class="h6">
<product-price data-product-id="15116665553273">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£8.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241720424-pop-up-peekaboo-disney-moana?variant=55742309237113"
>
<div
class=" spacing-style text-block text-block--ALzd3RVRzQ3hJdy9kU__product_title_n8aCWk-3 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Pop-Up Peekaboo! Disney Moana</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AbFNIU3R3aTNuNmdCR__text_N4jPVy-3 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
Little ones can find adventure with Moana in the 5 pop-up...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AUTNmcDdnVlNQYmZhY__price_xBxJqp-3"
data-product-id="15116665553273"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£8.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15118021165433"
data-featured-media-url="//dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15118021165433"
data-product-variants-size="2"
id="product-card-Aait4ekd2dFY1dUYyd__static-product-card-4"
data-product-transition="true"
>
<a
id="3faef9c4e1571260adf766338f2a0a58"
href="/products/9780241754979-menolicious?variant=55745812365689"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Menolicious
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2025-08-28"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3kxK1p0Q3FORU8rZ__product_card_gallery_jtc4EY-4 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7738575268817204;
"
data-product-id="15118021165433"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241754979-menolicious?variant=55745812365689"
aria-label="Menolicious"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="5" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="65724896182649"
>
<div
class="product-media"
style="--ratio: 0.7738575268817204"
data-media-id="65724896182649"
>
<img src="//dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=3840" alt="Menolicious- book cover" srcset="//dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=240 240w, //dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=352 352w, //dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=832 832w, //dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=1200 1200w, //dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=1600 1600w, //dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=1920 1920w, //dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=2560 2560w, //dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=3840 3840w" width="3840" height="4962" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Menolicious</h3>
<div class="h6">
<product-price data-product-id="15118021165433">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£22.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241754979-menolicious?variant=55745812365689"
>
<div
class=" spacing-style text-block text-block--ALzd3RVRzQ3hJdy9kU__product_title_n8aCWk-4 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Menolicious</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AbFNIU3R3aTNuNmdCR__text_N4jPVy-4 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
'Midlife nutrition made easy!' Professor Tim Spector'Magn...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AUTNmcDdnVlNQYmZhY__price_xBxJqp-4"
data-product-id="15118021165433"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£22.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15117978206585"
data-featured-media-url="//dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15117978206585"
data-product-variants-size="2"
id="product-card-Aait4ekd2dFY1dUYyd__static-product-card-5"
data-product-transition="true"
>
<a
id="ad0e947bbef51fcdf279feb02cf5cea9"
href="/products/9780241648810-how-to-design-a-garden?variant=55745762361721"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
How to Design a Garden
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2025-02-06"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3kxK1p0Q3FORU8rZ__product_card_gallery_jtc4EY-5 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7778897849462365;
"
data-product-id="15117978206585"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241648810-how-to-design-a-garden?variant=55745762361721"
aria-label="How to Design a Garden"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2;"
initial-slide="0"
infinite
data-generic-media-size="2" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="65724822258041"
>
<div
class="product-media"
style="--ratio: 0.7778897849462365"
data-media-id="65724822258041"
>
<img src="//dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=3840" alt="How to Design a Garden- book cover" srcset="//dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=240 240w, //dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=352 352w, //dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=832 832w, //dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=1200 1200w, //dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=1600 1600w, //dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=1920 1920w, //dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=2560 2560w, //dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=3840 3840w" width="3840" height="4936" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">How to Design a Garden</h3>
<div class="h6">
<product-price data-product-id="15117978206585">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£22.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241648810-how-to-design-a-garden?variant=55745762361721"
>
<div
class=" spacing-style text-block text-block--ALzd3RVRzQ3hJdy9kU__product_title_n8aCWk-5 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>How to Design a Garden</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AbFNIU3R3aTNuNmdCR__text_N4jPVy-5 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
The Instant Sunday Times Bestseller*'A beautiful and prac...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AUTNmcDdnVlNQYmZhY__price_xBxJqp-5"
data-product-id="15117978206585"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£22.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-6; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15117996425593"
data-featured-media-url="//dk.com/cdn/shop/files/getfile_4391d13f-c791-4d70-a3b2-952c81852ae6.jpg?v=1757066375&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15117996425593"
data-product-variants-size="2"
id="product-card-Aait4ekd2dFY1dUYyd__static-product-card-6"
data-product-transition="true"
>
<a
id="25f7087979d44e4b4dc3a35b8eefc12c"
href="/products/9780241718612-monsoon?variant=55745787003257"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Monsoon
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2025-03-06"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3kxK1p0Q3FORU8rZ__product_card_gallery_jtc4EY-6 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7778897849462365;
"
data-product-id="15117996425593"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241718612-monsoon?variant=55745787003257"
aria-label="Monsoon"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3;"
initial-slide="0"
infinite
data-generic-media-size="3" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="65724856140153"
>
<div
class="product-media"
style="--ratio: 0.7778897849462365"
data-media-id="65724856140153"
>
<img src="//dk.com/cdn/shop/files/getfile_4391d13f-c791-4d70-a3b2-952c81852ae6.jpg?v=1757066375&width=3840" alt="Monsoon- book cover" srcset="//dk.com/cdn/shop/files/getfile_4391d13f-c791-4d70-a3b2-952c81852ae6.jpg?v=1757066375&width=240 240w, //dk.com/cdn/shop/files/getfile_4391d13f-c791-4d70-a3b2-952c81852ae6.jpg?v=1757066375&width=352 352w, //dk.com/cdn/shop/files/getfile_4391d13f-c791-4d70-a3b2-952c81852ae6.jpg?v=1757066375&width=832 832w, //dk.com/cdn/shop/files/getfile_4391d13f-c791-4d70-a3b2-952c81852ae6.jpg?v=1757066375&width=1200 1200w, //dk.com/cdn/shop/files/getfile_4391d13f-c791-4d70-a3b2-952c81852ae6.jpg?v=1757066375&width=1600 1600w, //dk.com/cdn/shop/files/getfile_4391d13f-c791-4d70-a3b2-952c81852ae6.jpg?v=1757066375&width=1920 1920w, //dk.com/cdn/shop/files/getfile_4391d13f-c791-4d70-a3b2-952c81852ae6.jpg?v=1757066375&width=2560 2560w, //dk.com/cdn/shop/files/getfile_4391d13f-c791-4d70-a3b2-952c81852ae6.jpg?v=1757066375&width=3840 3840w" width="3840" height="4936" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_4391d13f-c791-4d70-a3b2-952c81852ae6.jpg?v=1757066375&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Monsoon</h3>
<div class="h6">
<product-price data-product-id="15117996425593">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£26.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241718612-monsoon?variant=55745787003257"
>
<div
class=" spacing-style text-block text-block--ALzd3RVRzQ3hJdy9kU__product_title_n8aCWk-6 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Monsoon</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AbFNIU3R3aTNuNmdCR__text_N4jPVy-6 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
AS SEEN ON TV'Asma's approach here is seasonal, though it...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AUTNmcDdnVlNQYmZhY__price_xBxJqp-6"
data-product-id="15117996425593"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£26.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-7; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15116652347769"
data-featured-media-url="//dk.com/cdn/shop/files/getfile_968786e3-9121-4392-9ca1-3dcbac0aba0f.jpg?v=1756992026&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15116652347769"
data-product-variants-size="3"
id="product-card-Aait4ekd2dFY1dUYyd__static-product-card-7"
data-product-transition="true"
>
<a
id="e7cde15d58057bd60be2409fbe36bd5c"
href="/products/9780241667576-life-on-svalbard?variant=55742283186553"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Life on Svalbard
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2024-10-15"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3kxK1p0Q3FORU8rZ__product_card_gallery_jtc4EY-7 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.839240506329114;
"
data-product-id="15116652347769"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241667576-life-on-svalbard?variant=55742283186553"
aria-label="Life on Svalbard"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10;"
initial-slide="0"
infinite
data-generic-media-size="10" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="65716595949945"
>
<div
class="product-media"
style="--ratio: 0.839240506329114"
data-media-id="65716595949945"
>
<img src="//dk.com/cdn/shop/files/getfile_968786e3-9121-4392-9ca1-3dcbac0aba0f.jpg?v=1756992026&width=3840" alt="Life on Svalbard-book cover" srcset="//dk.com/cdn/shop/files/getfile_968786e3-9121-4392-9ca1-3dcbac0aba0f.jpg?v=1756992026&width=240 240w, //dk.com/cdn/shop/files/getfile_968786e3-9121-4392-9ca1-3dcbac0aba0f.jpg?v=1756992026&width=352 352w, //dk.com/cdn/shop/files/getfile_968786e3-9121-4392-9ca1-3dcbac0aba0f.jpg?v=1756992026&width=832 832w, //dk.com/cdn/shop/files/getfile_968786e3-9121-4392-9ca1-3dcbac0aba0f.jpg?v=1756992026&width=1200 1200w, //dk.com/cdn/shop/files/getfile_968786e3-9121-4392-9ca1-3dcbac0aba0f.jpg?v=1756992026&width=1600 1600w, //dk.com/cdn/shop/files/getfile_968786e3-9121-4392-9ca1-3dcbac0aba0f.jpg?v=1756992026&width=1920 1920w, //dk.com/cdn/shop/files/getfile_968786e3-9121-4392-9ca1-3dcbac0aba0f.jpg?v=1756992026&width=2560 2560w, //dk.com/cdn/shop/files/getfile_968786e3-9121-4392-9ca1-3dcbac0aba0f.jpg?v=1756992026&width=3840 3840w" width="3840" height="4576" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_968786e3-9121-4392-9ca1-3dcbac0aba0f.jpg?v=1756992026&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Life on Svalbard</h3>
<div class="h6">
<product-price data-product-id="15116652347769">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£32.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241667576-life-on-svalbard?variant=55742283186553"
>
<div
class=" spacing-style text-block text-block--ALzd3RVRzQ3hJdy9kU__product_title_n8aCWk-7 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Life on Svalbard</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AbFNIU3R3aTNuNmdCR__text_N4jPVy-7 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
Join Cecilia Blomdahl in Longyearbyen, Svalbard, the worl...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AUTNmcDdnVlNQYmZhY__price_xBxJqp-7"
data-product-id="15116652347769"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£32.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-8; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15116640780665"
data-featured-media-url="//dk.com/cdn/shop/files/getfile_4bf5fb8b-9614-4ae5-8117-f34ecef82d7e.jpg?v=1756991697&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15116640780665"
data-product-variants-size="3"
id="product-card-Aait4ekd2dFY1dUYyd__static-product-card-8"
data-product-transition="true"
>
<a
id="c2e88e4e3d23af0f42cbfc8c959e10a4"
href="/products/9780241633434-the-money-saving-gardener?variant=55742264770937"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
The Money-Saving Gardener
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2024-02-08"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3kxK1p0Q3FORU8rZ__product_card_gallery_jtc4EY-8 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7992424242424242;
"
data-product-id="15116640780665"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241633434-the-money-saving-gardener?variant=55742264770937"
aria-label="The Money-Saving Gardener"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3;"
initial-slide="0"
infinite
data-generic-media-size="3" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="65716561346937"
>
<div
class="product-media"
style="--ratio: 0.7992424242424242"
data-media-id="65716561346937"
>
<img src="//dk.com/cdn/shop/files/getfile_4bf5fb8b-9614-4ae5-8117-f34ecef82d7e.jpg?v=1756991697&width=3840" alt="The Money-Saving Gardener-book cover" srcset="//dk.com/cdn/shop/files/getfile_4bf5fb8b-9614-4ae5-8117-f34ecef82d7e.jpg?v=1756991697&width=240 240w, //dk.com/cdn/shop/files/getfile_4bf5fb8b-9614-4ae5-8117-f34ecef82d7e.jpg?v=1756991697&width=352 352w, //dk.com/cdn/shop/files/getfile_4bf5fb8b-9614-4ae5-8117-f34ecef82d7e.jpg?v=1756991697&width=832 832w, //dk.com/cdn/shop/files/getfile_4bf5fb8b-9614-4ae5-8117-f34ecef82d7e.jpg?v=1756991697&width=1200 1200w, //dk.com/cdn/shop/files/getfile_4bf5fb8b-9614-4ae5-8117-f34ecef82d7e.jpg?v=1756991697&width=1600 1600w, //dk.com/cdn/shop/files/getfile_4bf5fb8b-9614-4ae5-8117-f34ecef82d7e.jpg?v=1756991697&width=1920 1920w, //dk.com/cdn/shop/files/getfile_4bf5fb8b-9614-4ae5-8117-f34ecef82d7e.jpg?v=1756991697&width=2560 2560w, //dk.com/cdn/shop/files/getfile_4bf5fb8b-9614-4ae5-8117-f34ecef82d7e.jpg?v=1756991697&width=3840 3840w" width="3840" height="4805" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_4bf5fb8b-9614-4ae5-8117-f34ecef82d7e.jpg?v=1756991697&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">The Money-Saving Gardener</h3>
<div class="h6">
<product-price data-product-id="15116640780665">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£16.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241633434-the-money-saving-gardener?variant=55742264770937"
>
<div
class=" spacing-style text-block text-block--ALzd3RVRzQ3hJdy9kU__product_title_n8aCWk-8 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>The Money-Saving Gardener</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AbFNIU3R3aTNuNmdCR__text_N4jPVy-8 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
The Sunday Times bestseller - Welcome to the wonderful wo...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AUTNmcDdnVlNQYmZhY__price_xBxJqp-8"
data-product-id="15116640780665"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£16.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-9; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15110697091449"
data-featured-media-url="//dk.com/cdn/shop/files/9780241568163_jacket_0.jpg?v=1784106651&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15110697091449"
data-product-variants-size="3"
id="product-card-Aait4ekd2dFY1dUYyd__static-product-card-9"
data-product-transition="true"
>
<a
id="db771919ae0de02b754f4536b2863309"
href="/products/9780241568163-wonderfully-wired-brains?variant=55721967845753"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Wonderfully Wired Brains
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2023-05-04"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3kxK1p0Q3FORU8rZ__product_card_gallery_jtc4EY-9 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7918781725888325;
"
data-product-id="15110697091449"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241568163-wonderfully-wired-brains?variant=55721967845753"
aria-label="Wonderfully Wired Brains"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="4" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="70044472902009"
>
<div
class="product-media"
style="--ratio: 0.7918781725888325"
data-media-id="70044472902009"
>
<img src="//dk.com/cdn/shop/files/9780241568163_jacket_0.jpg?v=1784106651&width=3840" alt="9780241568163-jacket-0" srcset="//dk.com/cdn/shop/files/9780241568163_jacket_0.jpg?v=1784106651&width=240 240w, //dk.com/cdn/shop/files/9780241568163_jacket_0.jpg?v=1784106651&width=352 352w, //dk.com/cdn/shop/files/9780241568163_jacket_0.jpg?v=1784106651&width=832 832w, //dk.com/cdn/shop/files/9780241568163_jacket_0.jpg?v=1784106651&width=1200 1200w, //dk.com/cdn/shop/files/9780241568163_jacket_0.jpg?v=1784106651&width=1600 1600w, //dk.com/cdn/shop/files/9780241568163_jacket_0.jpg?v=1784106651&width=1920 1920w, //dk.com/cdn/shop/files/9780241568163_jacket_0.jpg?v=1784106651&width=2560 2560w, //dk.com/cdn/shop/files/9780241568163_jacket_0.jpg?v=1784106651&width=3840 3840w" width="3840" height="4849" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241568163_jacket_0.jpg?v=1784106651&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Wonderfully Wired Brains</h3>
<div class="h6">
<product-price data-product-id="15110697091449">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£12.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241568163-wonderfully-wired-brains?variant=55721967845753"
>
<div
class=" spacing-style text-block text-block--ALzd3RVRzQ3hJdy9kU__product_title_n8aCWk-9 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Wonderfully Wired Brains</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AbFNIU3R3aTNuNmdCR__text_N4jPVy-9 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
An informative and inclusive children's guide to neurodiv...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AUTNmcDdnVlNQYmZhY__price_xBxJqp-9"
data-product-id="15110697091449"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£12.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-10; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15110675956089"
data-featured-media-url="//dk.com/cdn/shop/files/getfile_a993d73d-c4c7-489d-a9c4-99916011402a.jpg?v=1756675115&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15110675956089"
data-product-variants-size="1"
id="product-card-Aait4ekd2dFY1dUYyd__static-product-card-10"
data-product-transition="true"
>
<a
id="a468f2ec265a2f17a51dd2507069031f"
href="/products/9780744076776-knife-drop?variant=55721939763577"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Knife Drop
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2023-06-13"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3kxK1p0Q3FORU8rZ__product_card_gallery_jtc4EY-10 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.8075545424943015;
"
data-product-id="15110675956089"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780744076776-knife-drop?variant=55721939763577"
aria-label="Knife Drop"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8;"
initial-slide="0"
infinite
data-generic-media-size="8" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="65672596390265"
>
<div
class="product-media"
style="--ratio: 0.8075545424943015"
data-media-id="65672596390265"
>
<img src="//dk.com/cdn/shop/files/getfile_a993d73d-c4c7-489d-a9c4-99916011402a.jpg?v=1756675115&width=3840" alt="9780744076776-Knife Drop-Jacket Image" srcset="//dk.com/cdn/shop/files/getfile_a993d73d-c4c7-489d-a9c4-99916011402a.jpg?v=1756675115&width=240 240w, //dk.com/cdn/shop/files/getfile_a993d73d-c4c7-489d-a9c4-99916011402a.jpg?v=1756675115&width=352 352w, //dk.com/cdn/shop/files/getfile_a993d73d-c4c7-489d-a9c4-99916011402a.jpg?v=1756675115&width=832 832w, //dk.com/cdn/shop/files/getfile_a993d73d-c4c7-489d-a9c4-99916011402a.jpg?v=1756675115&width=1200 1200w, //dk.com/cdn/shop/files/getfile_a993d73d-c4c7-489d-a9c4-99916011402a.jpg?v=1756675115&width=1600 1600w, //dk.com/cdn/shop/files/getfile_a993d73d-c4c7-489d-a9c4-99916011402a.jpg?v=1756675115&width=1920 1920w, //dk.com/cdn/shop/files/getfile_a993d73d-c4c7-489d-a9c4-99916011402a.jpg?v=1756675115&width=2560 2560w, //dk.com/cdn/shop/files/getfile_a993d73d-c4c7-489d-a9c4-99916011402a.jpg?v=1756675115&width=3840 3840w" width="3840" height="4755" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_a993d73d-c4c7-489d-a9c4-99916011402a.jpg?v=1756675115&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Knife Drop</h3>
<div class="h6">
<product-price data-product-id="15110675956089">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£25.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780744076776-knife-drop?variant=55721939763577"
>
<div
class=" spacing-style text-block text-block--ALzd3RVRzQ3hJdy9kU__product_title_n8aCWk-10 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Knife Drop</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AbFNIU3R3aTNuNmdCR__text_N4jPVy-10 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
New York Times BestsellerForget the rules. Just cook!Grea...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AUTNmcDdnVlNQYmZhY__price_xBxJqp-10"
data-product-id="15110675956089"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£25.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-11; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15071408914809"
data-featured-media-url="//dk.com/cdn/shop/files/1df5bd408bca9b8cf2ba5bc04d486354_605b61e9-d168-469c-a95d-54eb924df76e.jpg?v=1753786065&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15071408914809"
data-product-variants-size="2"
id="product-card-Aait4ekd2dFY1dUYyd__static-product-card-11"
data-product-transition="true"
>
<a
id="180d5dd05d1a3b107ea1433ffd378b40"
href="/products/9780744097603-baking-across-america?variant=55561822765433"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Baking Across America
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2025-05-20"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-Aa3kxK1p0Q3FORU8rZ__product_card_gallery_jtc4EY-11 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 20px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.8075545424943015;
"
data-product-id="15071408914809"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780744097603-baking-across-america?variant=55561822765433"
aria-label="Baking Across America"
>
<slideshow-component
ref="slideshow"
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;"
initial-slide="0"
infinite
data-generic-media-size="11" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="65421776028025"
>
<div
class="product-media"
style="--ratio: 0.8075545424943015"
data-media-id="65421776028025"
>
<img src="//dk.com/cdn/shop/files/1df5bd408bca9b8cf2ba5bc04d486354_605b61e9-d168-469c-a95d-54eb924df76e.jpg?v=1753786065&width=3840" alt="9780241668979-Baking Across America-EBook-Jacket Image-1" srcset="//dk.com/cdn/shop/files/1df5bd408bca9b8cf2ba5bc04d486354_605b61e9-d168-469c-a95d-54eb924df76e.jpg?v=1753786065&width=240 240w, //dk.com/cdn/shop/files/1df5bd408bca9b8cf2ba5bc04d486354_605b61e9-d168-469c-a95d-54eb924df76e.jpg?v=1753786065&width=352 352w, //dk.com/cdn/shop/files/1df5bd408bca9b8cf2ba5bc04d486354_605b61e9-d168-469c-a95d-54eb924df76e.jpg?v=1753786065&width=832 832w, //dk.com/cdn/shop/files/1df5bd408bca9b8cf2ba5bc04d486354_605b61e9-d168-469c-a95d-54eb924df76e.jpg?v=1753786065&width=1200 1200w, //dk.com/cdn/shop/files/1df5bd408bca9b8cf2ba5bc04d486354_605b61e9-d168-469c-a95d-54eb924df76e.jpg?v=1753786065&width=1600 1600w, //dk.com/cdn/shop/files/1df5bd408bca9b8cf2ba5bc04d486354_605b61e9-d168-469c-a95d-54eb924df76e.jpg?v=1753786065&width=1920 1920w, //dk.com/cdn/shop/files/1df5bd408bca9b8cf2ba5bc04d486354_605b61e9-d168-469c-a95d-54eb924df76e.jpg?v=1753786065&width=2560 2560w, //dk.com/cdn/shop/files/1df5bd408bca9b8cf2ba5bc04d486354_605b61e9-d168-469c-a95d-54eb924df76e.jpg?v=1753786065&width=3840 3840w" width="3840" height="4755" loading="eager" sizes="(min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/1df5bd408bca9b8cf2ba5bc04d486354_605b61e9-d168-469c-a95d-54eb924df76e.jpg?v=1753786065&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Baking Across America</h3>
<div class="h6">
<product-price data-product-id="15071408914809">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£28.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780744097603-baking-across-america?variant=55561822765433"
>
<div
class=" spacing-style text-block text-block--ALzd3RVRzQ3hJdy9kU__product_title_n8aCWk-11 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Baking Across America</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AbFNIU3R3aTNuNmdCR__text_N4jPVy-11 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
From the deserts of the Southwest to the shining Atlantic...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AUTNmcDdnVlNQYmZhY__price_xBxJqp-11"
data-product-id="15071408914809"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£28.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</div>
</div>
<div
class="section-resource-list__content"
style="--horizontal-alignment: center;"
></div>
</div>
</div><div id="shopify-section-template--26089998483833__collection_list_xpBxCm" class="shopify-section ui-test-collection-list">
<div class="section-background color-scheme-1"></div>
<div
class="
section
section--page-width
color-scheme-1
section-resource-list
spacing-style
gap-style
"
style="
--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
--gap: 24px;
"
>
<div class="section-resource-list__content">
<div
class="
group-block
group-block--height-fit
group-block--width-fill
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 16px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--column
mobile-column
"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--gap: 16px;
--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
>
<div
class=" spacing-style text-block text-block--AU2JhWW5zU2NodW5Ne__text_AYrwfM h3
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--color: var(--color-foreground);
--width: fit-content;
"
>
<p>
<p><strong>Most popular categories</strong></p>
</p>
</div>
</div>
</div>
</div>
<div
class="
resource-list
hidden--mobile
resource-list--grid
"
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;"
data-testid="collections-list-grid"
>
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="
collection-card
border-style
collection-card--image-bg
color-scheme-6
"
data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--horizontal-alignment: flex-start;
--vertical-alignment: flex-start;
--background-overlay-color: ;
--collection-card-gap: 8px;
">
<a
class="collection-card__link"
href="/collections/childrens"
>
<span class="visually-hidden">Children's</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card"] {
--ratio: 1.2;
}
</style>
<div
class="
image-block
resource-image
collection-card__image
spacing-style border-style
"
style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
"
><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">
</div>
<div class="collection-card__content layout-panel-flex--column">
</div>
</div>
</div>
</div>
<!--@list/split-->
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="
collection-card
border-style
collection-card--image-bg
color-scheme-6
"
data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-1"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--horizontal-alignment: flex-start;
--vertical-alignment: flex-start;
--background-overlay-color: ;
--collection-card-gap: 8px;
">
<a
class="collection-card__link"
href="/collections/food-drink"
>
<span class="visually-hidden">Food & Drink</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-1"] {
--ratio: 1.2;
}
</style>
<div
class="
image-block
resource-image
collection-card__image
spacing-style border-style
"
style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
"
><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">
</div>
<div class="collection-card__content layout-panel-flex--column">
</div>
</div>
</div>
</div>
<!--@list/split-->
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="
collection-card
border-style
collection-card--image-bg
color-scheme-6
"
data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-2"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--horizontal-alignment: flex-start;
--vertical-alignment: flex-start;
--background-overlay-color: ;
--collection-card-gap: 8px;
">
<a
class="collection-card__link"
href="/collections/gardening"
>
<span class="visually-hidden">Gardening</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-2"] {
--ratio: 1.2;
}
</style>
<div
class="
image-block
resource-image
collection-card__image
spacing-style border-style
"
style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
"
><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">
</div>
<div class="collection-card__content layout-panel-flex--column">
</div>
</div>
</div>
</div>
<!--@list/split-->
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="
collection-card
border-style
collection-card--image-bg
color-scheme-6
"
data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-3"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--horizontal-alignment: flex-start;
--vertical-alignment: flex-start;
--background-overlay-color: ;
--collection-card-gap: 8px;
">
<a
class="collection-card__link"
href="/collections/non-fiction"
>
<span class="visually-hidden">Non-fiction</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-3"] {
--ratio: 1.2;
}
</style>
<div
class="
image-block
resource-image
collection-card__image
spacing-style border-style
"
style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
"
><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">
</div>
<div class="collection-card__content layout-panel-flex--column">
</div>
</div>
</div>
</div>
<!--@list/split-->
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="
collection-card
border-style
collection-card--image-bg
color-scheme-6
"
data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-4"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--horizontal-alignment: flex-start;
--vertical-alignment: flex-start;
--background-overlay-color: ;
--collection-card-gap: 8px;
">
<a
class="collection-card__link"
href="/collections/travel"
>
<span class="visually-hidden">Travel</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-4"] {
--ratio: 1.2;
}
</style>
<div
class="
image-block
resource-image
collection-card__image
spacing-style border-style
"
style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
"
><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">
</div>
<div class="collection-card__content layout-panel-flex--column">
</div>
</div>
</div>
</div>
</div>
<div
class="
resource-list
hidden--desktop
resource-list__carousel
force-full-width
"
style="
--resource-list-column-gap-desktop: 32px;
--column-count: 5;
--column-count-mobile: 1;
--mobile-card-size: 60cqw;
"
>
<div
class="resource-list__carousel"
style="
--gutter-slide-width: var(--util-page-margin-offset);
--slide-width-max: 450px;
"
>
<slideshow-component
ref="collectionListMobile"
class="resource-list__carousel"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
gutters="start end"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="view-timeline-name: --slide-0; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="
collection-card
border-style
collection-card--image-bg
color-scheme-6
"
data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--horizontal-alignment: flex-start;
--vertical-alignment: flex-start;
--background-overlay-color: ;
--collection-card-gap: 8px;
">
<a
class="collection-card__link"
href="/collections/childrens"
>
<span class="visually-hidden">Children's</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card"] {
--ratio: 1.2;
}
</style>
<div
class="
image-block
resource-image
collection-card__image
spacing-style border-style
"
style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
"
><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">
</div>
<div class="collection-card__content layout-panel-flex--column">
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="
collection-card
border-style
collection-card--image-bg
color-scheme-6
"
data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-1"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--horizontal-alignment: flex-start;
--vertical-alignment: flex-start;
--background-overlay-color: ;
--collection-card-gap: 8px;
">
<a
class="collection-card__link"
href="/collections/food-drink"
>
<span class="visually-hidden">Food & Drink</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-1"] {
--ratio: 1.2;
}
</style>
<div
class="
image-block
resource-image
collection-card__image
spacing-style border-style
"
style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
"
><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">
</div>
<div class="collection-card__content layout-panel-flex--column">
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="
collection-card
border-style
collection-card--image-bg
color-scheme-6
"
data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-2"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--horizontal-alignment: flex-start;
--vertical-alignment: flex-start;
--background-overlay-color: ;
--collection-card-gap: 8px;
">
<a
class="collection-card__link"
href="/collections/gardening"
>
<span class="visually-hidden">Gardening</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-2"] {
--ratio: 1.2;
}
</style>
<div
class="
image-block
resource-image
collection-card__image
spacing-style border-style
"
style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
"
><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">
</div>
<div class="collection-card__content layout-panel-flex--column">
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="
collection-card
border-style
collection-card--image-bg
color-scheme-6
"
data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-3"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--horizontal-alignment: flex-start;
--vertical-alignment: flex-start;
--background-overlay-color: ;
--collection-card-gap: 8px;
">
<a
class="collection-card__link"
href="/collections/non-fiction"
>
<span class="visually-hidden">Non-fiction</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-3"] {
--ratio: 1.2;
}
</style>
<div
class="
image-block
resource-image
collection-card__image
spacing-style border-style
"
style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
"
><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">
</div>
<div class="collection-card__content layout-panel-flex--column">
</div>
</div>
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item">
<style data-shopify>
</style>
<div
class="
collection-card
border-style
collection-card--image-bg
color-scheme-6
"
data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-4"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--horizontal-alignment: flex-start;
--vertical-alignment: flex-start;
--background-overlay-color: ;
--collection-card-gap: 8px;
">
<a
class="collection-card__link"
href="/collections/travel"
>
<span class="visually-hidden">Travel</span>
</a>
<div class="collection-card__inner">
<style data-shopify>
.collection-card[data-block-id="AS1FzQ0wrY3ZtelBMW__static-collection-card-4"] {
--ratio: 1.2;
}
</style>
<div
class="
image-block
resource-image
collection-card__image
spacing-style border-style
"
style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
"
><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">
</div>
<div class="collection-card__content layout-panel-flex--column">
</div>
</div>
</div>
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</div>
</div>
</div>
</div><div id="shopify-section-template--26089998483833__featured_collection_list_ecE8yn" class="shopify-section ui-test-product-list">
<style>
@media screen and (min-width: 1280px) {
.padding-style {
padding-left: 0px;
padding-right: 0px;
}
}
</style>
<div class="section-background color-scheme-1"></div>
<div
class="
section
section--full-width
color-scheme-1
section-resource-list
spacing-style
gap-style
padding-style
"
style="
--padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 38px));
--gap: max(24px, calc(var(--gap-scale, 1.0) * 30px));
"
>
<div class="section-resource-list__header">
<div
class="
group-block
group-block--height-fit
group-block--width-fill
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--row
mobile-column
"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--gap: 12px;
--horizontal-alignment: center; --vertical-alignment: last baseline;
--vertical-alignment-mobile: flex-end;
"
>
<rte-formatter
class=" spacing-style text-block text-block--Ad2I5K1JoSEpGTlBuZ__product_list_text_6J8FAz rte
rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--width: fit-content;
"
>
<p>
<h3>Gifts for Adults</h3>
</p>
</rte-formatter>
<a
href="/collections/gifts-for-adults"
class="
size-style
link
link--AUTg4QTJLUUhFc1JEY__product_list_button_m9kRKM
"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
View all
</a>
</div>
</div>
</div>
<div
class="
resource-list
force-full-width
resource-list__carousel
"
style="--resource-list-column-gap-desktop: 8px;--column-count: 6;--column-count-mobile: 1;--mobile-card-size: 60cqw;"
data-testid="resource-list-grid"
>
<div
class="resource-list__carousel"
style="
--gutter-slide-width: 0px;
--slide-width-max: 450px;
"
>
<slideshow-component
ref="resourceListCarousel"
class="resource-list__carousel"
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;"
initial-slide="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--shape-circle
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--shape-circle
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="view-timeline-name: --slide-0; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15200629719417"
data-featured-media-url="//dk.com/cdn/shop/files/9780241696507_cover.webp?v=1761840083&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15200629719417"
data-product-variants-size="2"
id="product-card-AVnVDVUxVbkZZdG9zW__static-product-card"
data-product-transition="true"
>
<a
id="f3cdb70f4a014bd241dd21a17a4c9d5f"
href="/products/9780241696507-the-travel-bucket-list?variant=56102301270393"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
The Travel Bucket List
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2024-10-17"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AMHZBT0N2dEpPMXVxM__product_card_gallery_XMcLdV spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.8438461538461538;
"
data-product-id="15200629719417"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241696507-the-travel-bucket-list?variant=56102301270393"
aria-label="The Travel Bucket List"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;"
initial-slide="0"
infinite
data-generic-media-size="7" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="66300733423993"
>
<div
class="product-media"
style="--ratio: 0.8438461538461538"
data-media-id="66300733423993"
>
<img src="//dk.com/cdn/shop/files/9780241696507_cover.webp?v=1761840083&width=3840" alt="The Travel Bucket List" srcset="//dk.com/cdn/shop/files/9780241696507_cover.webp?v=1761840083&width=240 240w, //dk.com/cdn/shop/files/9780241696507_cover.webp?v=1761840083&width=352 352w, //dk.com/cdn/shop/files/9780241696507_cover.webp?v=1761840083&width=832 832w, //dk.com/cdn/shop/files/9780241696507_cover.webp?v=1761840083&width=1200 1200w, //dk.com/cdn/shop/files/9780241696507_cover.webp?v=1761840083&width=1600 1600w, //dk.com/cdn/shop/files/9780241696507_cover.webp?v=1761840083&width=1920 1920w, //dk.com/cdn/shop/files/9780241696507_cover.webp?v=1761840083&width=2560 2560w, //dk.com/cdn/shop/files/9780241696507_cover.webp?v=1761840083&width=3840 3840w" width="3840" height="4551" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241696507_cover.webp?v=1761840083&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">The Travel Bucket List</h3>
<div class="h6">
<product-price data-product-id="15200629719417">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£30.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241696507-the-travel-bucket-list?variant=56102301270393"
>
<div
class=" spacing-style text-block text-block--AdDlXaDl2N2ZkMGxld__product_title_cy9wFV h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>The Travel Bucket List</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AWHU2cDI0WkFWMG85a__text_mnLxpH paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
Counting down the 500 experiences every traveller should ...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AWnFRNXlRRnRVYm1rc__price_GB3a8g"
data-product-id="15200629719417"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£30.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15188313407865"
data-featured-media-url="//dk.com/cdn/shop/files/9780241686508_jacket_0.jpg?v=1784756477&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15188313407865"
data-product-variants-size="2"
id="product-card-AVnVDVUxVbkZZdG9zW__static-product-card-1"
data-product-transition="true"
>
<a
id="cb922970b88bf4e191792e9b1fc67aa0"
href="/products/9780241686508-the-periodic-table?variant=56060585443705"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
The Periodic Table
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2025-09-04"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AMHZBT0N2dEpPMXVxM__product_card_gallery_XMcLdV-1 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.8391177424586441;
"
data-product-id="15188313407865"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241686508-the-periodic-table?variant=56060585443705"
aria-label="The Periodic Table"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13, --slide-14;"
initial-slide="0"
infinite
data-generic-media-size="14" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="70352939188601"
>
<div
class="product-media"
style="--ratio: 0.8391177424586441"
data-media-id="70352939188601"
>
<img src="//dk.com/cdn/shop/files/9780241686508_jacket_0.jpg?v=1784756477&width=3840" alt="9780241686508-jacket-0" srcset="//dk.com/cdn/shop/files/9780241686508_jacket_0.jpg?v=1784756477&width=240 240w, //dk.com/cdn/shop/files/9780241686508_jacket_0.jpg?v=1784756477&width=352 352w, //dk.com/cdn/shop/files/9780241686508_jacket_0.jpg?v=1784756477&width=832 832w, //dk.com/cdn/shop/files/9780241686508_jacket_0.jpg?v=1784756477&width=1200 1200w, //dk.com/cdn/shop/files/9780241686508_jacket_0.jpg?v=1784756477&width=1600 1600w, //dk.com/cdn/shop/files/9780241686508_jacket_0.jpg?v=1784756477&width=1920 1920w, //dk.com/cdn/shop/files/9780241686508_jacket_0.jpg?v=1784756477&width=2560 2560w, //dk.com/cdn/shop/files/9780241686508_jacket_0.jpg?v=1784756477&width=3840 3840w" width="3840" height="4576" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241686508_jacket_0.jpg?v=1784756477&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">The Periodic Table</h3>
<div class="h6">
<product-price data-product-id="15188313407865">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£25.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241686508-the-periodic-table?variant=56060585443705"
>
<div
class=" spacing-style text-block text-block--AdDlXaDl2N2ZkMGxld__product_title_cy9wFV-1 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>The Periodic Table</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AWHU2cDI0WkFWMG85a__text_mnLxpH-1 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
This is the periodic table as you've never seen it before...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AWnFRNXlRRnRVYm1rc__price_GB3a8g-1"
data-product-id="15188313407865"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£25.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15188312785273"
data-featured-media-url="//dk.com/cdn/shop/files/9780241682722_jacket_0.jpg?v=1784755948&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15188312785273"
data-product-variants-size="1"
id="product-card-AVnVDVUxVbkZZdG9zW__static-product-card-2"
data-product-transition="true"
>
<a
id="76622ea2b1dab981e5295b7b7a3e24a7"
href="/products/9780241682722-the-moon?variant=56060584690041"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
The Moon
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2025-05-01"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AMHZBT0N2dEpPMXVxM__product_card_gallery_XMcLdV-2 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.8395280235988201;
"
data-product-id="15188312785273"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241682722-the-moon?variant=56060584690041"
aria-label="The Moon"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13, --slide-14, --slide-15, --slide-16, --slide-17, --slide-18, --slide-19, --slide-20;"
initial-slide="0"
infinite
data-generic-media-size="20" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="70352802283897"
>
<div
class="product-media"
style="--ratio: 0.8395280235988201"
data-media-id="70352802283897"
>
<img src="//dk.com/cdn/shop/files/9780241682722_jacket_0.jpg?v=1784755948&width=3840" alt="9780241682722-jacket-0" srcset="//dk.com/cdn/shop/files/9780241682722_jacket_0.jpg?v=1784755948&width=240 240w, //dk.com/cdn/shop/files/9780241682722_jacket_0.jpg?v=1784755948&width=352 352w, //dk.com/cdn/shop/files/9780241682722_jacket_0.jpg?v=1784755948&width=832 832w, //dk.com/cdn/shop/files/9780241682722_jacket_0.jpg?v=1784755948&width=1200 1200w, //dk.com/cdn/shop/files/9780241682722_jacket_0.jpg?v=1784755948&width=1600 1600w, //dk.com/cdn/shop/files/9780241682722_jacket_0.jpg?v=1784755948&width=1920 1920w, //dk.com/cdn/shop/files/9780241682722_jacket_0.jpg?v=1784755948&width=2560 2560w, //dk.com/cdn/shop/files/9780241682722_jacket_0.jpg?v=1784755948&width=3840 3840w" width="3840" height="4574" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241682722_jacket_0.jpg?v=1784755948&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">The Moon</h3>
<div class="h6">
<product-price data-product-id="15188312785273">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£25.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241682722-the-moon?variant=56060584690041"
>
<div
class=" spacing-style text-block text-block--AdDlXaDl2N2ZkMGxld__product_title_cy9wFV-2 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>The Moon</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AWHU2cDI0WkFWMG85a__text_mnLxpH-2 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
The Moon has been an object of fascination for religions,...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AWnFRNXlRRnRVYm1rc__price_GB3a8g-2"
data-product-id="15188312785273"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£25.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15118032044409"
data-featured-media-url="//dk.com/cdn/shop/files/getfile_581bbce0-8bbd-4179-9c18-d09b70685ed5.jpg?v=1757066882&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15118032044409"
data-product-variants-size="2"
id="product-card-AVnVDVUxVbkZZdG9zW__static-product-card-3"
data-product-transition="true"
>
<a
id="8b6e7e0fa983938acf0b8c1cd9a6718e"
href="/products/9780241794760-20-minute-air-fryer?variant=55745824784761"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
20-minute Air Fryer
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2025-11-06"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AMHZBT0N2dEpPMXVxM__product_card_gallery_XMcLdV-3 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7738575268817204;
"
data-product-id="15118032044409"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241794760-20-minute-air-fryer?variant=55745824784761"
aria-label="20-minute Air Fryer"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;"
initial-slide="0"
infinite
data-generic-media-size="7" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="65724948971897"
>
<div
class="product-media"
style="--ratio: 0.7738575268817204"
data-media-id="65724948971897"
>
<img src="//dk.com/cdn/shop/files/getfile_581bbce0-8bbd-4179-9c18-d09b70685ed5.jpg?v=1757066882&width=3840" alt="20-minute Air Fryer- book cover" srcset="//dk.com/cdn/shop/files/getfile_581bbce0-8bbd-4179-9c18-d09b70685ed5.jpg?v=1757066882&width=240 240w, //dk.com/cdn/shop/files/getfile_581bbce0-8bbd-4179-9c18-d09b70685ed5.jpg?v=1757066882&width=352 352w, //dk.com/cdn/shop/files/getfile_581bbce0-8bbd-4179-9c18-d09b70685ed5.jpg?v=1757066882&width=832 832w, //dk.com/cdn/shop/files/getfile_581bbce0-8bbd-4179-9c18-d09b70685ed5.jpg?v=1757066882&width=1200 1200w, //dk.com/cdn/shop/files/getfile_581bbce0-8bbd-4179-9c18-d09b70685ed5.jpg?v=1757066882&width=1600 1600w, //dk.com/cdn/shop/files/getfile_581bbce0-8bbd-4179-9c18-d09b70685ed5.jpg?v=1757066882&width=1920 1920w, //dk.com/cdn/shop/files/getfile_581bbce0-8bbd-4179-9c18-d09b70685ed5.jpg?v=1757066882&width=2560 2560w, //dk.com/cdn/shop/files/getfile_581bbce0-8bbd-4179-9c18-d09b70685ed5.jpg?v=1757066882&width=3840 3840w" width="3840" height="4962" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_581bbce0-8bbd-4179-9c18-d09b70685ed5.jpg?v=1757066882&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">20-minute Air Fryer</h3>
<div class="h6">
<product-price data-product-id="15118032044409">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£20.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241794760-20-minute-air-fryer?variant=55745824784761"
>
<div
class=" spacing-style text-block text-block--AdDlXaDl2N2ZkMGxld__product_title_cy9wFV-3 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>20-minute Air Fryer</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AWHU2cDI0WkFWMG85a__text_mnLxpH-3 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
'The Air Fryer Queen' ' Nathan Anthony, Bored of Lunch'''...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AWnFRNXlRRnRVYm1rc__price_GB3a8g-3"
data-product-id="15118032044409"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£20.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15118031880569"
data-featured-media-url="//dk.com/cdn/shop/files/getfile_c2493991-2a3f-430f-9c84-4e2252366e73.jpg?v=1757066879&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15118031880569"
data-product-variants-size="1"
id="product-card-AVnVDVUxVbkZZdG9zW__static-product-card-4"
data-product-transition="true"
>
<a
id="1cdc46d9a0aee4d35752baa50bc89b02"
href="/products/9780241793787-fascinating-fungi-colouring-book?variant=55745824653689"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Fascinating Fungi Colouring Book
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2025-08-28"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AMHZBT0N2dEpPMXVxM__product_card_gallery_XMcLdV-4 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.945240101095198;
"
data-product-id="15118031880569"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241793787-fascinating-fungi-colouring-book?variant=55745824653689"
aria-label="Fascinating Fungi Colouring Book"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8;"
initial-slide="0"
infinite
data-generic-media-size="8" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="65724948382073"
>
<div
class="product-media"
style="--ratio: 0.945240101095198"
data-media-id="65724948382073"
>
<img src="//dk.com/cdn/shop/files/getfile_c2493991-2a3f-430f-9c84-4e2252366e73.jpg?v=1757066879&width=3840" alt="Fascinating Fungi Colouring Book- book cover" srcset="//dk.com/cdn/shop/files/getfile_c2493991-2a3f-430f-9c84-4e2252366e73.jpg?v=1757066879&width=240 240w, //dk.com/cdn/shop/files/getfile_c2493991-2a3f-430f-9c84-4e2252366e73.jpg?v=1757066879&width=352 352w, //dk.com/cdn/shop/files/getfile_c2493991-2a3f-430f-9c84-4e2252366e73.jpg?v=1757066879&width=832 832w, //dk.com/cdn/shop/files/getfile_c2493991-2a3f-430f-9c84-4e2252366e73.jpg?v=1757066879&width=1200 1200w, //dk.com/cdn/shop/files/getfile_c2493991-2a3f-430f-9c84-4e2252366e73.jpg?v=1757066879&width=1600 1600w, //dk.com/cdn/shop/files/getfile_c2493991-2a3f-430f-9c84-4e2252366e73.jpg?v=1757066879&width=1920 1920w, //dk.com/cdn/shop/files/getfile_c2493991-2a3f-430f-9c84-4e2252366e73.jpg?v=1757066879&width=2560 2560w, //dk.com/cdn/shop/files/getfile_c2493991-2a3f-430f-9c84-4e2252366e73.jpg?v=1757066879&width=3840 3840w" width="3840" height="4062" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_c2493991-2a3f-430f-9c84-4e2252366e73.jpg?v=1757066879&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Fascinating Fungi Colouring Book</h3>
<div class="h6">
<product-price data-product-id="15118031880569">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£12.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241793787-fascinating-fungi-colouring-book?variant=55745824653689"
>
<div
class=" spacing-style text-block text-block--AdDlXaDl2N2ZkMGxld__product_title_cy9wFV-4 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Fascinating Fungi Colouring Book</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AWHU2cDI0WkFWMG85a__text_mnLxpH-4 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
A unique colouring book that reveals the incredible world...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AWnFRNXlRRnRVYm1rc__price_GB3a8g-4"
data-product-id="15118031880569"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£12.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15118021165433"
data-featured-media-url="//dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15118021165433"
data-product-variants-size="2"
id="product-card-AVnVDVUxVbkZZdG9zW__static-product-card-5"
data-product-transition="true"
>
<a
id="7196c2aab26e2fd6d7c4f400b437153d"
href="/products/9780241754979-menolicious?variant=55745812365689"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Menolicious
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2025-08-28"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AMHZBT0N2dEpPMXVxM__product_card_gallery_XMcLdV-5 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7738575268817204;
"
data-product-id="15118021165433"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241754979-menolicious?variant=55745812365689"
aria-label="Menolicious"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="5" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="65724896182649"
>
<div
class="product-media"
style="--ratio: 0.7738575268817204"
data-media-id="65724896182649"
>
<img src="//dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=3840" alt="Menolicious- book cover" srcset="//dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=240 240w, //dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=352 352w, //dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=832 832w, //dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=1200 1200w, //dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=1600 1600w, //dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=1920 1920w, //dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=2560 2560w, //dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=3840 3840w" width="3840" height="4962" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_25928e8d-68de-4c5d-af3e-f9fe7e1f9e14.jpg?v=1757066697&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Menolicious</h3>
<div class="h6">
<product-price data-product-id="15118021165433">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£22.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241754979-menolicious?variant=55745812365689"
>
<div
class=" spacing-style text-block text-block--AdDlXaDl2N2ZkMGxld__product_title_cy9wFV-5 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Menolicious</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AWHU2cDI0WkFWMG85a__text_mnLxpH-5 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
'Midlife nutrition made easy!' Professor Tim Spector'Magn...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AWnFRNXlRRnRVYm1rc__price_GB3a8g-5"
data-product-id="15118021165433"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£22.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-6; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15118002782585"
data-featured-media-url="//dk.com/cdn/shop/files/getfile_50f57a3a-0641-4e54-990a-84d570c6c354.jpg?v=1757066469&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15118002782585"
data-product-variants-size="2"
id="product-card-AVnVDVUxVbkZZdG9zW__static-product-card-6"
data-product-transition="true"
>
<a
id="726f4f8fcbfc129fe04a83d8d8586940"
href="/products/9780241726082-the-sewing-book-new-edition?variant=55745797521785"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
The Sewing Book (New Edition)
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2025-02-27"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AMHZBT0N2dEpPMXVxM__product_card_gallery_XMcLdV-6 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.8366856799759832;
"
data-product-id="15118002782585"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241726082-the-sewing-book-new-edition?variant=55745797521785"
aria-label="The Sewing Book (New Edition)"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;"
initial-slide="0"
infinite
data-generic-media-size="7" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="65724865446265"
>
<div
class="product-media"
style="--ratio: 0.8366856799759832"
data-media-id="65724865446265"
>
<img src="//dk.com/cdn/shop/files/getfile_50f57a3a-0641-4e54-990a-84d570c6c354.jpg?v=1757066469&width=3840" alt="The Sewing Book (New Edition)- book cover" srcset="//dk.com/cdn/shop/files/getfile_50f57a3a-0641-4e54-990a-84d570c6c354.jpg?v=1757066469&width=240 240w, //dk.com/cdn/shop/files/getfile_50f57a3a-0641-4e54-990a-84d570c6c354.jpg?v=1757066469&width=352 352w, //dk.com/cdn/shop/files/getfile_50f57a3a-0641-4e54-990a-84d570c6c354.jpg?v=1757066469&width=832 832w, //dk.com/cdn/shop/files/getfile_50f57a3a-0641-4e54-990a-84d570c6c354.jpg?v=1757066469&width=1200 1200w, //dk.com/cdn/shop/files/getfile_50f57a3a-0641-4e54-990a-84d570c6c354.jpg?v=1757066469&width=1600 1600w, //dk.com/cdn/shop/files/getfile_50f57a3a-0641-4e54-990a-84d570c6c354.jpg?v=1757066469&width=1920 1920w, //dk.com/cdn/shop/files/getfile_50f57a3a-0641-4e54-990a-84d570c6c354.jpg?v=1757066469&width=2560 2560w, //dk.com/cdn/shop/files/getfile_50f57a3a-0641-4e54-990a-84d570c6c354.jpg?v=1757066469&width=3840 3840w" width="3840" height="4590" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_50f57a3a-0641-4e54-990a-84d570c6c354.jpg?v=1757066469&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">The Sewing Book (New Edition)</h3>
<div class="h6">
<product-price data-product-id="15118002782585">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£27.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241726082-the-sewing-book-new-edition?variant=55745797521785"
>
<div
class=" spacing-style text-block text-block--AdDlXaDl2N2ZkMGxld__product_title_cy9wFV-6 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>The Sewing Book (New Edition)</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AWHU2cDI0WkFWMG85a__text_mnLxpH-6 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
Everything you need to know to sew your own clothes and h...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AWnFRNXlRRnRVYm1rc__price_GB3a8g-6"
data-product-id="15118002782585"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£27.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-7; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15117983515001"
data-featured-media-url="//dk.com/cdn/shop/files/9780241682845_jacket_0.jpg?v=1784756313&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15117983515001"
data-product-variants-size="2"
id="product-card-AVnVDVUxVbkZZdG9zW__static-product-card-7"
data-product-transition="true"
>
<a
id="002c07d3914888c1680d9586fe7ff5ac"
href="/products/9780241682845-maps-annotated?variant=55745769046393"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Maps, Annotated
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2025-10-02"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AMHZBT0N2dEpPMXVxM__product_card_gallery_XMcLdV-7 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.8395280235988201;
"
data-product-id="15117983515001"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241682845-maps-annotated?variant=55745769046393"
aria-label="Maps, Annotated"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13, --slide-14, --slide-15, --slide-16, --slide-17, --slide-18, --slide-19, --slide-20;"
initial-slide="0"
infinite
data-generic-media-size="20" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="70352894230905"
>
<div
class="product-media"
style="--ratio: 0.8395280235988201"
data-media-id="70352894230905"
>
<img src="//dk.com/cdn/shop/files/9780241682845_jacket_0.jpg?v=1784756313&width=3840" alt="9780241682845-jacket-0" srcset="//dk.com/cdn/shop/files/9780241682845_jacket_0.jpg?v=1784756313&width=240 240w, //dk.com/cdn/shop/files/9780241682845_jacket_0.jpg?v=1784756313&width=352 352w, //dk.com/cdn/shop/files/9780241682845_jacket_0.jpg?v=1784756313&width=832 832w, //dk.com/cdn/shop/files/9780241682845_jacket_0.jpg?v=1784756313&width=1200 1200w, //dk.com/cdn/shop/files/9780241682845_jacket_0.jpg?v=1784756313&width=1600 1600w, //dk.com/cdn/shop/files/9780241682845_jacket_0.jpg?v=1784756313&width=1920 1920w, //dk.com/cdn/shop/files/9780241682845_jacket_0.jpg?v=1784756313&width=2560 2560w, //dk.com/cdn/shop/files/9780241682845_jacket_0.jpg?v=1784756313&width=3840 3840w" width="3840" height="4574" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241682845_jacket_0.jpg?v=1784756313&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Maps, Annotated</h3>
<div class="h6">
<product-price data-product-id="15117983515001">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£40.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241682845-maps-annotated?variant=55745769046393"
>
<div
class=" spacing-style text-block text-block--AdDlXaDl2N2ZkMGxld__product_title_cy9wFV-7 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Maps, Annotated</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AWHU2cDI0WkFWMG85a__text_mnLxpH-7 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
This glorious guided tour of cartographic history feature...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AWnFRNXlRRnRVYm1rc__price_GB3a8g-7"
data-product-id="15117983515001"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£40.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-8; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15117978206585"
data-featured-media-url="//dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15117978206585"
data-product-variants-size="2"
id="product-card-AVnVDVUxVbkZZdG9zW__static-product-card-8"
data-product-transition="true"
>
<a
id="5466885d3990121cf7ae3d3126f20eb5"
href="/products/9780241648810-how-to-design-a-garden?variant=55745762361721"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
How to Design a Garden
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2025-02-06"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AMHZBT0N2dEpPMXVxM__product_card_gallery_XMcLdV-8 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7778897849462365;
"
data-product-id="15117978206585"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241648810-how-to-design-a-garden?variant=55745762361721"
aria-label="How to Design a Garden"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2;"
initial-slide="0"
infinite
data-generic-media-size="2" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="65724822258041"
>
<div
class="product-media"
style="--ratio: 0.7778897849462365"
data-media-id="65724822258041"
>
<img src="//dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=3840" alt="How to Design a Garden- book cover" srcset="//dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=240 240w, //dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=352 352w, //dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=832 832w, //dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=1200 1200w, //dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=1600 1600w, //dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=1920 1920w, //dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=2560 2560w, //dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=3840 3840w" width="3840" height="4936" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_fa0addd5-b4f2-4827-a7fe-bdc5cf22b5e7.jpg?v=1757066131&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">How to Design a Garden</h3>
<div class="h6">
<product-price data-product-id="15117978206585">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£22.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241648810-how-to-design-a-garden?variant=55745762361721"
>
<div
class=" spacing-style text-block text-block--AdDlXaDl2N2ZkMGxld__product_title_cy9wFV-8 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>How to Design a Garden</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AWHU2cDI0WkFWMG85a__text_mnLxpH-8 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
The Instant Sunday Times Bestseller*'A beautiful and prac...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AWnFRNXlRRnRVYm1rc__price_GB3a8g-8"
data-product-id="15117978206585"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£22.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-9; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15117975748985"
data-featured-media-url="//dk.com/cdn/shop/files/getfile_daf1f9a0-d479-428b-968e-a2fa50448695.jpg?v=1757066092&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15117975748985"
data-product-variants-size="2"
id="product-card-AVnVDVUxVbkZZdG9zW__static-product-card-9"
data-product-transition="true"
>
<a
id="71595910d18772da4f6fde881d775c2b"
href="/products/9780241481844-the-permaculture-garden?variant=55745759543673"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
The Permaculture Garden
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2025-03-13"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AMHZBT0N2dEpPMXVxM__product_card_gallery_XMcLdV-9 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.842685695750892;
"
data-product-id="15117975748985"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241481844-the-permaculture-garden?variant=55745759543673"
aria-label="The Permaculture Garden"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;"
initial-slide="0"
infinite
data-generic-media-size="7" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="65724817867129"
>
<div
class="product-media"
style="--ratio: 0.842685695750892"
data-media-id="65724817867129"
>
<img src="//dk.com/cdn/shop/files/getfile_daf1f9a0-d479-428b-968e-a2fa50448695.jpg?v=1757066092&width=3840" alt="The Permaculture Garden- book cover" srcset="//dk.com/cdn/shop/files/getfile_daf1f9a0-d479-428b-968e-a2fa50448695.jpg?v=1757066092&width=240 240w, //dk.com/cdn/shop/files/getfile_daf1f9a0-d479-428b-968e-a2fa50448695.jpg?v=1757066092&width=352 352w, //dk.com/cdn/shop/files/getfile_daf1f9a0-d479-428b-968e-a2fa50448695.jpg?v=1757066092&width=832 832w, //dk.com/cdn/shop/files/getfile_daf1f9a0-d479-428b-968e-a2fa50448695.jpg?v=1757066092&width=1200 1200w, //dk.com/cdn/shop/files/getfile_daf1f9a0-d479-428b-968e-a2fa50448695.jpg?v=1757066092&width=1600 1600w, //dk.com/cdn/shop/files/getfile_daf1f9a0-d479-428b-968e-a2fa50448695.jpg?v=1757066092&width=1920 1920w, //dk.com/cdn/shop/files/getfile_daf1f9a0-d479-428b-968e-a2fa50448695.jpg?v=1757066092&width=2560 2560w, //dk.com/cdn/shop/files/getfile_daf1f9a0-d479-428b-968e-a2fa50448695.jpg?v=1757066092&width=3840 3840w" width="3840" height="4557" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_daf1f9a0-d479-428b-968e-a2fa50448695.jpg?v=1757066092&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">The Permaculture Garden</h3>
<div class="h6">
<product-price data-product-id="15117975748985">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£25.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241481844-the-permaculture-garden?variant=55745759543673"
>
<div
class=" spacing-style text-block text-block--AdDlXaDl2N2ZkMGxld__product_title_cy9wFV-9 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>The Permaculture Garden</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AWHU2cDI0WkFWMG85a__text_mnLxpH-9 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
For a beautiful, productive, and edible paradise, transfo...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AWnFRNXlRRnRVYm1rc__price_GB3a8g-9"
data-product-id="15117975748985"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£25.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-10; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15116648415609"
data-featured-media-url="//dk.com/cdn/shop/files/getfile_bd60244a-3a3a-4016-abe5-75f4b7e02efa.jpg?v=1756991893&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15116648415609"
data-product-variants-size="2"
id="product-card-AVnVDVUxVbkZZdG9zW__static-product-card-10"
data-product-transition="true"
>
<a
id="0c258aaac7bed289a19fb9ed1fa31d8c"
href="/products/9780241667552-everyday-knitting?variant=55742277386617"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Everyday Knitting
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2024-09-17"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AMHZBT0N2dEpPMXVxM__product_card_gallery_XMcLdV-10 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.837200870195794;
"
data-product-id="15116648415609"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241667552-everyday-knitting?variant=55742277386617"
aria-label="Everyday Knitting"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;"
initial-slide="0"
infinite
data-generic-media-size="7" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="65716583006585"
>
<div
class="product-media"
style="--ratio: 0.837200870195794"
data-media-id="65716583006585"
>
<img src="//dk.com/cdn/shop/files/getfile_bd60244a-3a3a-4016-abe5-75f4b7e02efa.jpg?v=1756991893&width=3840" alt="Everyday Knitting-book cover" srcset="//dk.com/cdn/shop/files/getfile_bd60244a-3a3a-4016-abe5-75f4b7e02efa.jpg?v=1756991893&width=240 240w, //dk.com/cdn/shop/files/getfile_bd60244a-3a3a-4016-abe5-75f4b7e02efa.jpg?v=1756991893&width=352 352w, //dk.com/cdn/shop/files/getfile_bd60244a-3a3a-4016-abe5-75f4b7e02efa.jpg?v=1756991893&width=832 832w, //dk.com/cdn/shop/files/getfile_bd60244a-3a3a-4016-abe5-75f4b7e02efa.jpg?v=1756991893&width=1200 1200w, //dk.com/cdn/shop/files/getfile_bd60244a-3a3a-4016-abe5-75f4b7e02efa.jpg?v=1756991893&width=1600 1600w, //dk.com/cdn/shop/files/getfile_bd60244a-3a3a-4016-abe5-75f4b7e02efa.jpg?v=1756991893&width=1920 1920w, //dk.com/cdn/shop/files/getfile_bd60244a-3a3a-4016-abe5-75f4b7e02efa.jpg?v=1756991893&width=2560 2560w, //dk.com/cdn/shop/files/getfile_bd60244a-3a3a-4016-abe5-75f4b7e02efa.jpg?v=1756991893&width=3840 3840w" width="3840" height="4587" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getfile_bd60244a-3a3a-4016-abe5-75f4b7e02efa.jpg?v=1756991893&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Everyday Knitting</h3>
<div class="h6">
<product-price data-product-id="15116648415609">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£24.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241667552-everyday-knitting?variant=55742277386617"
>
<div
class=" spacing-style text-block text-block--AdDlXaDl2N2ZkMGxld__product_title_cy9wFV-10 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Everyday Knitting</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AWHU2cDI0WkFWMG85a__text_mnLxpH-10 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
Learn how to knit with simple, easy-to-follow guides and ...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AWnFRNXlRRnRVYm1rc__price_GB3a8g-10"
data-product-id="15116648415609"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£24.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-11; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="14916689625465"
data-featured-media-url="//dk.com/cdn/shop/files/getimage_3eb1749f-0648-497e-b537-7899cf4a0bf1.jpg?v=1741342760&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="14916689625465"
data-product-variants-size="2"
id="product-card-AVnVDVUxVbkZZdG9zW__static-product-card-11"
data-product-transition="true"
>
<a
id="c2f59934f2b4085d964e8cf88fab381b"
href="/products/art-annotated?variant=56102094897529"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Art, Annotated
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2024-08-29"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AMHZBT0N2dEpPMXVxM__product_card_gallery_XMcLdV-11 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.8395280235988201;
"
data-product-id="14916689625465"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/art-annotated?variant=56102094897529"
aria-label="Art, Annotated"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1;"
initial-slide="0"
infinite
data-generic-media-size="1" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="64175236743545"
>
<div
class="product-media"
style="--ratio: 0.8395280235988201"
data-media-id="64175236743545"
>
<img src="//dk.com/cdn/shop/files/getimage_3eb1749f-0648-497e-b537-7899cf4a0bf1.jpg?v=1741342760&width=3840" alt="Art, Annotated" srcset="//dk.com/cdn/shop/files/getimage_3eb1749f-0648-497e-b537-7899cf4a0bf1.jpg?v=1741342760&width=240 240w, //dk.com/cdn/shop/files/getimage_3eb1749f-0648-497e-b537-7899cf4a0bf1.jpg?v=1741342760&width=352 352w, //dk.com/cdn/shop/files/getimage_3eb1749f-0648-497e-b537-7899cf4a0bf1.jpg?v=1741342760&width=832 832w, //dk.com/cdn/shop/files/getimage_3eb1749f-0648-497e-b537-7899cf4a0bf1.jpg?v=1741342760&width=1200 1200w, //dk.com/cdn/shop/files/getimage_3eb1749f-0648-497e-b537-7899cf4a0bf1.jpg?v=1741342760&width=1600 1600w, //dk.com/cdn/shop/files/getimage_3eb1749f-0648-497e-b537-7899cf4a0bf1.jpg?v=1741342760&width=1920 1920w, //dk.com/cdn/shop/files/getimage_3eb1749f-0648-497e-b537-7899cf4a0bf1.jpg?v=1741342760&width=2560 2560w, //dk.com/cdn/shop/files/getimage_3eb1749f-0648-497e-b537-7899cf4a0bf1.jpg?v=1741342760&width=3840 3840w" width="3840" height="4574" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getimage_3eb1749f-0648-497e-b537-7899cf4a0bf1.jpg?v=1741342760&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Art, Annotated</h3>
<div class="h6">
<product-price data-product-id="14916689625465">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£35.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/art-annotated?variant=56102094897529"
>
<div
class=" spacing-style text-block text-block--AdDlXaDl2N2ZkMGxld__product_title_cy9wFV-11 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Art, Annotated</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AWHU2cDI0WkFWMG85a__text_mnLxpH-11 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
A stunning art gallery in a book, art, annotated spans m...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AWnFRNXlRRnRVYm1rc__price_GB3a8g-11"
data-product-id="14916689625465"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£35.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</div>
</div>
<div
class="section-resource-list__content"
style="--horizontal-alignment: center;"
></div>
</div>
</div><div id="shopify-section-template--26089998483833__featured_collection_list_4AcDAc" class="shopify-section ui-test-product-list">
<style>
@media screen and (min-width: 1280px) {
.padding-style {
padding-left: 0px;
padding-right: 0px;
}
}
</style>
<div class="section-background color-scheme-1"></div>
<div
class="
section
section--full-width
color-scheme-1
section-resource-list
spacing-style
gap-style
padding-style
"
style="
--padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
--gap: max(24px, calc(var(--gap-scale, 1.0) * 30px));
"
>
<div class="section-resource-list__header">
<div
class="
group-block
group-block--height-fit
group-block--width-fill
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--row
mobile-column
"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--gap: 12px;
--horizontal-alignment: center; --vertical-alignment: last baseline;
--vertical-alignment-mobile: flex-end;
"
>
<rte-formatter
class=" spacing-style text-block text-block--Ack15azByc2FIR2gye__product_list_text_tLUd6k rte
rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--width: fit-content;
"
>
<p>
<h3>Gifts for Children</h3>
</p>
</rte-formatter>
<a
href="/collections/gifts-for-children-1"
class="
size-style
link
link--ANmxyU2c1ZlU0SjVhO__product_list_button_hdCGig
"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
View all
</a>
</div>
</div>
</div>
<div
class="
resource-list
force-full-width
resource-list__carousel
"
style="--resource-list-column-gap-desktop: 8px;--column-count: 6;--column-count-mobile: 1;--mobile-card-size: 60cqw;"
data-testid="resource-list-grid"
>
<div
class="resource-list__carousel"
style="
--gutter-slide-width: 0px;
--slide-width-max: 450px;
"
>
<slideshow-component
ref="resourceListCarousel"
class="resource-list__carousel"
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;"
initial-slide="0"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--shape-circle
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--shape-circle
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="view-timeline-name: --slide-0; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15640893096313"
data-featured-media-url="//dk.com/cdn/shop/files/9780241838266_jacket_0_f144aa76-ce32-4ec4-a52f-fee3f493f120.jpg?v=1783518880&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15640893096313"
data-product-variants-size="1"
id="product-card-AQXo2SEpkZ2dYOWFtL__static-product-card"
data-product-transition="true"
>
<a
id="0b5a6aa203b9beef578bd58b7bccdbfa"
href="/products/9780241838266-the-official-f1-quiz-book?variant=63914996531577"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
The Official F1 Quiz Book
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-11-05"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
><div
class="
product-badges__badge product-badges__badge--rectangle preorder1
color-scheme-3 2026-11-05"
>
Pre-Order
</div></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AQUowcjdzTGF1TGdNK__product_card_gallery_rwaYqe spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.6537626628075254;
"
data-product-id="15640893096313"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241838266-the-official-f1-quiz-book?variant=63914996531577"
aria-label="The Official F1 Quiz Book"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8;"
initial-slide="0"
infinite
data-generic-media-size="8" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="69813367013753"
>
<div
class="product-media"
style="--ratio: 0.6537626628075254"
data-media-id="69813367013753"
>
<img src="//dk.com/cdn/shop/files/9780241838266_jacket_0_f144aa76-ce32-4ec4-a52f-fee3f493f120.jpg?v=1783518880&width=3840" alt="9780241838266-jacket-0" srcset="//dk.com/cdn/shop/files/9780241838266_jacket_0_f144aa76-ce32-4ec4-a52f-fee3f493f120.jpg?v=1783518880&width=240 240w, //dk.com/cdn/shop/files/9780241838266_jacket_0_f144aa76-ce32-4ec4-a52f-fee3f493f120.jpg?v=1783518880&width=352 352w, //dk.com/cdn/shop/files/9780241838266_jacket_0_f144aa76-ce32-4ec4-a52f-fee3f493f120.jpg?v=1783518880&width=832 832w, //dk.com/cdn/shop/files/9780241838266_jacket_0_f144aa76-ce32-4ec4-a52f-fee3f493f120.jpg?v=1783518880&width=1200 1200w, //dk.com/cdn/shop/files/9780241838266_jacket_0_f144aa76-ce32-4ec4-a52f-fee3f493f120.jpg?v=1783518880&width=1600 1600w, //dk.com/cdn/shop/files/9780241838266_jacket_0_f144aa76-ce32-4ec4-a52f-fee3f493f120.jpg?v=1783518880&width=1920 1920w, //dk.com/cdn/shop/files/9780241838266_jacket_0_f144aa76-ce32-4ec4-a52f-fee3f493f120.jpg?v=1783518880&width=2560 2560w, //dk.com/cdn/shop/files/9780241838266_jacket_0_f144aa76-ce32-4ec4-a52f-fee3f493f120.jpg?v=1783518880&width=3840 3840w" width="3840" height="5874" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241838266_jacket_0_f144aa76-ce32-4ec4-a52f-fee3f493f120.jpg?v=1783518880&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">The Official F1 Quiz Book</h3>
<div class="h6">
<product-price data-product-id="15640893096313">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£14.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241838266-the-official-f1-quiz-book?variant=63914996531577"
>
<div
class=" spacing-style text-block text-block--AT1NRcWh2YWVkSlVTK__product_title_KRed6b h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>The Official F1 Quiz Book</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AUTRXc2RCZjE1V3JxN__text_z9TDeD paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
Pit your wits against family and friends and do whatever ...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AY01TZnBLRXdOelBQb__price_taFrQL"
data-product-id="15640893096313"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£14.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15194115146105"
data-featured-media-url="//dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15194115146105"
data-product-variants-size="2"
id="product-card-AQXo2SEpkZ2dYOWFtL__static-product-card-1"
data-product-transition="true"
>
<a
id="99b43bf5263465feaa1ef4621791cafe"
href="/products/9780241790663-the-odyssey?variant=56082774327673"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
The Odyssey
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-06-04"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AQUowcjdzTGF1TGdNK__product_card_gallery_rwaYqe-1 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.8285968028419183;
"
data-product-id="15194115146105"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241790663-the-odyssey?variant=56082774327673"
aria-label="The Odyssey"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10;"
initial-slide="0"
infinite
data-generic-media-size="10" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="71150269137273"
>
<div
class="product-media"
style="--ratio: 0.8285968028419183"
data-media-id="71150269137273"
>
<img src="//dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=3840" alt="The Odyssey" srcset="//dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=240 240w, //dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=352 352w, //dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=832 832w, //dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=1200 1200w, //dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=1600 1600w, //dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=1920 1920w, //dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=2560 2560w, //dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=3840 3840w" width="3840" height="4634" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241790663_2.jpg?v=1786622074&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">The Odyssey</h3>
<div class="h6">
<product-price data-product-id="15194115146105">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£18.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241790663-the-odyssey?variant=56082774327673"
>
<div
class=" spacing-style text-block text-block--AT1NRcWh2YWVkSlVTK__product_title_KRed6b-1 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>The Odyssey</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AUTRXc2RCZjE1V3JxN__text_z9TDeD-1 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
'An absolute gem!' - Jennifer Saint, Sunday Times bestsel...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AY01TZnBLRXdOelBQb__price_taFrQL-1"
data-product-id="15194115146105"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£18.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15194110001529"
data-featured-media-url="//dk.com/cdn/shop/files/getimage_6c622a72-8bde-4c01-ba37-bd650a6e5c74.jpg?v=1761578098&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15194110001529"
data-product-variants-size="1"
id="product-card-AQXo2SEpkZ2dYOWFtL__static-product-card-2"
data-product-transition="true"
>
<a
id="d8d45e637195ec100dc06b106cfe2bac"
href="/products/9780241772157-the-magic-and-mystery-of-earth?variant=56082766561657"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
The Magic and Mystery of Earth
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-04-02"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AQUowcjdzTGF1TGdNK__product_card_gallery_rwaYqe-2 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.8217880402605092;
"
data-product-id="15194110001529"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241772157-the-magic-and-mystery-of-earth?variant=56082766561657"
aria-label="The Magic and Mystery of Earth"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="4" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="66256471818617"
>
<div
class="product-media"
style="--ratio: 0.8217880402605092"
data-media-id="66256471818617"
>
<img src="//dk.com/cdn/shop/files/getimage_6c622a72-8bde-4c01-ba37-bd650a6e5c74.jpg?v=1761578098&width=3840" alt="The Magic and Mystery of Earth" srcset="//dk.com/cdn/shop/files/getimage_6c622a72-8bde-4c01-ba37-bd650a6e5c74.jpg?v=1761578098&width=240 240w, //dk.com/cdn/shop/files/getimage_6c622a72-8bde-4c01-ba37-bd650a6e5c74.jpg?v=1761578098&width=352 352w, //dk.com/cdn/shop/files/getimage_6c622a72-8bde-4c01-ba37-bd650a6e5c74.jpg?v=1761578098&width=832 832w, //dk.com/cdn/shop/files/getimage_6c622a72-8bde-4c01-ba37-bd650a6e5c74.jpg?v=1761578098&width=1200 1200w, //dk.com/cdn/shop/files/getimage_6c622a72-8bde-4c01-ba37-bd650a6e5c74.jpg?v=1761578098&width=1600 1600w, //dk.com/cdn/shop/files/getimage_6c622a72-8bde-4c01-ba37-bd650a6e5c74.jpg?v=1761578098&width=1920 1920w, //dk.com/cdn/shop/files/getimage_6c622a72-8bde-4c01-ba37-bd650a6e5c74.jpg?v=1761578098&width=2560 2560w, //dk.com/cdn/shop/files/getimage_6c622a72-8bde-4c01-ba37-bd650a6e5c74.jpg?v=1761578098&width=3840 3840w" width="3840" height="4673" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/getimage_6c622a72-8bde-4c01-ba37-bd650a6e5c74.jpg?v=1761578098&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">The Magic and Mystery of Earth</h3>
<div class="h6">
<product-price data-product-id="15194110001529">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£14.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241772157-the-magic-and-mystery-of-earth?variant=56082766561657"
>
<div
class=" spacing-style text-block text-block--AT1NRcWh2YWVkSlVTK__product_title_KRed6b-2 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>The Magic and Mystery of Earth</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AUTRXc2RCZjE1V3JxN__text_z9TDeD-2 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
Enter a world of towering mountains, swirling storms, and...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AY01TZnBLRXdOelBQb__price_taFrQL-2"
data-product-id="15194110001529"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£14.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15214407057785"
data-featured-media-url="//dk.com/cdn/shop/files/9780241823460_jacket_0.jpg?v=1768918341&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15214407057785"
data-product-variants-size="3"
id="product-card-AQXo2SEpkZ2dYOWFtL__static-product-card-3"
data-product-transition="true"
>
<a
id="53a56acd5074151a5fd696b7670451dd"
href="/products/9780241789858-i-am-a-royal-rulebreaker?variant=56146305548665"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
I Am a Royal Rulebreaker
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-04-02"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AQUowcjdzTGF1TGdNK__product_card_gallery_rwaYqe-3 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7803487592219986;
"
data-product-id="15214407057785"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241789858-i-am-a-royal-rulebreaker?variant=56146305548665"
aria-label="I Am a Royal Rulebreaker"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9;"
initial-slide="0"
infinite
data-generic-media-size="9" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="67200458686841"
>
<div
class="product-media"
style="--ratio: 0.7803487592219986"
data-media-id="67200458686841"
>
<img src="//dk.com/cdn/shop/files/9780241823460_jacket_0.jpg?v=1768918341&width=3840" alt="9780241823460-jacket-0" srcset="//dk.com/cdn/shop/files/9780241823460_jacket_0.jpg?v=1768918341&width=240 240w, //dk.com/cdn/shop/files/9780241823460_jacket_0.jpg?v=1768918341&width=352 352w, //dk.com/cdn/shop/files/9780241823460_jacket_0.jpg?v=1768918341&width=832 832w, //dk.com/cdn/shop/files/9780241823460_jacket_0.jpg?v=1768918341&width=1200 1200w, //dk.com/cdn/shop/files/9780241823460_jacket_0.jpg?v=1768918341&width=1600 1600w, //dk.com/cdn/shop/files/9780241823460_jacket_0.jpg?v=1768918341&width=1920 1920w, //dk.com/cdn/shop/files/9780241823460_jacket_0.jpg?v=1768918341&width=2560 2560w, //dk.com/cdn/shop/files/9780241823460_jacket_0.jpg?v=1768918341&width=3840 3840w" width="3840" height="4921" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241823460_jacket_0.jpg?v=1768918341&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">I Am a Royal Rulebreaker</h3>
<div class="h6">
<product-price data-product-id="15214407057785">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£16.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241789858-i-am-a-royal-rulebreaker?variant=56146305548665"
>
<div
class=" spacing-style text-block text-block--AT1NRcWh2YWVkSlVTK__product_title_KRed6b-3 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>I Am a Royal Rulebreaker</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AUTRXc2RCZjE1V3JxN__text_z9TDeD-3 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
The NOT-SO boring biographies of the queens and princesse...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AY01TZnBLRXdOelBQb__price_taFrQL-3"
data-product-id="15214407057785"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£16.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15188313735545"
data-featured-media-url="//dk.com/cdn/shop/files/9780241716878.jpg?v=1764095009&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15188313735545"
data-product-variants-size="2"
id="product-card-AQXo2SEpkZ2dYOWFtL__static-product-card-4"
data-product-transition="true"
>
<a
id="869d3736b7b395344a2e390853074168"
href="/products/9780241716878-planet-earth-a-4-5-billion-year-story?variant=56060585869689"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Planet Earth: A 4.5 Billion Year Story
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-04-02"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AQUowcjdzTGF1TGdNK__product_card_gallery_rwaYqe-4 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.8386336866902238;
"
data-product-id="15188313735545"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241716878-planet-earth-a-4-5-billion-year-story?variant=56060585869689"
aria-label="Planet Earth: A 4.5 Billion Year Story"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7;"
initial-slide="0"
infinite
data-generic-media-size="7" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="66600080343417"
>
<div
class="product-media"
style="--ratio: 0.8386336866902238"
data-media-id="66600080343417"
>
<img src="//dk.com/cdn/shop/files/9780241716878.jpg?v=1764095009&width=3840" alt="Planet Earth: A 4.5 Billion Year Story" srcset="//dk.com/cdn/shop/files/9780241716878.jpg?v=1764095009&width=240 240w, //dk.com/cdn/shop/files/9780241716878.jpg?v=1764095009&width=352 352w, //dk.com/cdn/shop/files/9780241716878.jpg?v=1764095009&width=832 832w, //dk.com/cdn/shop/files/9780241716878.jpg?v=1764095009&width=1200 1200w, //dk.com/cdn/shop/files/9780241716878.jpg?v=1764095009&width=1600 1600w, //dk.com/cdn/shop/files/9780241716878.jpg?v=1764095009&width=1920 1920w, //dk.com/cdn/shop/files/9780241716878.jpg?v=1764095009&width=2560 2560w, //dk.com/cdn/shop/files/9780241716878.jpg?v=1764095009&width=3840 3840w" width="3840" height="4579" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241716878.jpg?v=1764095009&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Planet Earth: A 4.5 Billion Year Story</h3>
<div class="h6">
<product-price data-product-id="15188313735545">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£16.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241716878-planet-earth-a-4-5-billion-year-story?variant=56060585869689"
>
<div
class=" spacing-style text-block text-block--AT1NRcWh2YWVkSlVTK__product_title_KRed6b-4 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Planet Earth: A 4.5 Billion Year Story</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AUTRXc2RCZjE1V3JxN__text_z9TDeD-4 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
If the age of planet Earth was scaled to 24 hours, humans...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AY01TZnBLRXdOelBQb__price_taFrQL-4"
data-product-id="15188313735545"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£16.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15194107281785"
data-featured-media-url="//dk.com/cdn/shop/files/9780241725306_cover.jpg?v=1783200300&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15194107281785"
data-product-variants-size="1"
id="product-card-AQXo2SEpkZ2dYOWFtL__static-product-card-5"
data-product-transition="true"
>
<a
id="d3611565ceb89ca3f38b44c799e3fc16"
href="/products/9780241725306-an-anthology-of-beetles?variant=56082762301817"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
An Anthology of Beetles
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-04-02"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AQUowcjdzTGF1TGdNK__product_card_gallery_rwaYqe-5 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7897727272727273;
"
data-product-id="15194107281785"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241725306-an-anthology-of-beetles?variant=56082762301817"
aria-label="An Anthology of Beetles"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;"
initial-slide="0"
infinite
data-generic-media-size="6" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="69695111954809"
>
<div
class="product-media"
style="--ratio: 0.7897727272727273"
data-media-id="69695111954809"
>
<img src="//dk.com/cdn/shop/files/9780241725306_cover.jpg?v=1783200300&width=3840" alt="9780241725306-cover" srcset="//dk.com/cdn/shop/files/9780241725306_cover.jpg?v=1783200300&width=240 240w, //dk.com/cdn/shop/files/9780241725306_cover.jpg?v=1783200300&width=352 352w, //dk.com/cdn/shop/files/9780241725306_cover.jpg?v=1783200300&width=832 832w, //dk.com/cdn/shop/files/9780241725306_cover.jpg?v=1783200300&width=1200 1200w, //dk.com/cdn/shop/files/9780241725306_cover.jpg?v=1783200300&width=1600 1600w, //dk.com/cdn/shop/files/9780241725306_cover.jpg?v=1783200300&width=1920 1920w, //dk.com/cdn/shop/files/9780241725306_cover.jpg?v=1783200300&width=2560 2560w, //dk.com/cdn/shop/files/9780241725306_cover.jpg?v=1783200300&width=3840 3840w" width="3840" height="4862" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241725306_cover.jpg?v=1783200300&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">An Anthology of Beetles</h3>
<div class="h6">
<product-price data-product-id="15194107281785">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£12.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241725306-an-anthology-of-beetles?variant=56082762301817"
>
<div
class=" spacing-style text-block text-block--AT1NRcWh2YWVkSlVTK__product_title_KRed6b-5 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>An Anthology of Beetles</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AUTRXc2RCZjE1V3JxN__text_z9TDeD-5 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
A beautiful field guide to beetles featuring notes, spect...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AY01TZnBLRXdOelBQb__price_taFrQL-5"
data-product-id="15194107281785"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£12.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-6; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15387971944825"
data-featured-media-url="//dk.com/cdn/shop/files/9780241822548_jacket_0.jpg?v=1784582377&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15387971944825"
data-product-variants-size="2"
id="product-card-AQXo2SEpkZ2dYOWFtL__static-product-card-6"
data-product-transition="true"
>
<a
id="e2a6dd9ccfe15e7658c63addeb8e3630"
href="/products/9780241822548-mei-mei-the-bunny?variant=56785622761849"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Mei Mei the Bunny
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-04-23"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AQUowcjdzTGF1TGdNK__product_card_gallery_rwaYqe-6 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7815275310834814;
"
data-product-id="15387971944825"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241822548-mei-mei-the-bunny?variant=56785622761849"
aria-label="Mei Mei the Bunny"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
data-generic-media-size="4" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="70277335056761"
>
<div
class="product-media"
style="--ratio: 0.7815275310834814"
data-media-id="70277335056761"
>
<img src="//dk.com/cdn/shop/files/9780241822548_jacket_0.jpg?v=1784582377&width=3840" alt="9780241822548-jacket-0" srcset="//dk.com/cdn/shop/files/9780241822548_jacket_0.jpg?v=1784582377&width=240 240w, //dk.com/cdn/shop/files/9780241822548_jacket_0.jpg?v=1784582377&width=352 352w, //dk.com/cdn/shop/files/9780241822548_jacket_0.jpg?v=1784582377&width=832 832w, //dk.com/cdn/shop/files/9780241822548_jacket_0.jpg?v=1784582377&width=1200 1200w, //dk.com/cdn/shop/files/9780241822548_jacket_0.jpg?v=1784582377&width=1600 1600w, //dk.com/cdn/shop/files/9780241822548_jacket_0.jpg?v=1784582377&width=1920 1920w, //dk.com/cdn/shop/files/9780241822548_jacket_0.jpg?v=1784582377&width=2560 2560w, //dk.com/cdn/shop/files/9780241822548_jacket_0.jpg?v=1784582377&width=3840 3840w" width="3840" height="4913" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241822548_jacket_0.jpg?v=1784582377&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Mei Mei the Bunny</h3>
<div class="h6">
<product-price data-product-id="15387971944825">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£14.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241822548-mei-mei-the-bunny?variant=56785622761849"
>
<div
class=" spacing-style text-block text-block--AT1NRcWh2YWVkSlVTK__product_title_KRed6b-6 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Mei Mei the Bunny</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AUTRXc2RCZjE1V3JxN__text_z9TDeD-6 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
Experience a heartwarming tale of self-belief in this enc...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AY01TZnBLRXdOelBQb__price_taFrQL-6"
data-product-id="15387971944825"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£14.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-7; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15194107838841"
data-featured-media-url="//dk.com/cdn/shop/files/9780241740491_jacket_0.jpg?v=1783169229&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15194107838841"
data-product-variants-size="2"
id="product-card-AQXo2SEpkZ2dYOWFtL__static-product-card-7"
data-product-transition="true"
>
<a
id="7769c53c3c0060936fc6eaf322bc8388"
href="/products/9780241740491-rocket?variant=56082763022713"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Rocket
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-03-05"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AQUowcjdzTGF1TGdNK__product_card_gallery_rwaYqe-7 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7624821683309557;
"
data-product-id="15194107838841"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241740491-rocket?variant=56082763022713"
aria-label="Rocket"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13, --slide-14, --slide-15;"
initial-slide="0"
infinite
data-generic-media-size="15" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="69685378351481"
>
<div
class="product-media"
style="--ratio: 0.7624821683309557"
data-media-id="69685378351481"
>
<img src="//dk.com/cdn/shop/files/9780241740491_jacket_0.jpg?v=1783169229&width=3840" alt="9780241740491-jacket-0" srcset="//dk.com/cdn/shop/files/9780241740491_jacket_0.jpg?v=1783169229&width=240 240w, //dk.com/cdn/shop/files/9780241740491_jacket_0.jpg?v=1783169229&width=352 352w, //dk.com/cdn/shop/files/9780241740491_jacket_0.jpg?v=1783169229&width=832 832w, //dk.com/cdn/shop/files/9780241740491_jacket_0.jpg?v=1783169229&width=1200 1200w, //dk.com/cdn/shop/files/9780241740491_jacket_0.jpg?v=1783169229&width=1600 1600w, //dk.com/cdn/shop/files/9780241740491_jacket_0.jpg?v=1783169229&width=1920 1920w, //dk.com/cdn/shop/files/9780241740491_jacket_0.jpg?v=1783169229&width=2560 2560w, //dk.com/cdn/shop/files/9780241740491_jacket_0.jpg?v=1783169229&width=3840 3840w" width="3840" height="5036" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241740491_jacket_0.jpg?v=1783169229&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Rocket</h3>
<div class="h6">
<product-price data-product-id="15194107838841">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£16.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241740491-rocket?variant=56082763022713"
>
<div
class=" spacing-style text-block text-block--AT1NRcWh2YWVkSlVTK__product_title_KRed6b-7 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Rocket</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AUTRXc2RCZjE1V3JxN__text_z9TDeD-7 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
Experience the jaw-dropping power of the world's most imp...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AY01TZnBLRXdOelBQb__price_taFrQL-7"
data-product-id="15194107838841"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£16.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-8; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15194110132601"
data-featured-media-url="//dk.com/cdn/shop/files/9780241772270_jacket_0.jpg?v=1783169405&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15194110132601"
data-product-variants-size="2"
id="product-card-AQXo2SEpkZ2dYOWFtL__static-product-card-8"
data-product-transition="true"
>
<a
id="776f5d733593e988437fd67aea78de92"
href="/products/9780241772270-the-aztecs?variant=56082766889337"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
The Aztecs
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-03-12"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AQUowcjdzTGF1TGdNK__product_card_gallery_rwaYqe-8 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.8395280235988201;
"
data-product-id="15194110132601"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241772270-the-aztecs?variant=56082766889337"
aria-label="The Aztecs"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="5" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="69685445067129"
>
<div
class="product-media"
style="--ratio: 0.8395280235988201"
data-media-id="69685445067129"
>
<img src="//dk.com/cdn/shop/files/9780241772270_jacket_0.jpg?v=1783169405&width=3840" alt="9780241772270-jacket-0" srcset="//dk.com/cdn/shop/files/9780241772270_jacket_0.jpg?v=1783169405&width=240 240w, //dk.com/cdn/shop/files/9780241772270_jacket_0.jpg?v=1783169405&width=352 352w, //dk.com/cdn/shop/files/9780241772270_jacket_0.jpg?v=1783169405&width=832 832w, //dk.com/cdn/shop/files/9780241772270_jacket_0.jpg?v=1783169405&width=1200 1200w, //dk.com/cdn/shop/files/9780241772270_jacket_0.jpg?v=1783169405&width=1600 1600w, //dk.com/cdn/shop/files/9780241772270_jacket_0.jpg?v=1783169405&width=1920 1920w, //dk.com/cdn/shop/files/9780241772270_jacket_0.jpg?v=1783169405&width=2560 2560w, //dk.com/cdn/shop/files/9780241772270_jacket_0.jpg?v=1783169405&width=3840 3840w" width="3840" height="4574" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241772270_jacket_0.jpg?v=1783169405&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">The Aztecs</h3>
<div class="h6">
<product-price data-product-id="15194110132601">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£20.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241772270-the-aztecs?variant=56082766889337"
>
<div
class=" spacing-style text-block text-block--AT1NRcWh2YWVkSlVTK__product_title_KRed6b-8 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>The Aztecs</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AUTRXc2RCZjE1V3JxN__text_z9TDeD-8 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
Learn all about the Aztec Empire, from the rise of a migh...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AY01TZnBLRXdOelBQb__price_taFrQL-8"
data-product-id="15194110132601"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£20.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-9; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15194107249017"
data-featured-media-url="//dk.com/cdn/shop/files/9780241725290_cover.jpg?v=1783200269&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15194107249017"
data-product-variants-size="2"
id="product-card-AQXo2SEpkZ2dYOWFtL__static-product-card-9"
data-product-transition="true"
>
<a
id="d2e76ad8474855a222cd01738d7001e7"
href="/products/9780241725290-an-anthology-of-flowers?variant=56082762269049"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
An Anthology of Flowers
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-02-12"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AQUowcjdzTGF1TGdNK__product_card_gallery_rwaYqe-9 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7897727272727273;
"
data-product-id="15194107249017"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241725290-an-anthology-of-flowers?variant=56082762269049"
aria-label="An Anthology of Flowers"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3;"
initial-slide="0"
infinite
data-generic-media-size="3" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="69695103435129"
>
<div
class="product-media"
style="--ratio: 0.7897727272727273"
data-media-id="69695103435129"
>
<img src="//dk.com/cdn/shop/files/9780241725290_cover.jpg?v=1783200269&width=3840" alt="9780241725290-cover" srcset="//dk.com/cdn/shop/files/9780241725290_cover.jpg?v=1783200269&width=240 240w, //dk.com/cdn/shop/files/9780241725290_cover.jpg?v=1783200269&width=352 352w, //dk.com/cdn/shop/files/9780241725290_cover.jpg?v=1783200269&width=832 832w, //dk.com/cdn/shop/files/9780241725290_cover.jpg?v=1783200269&width=1200 1200w, //dk.com/cdn/shop/files/9780241725290_cover.jpg?v=1783200269&width=1600 1600w, //dk.com/cdn/shop/files/9780241725290_cover.jpg?v=1783200269&width=1920 1920w, //dk.com/cdn/shop/files/9780241725290_cover.jpg?v=1783200269&width=2560 2560w, //dk.com/cdn/shop/files/9780241725290_cover.jpg?v=1783200269&width=3840 3840w" width="3840" height="4862" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241725290_cover.jpg?v=1783200269&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">An Anthology of Flowers</h3>
<div class="h6">
<product-price data-product-id="15194107249017">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£12.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241725290-an-anthology-of-flowers?variant=56082762269049"
>
<div
class=" spacing-style text-block text-block--AT1NRcWh2YWVkSlVTK__product_title_KRed6b-9 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>An Anthology of Flowers</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AUTRXc2RCZjE1V3JxN__text_z9TDeD-9 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
A beautiful field guide to flowers featuring notes, spect...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AY01TZnBLRXdOelBQb__price_taFrQL-9"
data-product-id="15194107249017"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£12.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-10; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15194110067065"
data-featured-media-url="//dk.com/cdn/shop/files/9780241772256.jpg?v=1767958537&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15194110067065"
data-product-variants-size="1"
id="product-card-AQXo2SEpkZ2dYOWFtL__static-product-card-10"
data-product-transition="true"
>
<a
id="d00aa30e68e3cea37fb9c0757da92678"
href="/products/9780241772256-shapes-of-nature?variant=56082766791033"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Shapes of Nature
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-03-05"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AQUowcjdzTGF1TGdNK__product_card_gallery_rwaYqe-10 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7748161764705882;
"
data-product-id="15194110067065"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241772256-shapes-of-nature?variant=56082766791033"
aria-label="Shapes of Nature"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9, --slide-10, --slide-11, --slide-12, --slide-13, --slide-14, --slide-15;"
initial-slide="0"
infinite
data-generic-media-size="15" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="67074176483705"
>
<div
class="product-media"
style="--ratio: 0.7748161764705882"
data-media-id="67074176483705"
>
<img src="//dk.com/cdn/shop/files/9780241772256.jpg?v=1767958537&width=3840" alt="Shapes of Nature" srcset="//dk.com/cdn/shop/files/9780241772256.jpg?v=1767958537&width=240 240w, //dk.com/cdn/shop/files/9780241772256.jpg?v=1767958537&width=352 352w, //dk.com/cdn/shop/files/9780241772256.jpg?v=1767958537&width=832 832w, //dk.com/cdn/shop/files/9780241772256.jpg?v=1767958537&width=1200 1200w, //dk.com/cdn/shop/files/9780241772256.jpg?v=1767958537&width=1600 1600w, //dk.com/cdn/shop/files/9780241772256.jpg?v=1767958537&width=1920 1920w, //dk.com/cdn/shop/files/9780241772256.jpg?v=1767958537&width=2560 2560w, //dk.com/cdn/shop/files/9780241772256.jpg?v=1767958537&width=3840 3840w" width="3840" height="4956" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241772256.jpg?v=1767958537&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Shapes of Nature</h3>
<div class="h6">
<product-price data-product-id="15194110067065">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£20.00</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241772256-shapes-of-nature?variant=56082766791033"
>
<div
class=" spacing-style text-block text-block--AT1NRcWh2YWVkSlVTK__product_title_KRed6b-10 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Shapes of Nature</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AUTRXc2RCZjE1V3JxN__text_z9TDeD-10 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
Step into the wonders of the natural world with Shapes of...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AY01TZnBLRXdOelBQb__price_taFrQL-10"
data-product-id="15194110067065"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£20.00</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-11; --product-media-fit: cover;"
class="resource-list__slide"
>
<div class="resource-list__item flex items-center gap-4 p-4 border-b border-gray-200">
<style data-shopify>
</style>
<product-card-link
data-product-id="15188316946809"
data-featured-media-url="//dk.com/cdn/shop/files/9780241734445_jacket_0_0f08f3ab-073c-4201-a160-c581b14c3b94.jpg?v=1784107281&width=500"
data-product-transition="true"
><product-card
class="product-card collection-grid"
data-product-id="15188316946809"
data-product-variants-size="3"
id="product-card-AQXo2SEpkZ2dYOWFtL__static-product-card-11"
data-product-transition="true"
>
<a
id="d7a8589e6c9e918f6b9b84714d2557e1"
href="/products/9780241734445-game-plan?variant=56081150116217"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Game Plan
</span>
</a>
<div
class="
product-card__content
layout-panel-flex
layout-panel-flex--column
product-grid__card
spacing-style
border-style
gap-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--horizontal-alignment: ; --vertical-alignment: ;
--vertical-alignment-mobile: ;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--product-card-gap: 4px;
--quick-add-display: none;
--quick-add-mobile-display: none;
"
>
<div
class="product-badges product-badges--top-left date2026-03-26"
style="
--badge-border-radius: 40px;
--badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none;
"
></div>
<div
ref="cardGallery"
class="card-gallery card-gallery-AQUowcjdzTGF1TGdNK__product_card_gallery_rwaYqe-11 spacing-style border-style"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 20px;--padding-inline-start: 20px;--padding-inline-end: 20px;
--gallery-aspect-ratio: 0.7100474683544303;
"
data-product-id="15188316946809"
data-view-transition-to-main-product
data-image-ratio="adapt"
>
<a
class="contents"
ref="cardGalleryLink"
href="
/products/9780241734445-game-plan?variant=56081150116217"
aria-label="Game Plan"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
data-generic-media-size="5" disabled="true"
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="
slideshow-control slideshow-control--previous
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
flip-x
"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<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>
</span>
</button>
<button
class="
slideshow-control slideshow-control--next
slideshow-control--style-arrow
button button-unstyled button-unstyled--transparent
"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<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>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="70044735209849"
>
<div
class="product-media"
style="--ratio: 0.7100474683544303"
data-media-id="70044735209849"
>
<img src="//dk.com/cdn/shop/files/9780241734445_jacket_0_0f08f3ab-073c-4201-a160-c581b14c3b94.jpg?v=1784107281&width=3840" alt="9780241734445-jacket-0" srcset="//dk.com/cdn/shop/files/9780241734445_jacket_0_0f08f3ab-073c-4201-a160-c581b14c3b94.jpg?v=1784107281&width=240 240w, //dk.com/cdn/shop/files/9780241734445_jacket_0_0f08f3ab-073c-4201-a160-c581b14c3b94.jpg?v=1784107281&width=352 352w, //dk.com/cdn/shop/files/9780241734445_jacket_0_0f08f3ab-073c-4201-a160-c581b14c3b94.jpg?v=1784107281&width=832 832w, //dk.com/cdn/shop/files/9780241734445_jacket_0_0f08f3ab-073c-4201-a160-c581b14c3b94.jpg?v=1784107281&width=1200 1200w, //dk.com/cdn/shop/files/9780241734445_jacket_0_0f08f3ab-073c-4201-a160-c581b14c3b94.jpg?v=1784107281&width=1600 1600w, //dk.com/cdn/shop/files/9780241734445_jacket_0_0f08f3ab-073c-4201-a160-c581b14c3b94.jpg?v=1784107281&width=1920 1920w, //dk.com/cdn/shop/files/9780241734445_jacket_0_0f08f3ab-073c-4201-a160-c581b14c3b94.jpg?v=1784107281&width=2560 2560w, //dk.com/cdn/shop/files/9780241734445_jacket_0_0f08f3ab-073c-4201-a160-c581b14c3b94.jpg?v=1784107281&width=3840 3840w" width="3840" height="5408" loading="lazy" sizes="auto, (min-width: 750px) 16.666666666666668vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//dk.com/cdn/shop/files/9780241734445_jacket_0_0f08f3ab-073c-4201-a160-c581b14c3b94.jpg?v=1784107281&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</a>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Game Plan</h3>
<div class="h6">
<product-price data-product-id="15188316946809">
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£14.99</span>
</div>
</product-price>
</div>
</div>
<a
class="contents user-select-text"
ref="productTitleLink"
href="
/products/9780241734445-game-plan?variant=56081150116217"
>
<div
class=" spacing-style text-block text-block--AT1NRcWh2YWVkSlVTK__product_title_KRed6b-11 h5
text-block--align-center
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground-heading);
--width: 100%;
--text-align: center;
"
>
<p>Game Plan</p>
</div>
</a>
<rte-formatter
class=" spacing-style text-block text-block--AUTRXc2RCZjE1V3JxN__text_z9TDeD-11 paragraph
text-block--align-center rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:8px; --padding-inline-end:8px;
--color: var(--color-foreground);
--width: 100%;
--text-align: center;
"
>
<p>
The ultimate guide for teens to build confidence, beat se...
</p>
</rte-formatter>
<product-price
class="text-block text-block--align-center text-center h6 spacing-style"
data-block-id="AY01TZnBLRXdOelBQb__price_taFrQL-11"
data-product-id="15188316946809"
style="
--color: var(--color-foreground);
--padding-block-start: 8px;--padding-block-end: 4px;--padding-inline-start: 8px;--padding-inline-end: 8px;
--width: 100%;
"
>
<div class="priceContainerDiv" ref="priceContainer">
<span class="price">£14.99</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
</div>
</div>
<div
class="section-resource-list__content"
style="--horizontal-alignment: center;"
></div>
</div>
</div>
</main>
<!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--26089999401337__migrated_footer_content" class="shopify-section shopify-section-group-footer-group section-wrapper">
<div class="section-background color-scheme-7"></div>
<div
class="section section--page-width color-scheme-7"
data-testid="ui-test-section"
style="
"
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
"
>
<div
class="
spacing-style
layout-panel-flex
layout-panel-flex--column
section-content-wrapper
mobile-column
"
style="
--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--gap: 12px;
--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
--padding-block-start: max(20px, calc(var(--spacing-scale) * 36px));--padding-block-end: 18px;
"
data-testid="section-content"
>
<div
class="
group-block
group-block--height-fit
group-block--width-fill
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: 0px;--padding-inline-end: 0px;
--size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--row
mobile-column
"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--gap: 16px;
--horizontal-alignment: space-between; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
>
<div
class="
group-block
group-block--height-fit
group-block--width-custom
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--size-style-width:60%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--row
mobile-column
"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--gap: 20px;
--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
--vertical-alignment-mobile: flex-start;
"
>
<div class="footer-grid">
<accordion-custom
class="menu menu--accordion"
data-disable-on-desktop="true"
open-by-default-on-desktop
>
<details class="footer-accordion" open>
<summary class="menu__heading">
<span class="menu__heading__accordion">
<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">
<path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
<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">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</span>
<span class="footer-title">
About us
</span>
</summary>
<ul class="details-content">
<li>
<a
href="/pages/about-dk"
class="link link--text list-menu__item"
>
About DK
</a>
</li>
<li>
<a
href="/pages/our_impact"
class="link link--text list-menu__item"
>
Our Impact
</a>
</li>
<li>
<a
href="/pages/careers-at-dk"
class="link link--text list-menu__item"
>
Careers at DK
</a>
</li>
<li>
<a
href="/pages/collaborating-with-dk"
class="link link--text list-menu__item"
>
Collaborating with DK
</a>
</li>
<li>
<a
href="/pages/partnerships"
class="link link--text list-menu__item"
>
Partnerships
</a>
</li>
<li>
<a
href="/pages/permissions"
class="link link--text list-menu__item"
>
Permissions
</a>
</li>
<li>
<a
href="/pages/contact-uk"
class="link link--text list-menu__item"
>
Contact Us
</a>
</li>
<li>
<a
href="/pages/modern-slavery-statement"
class="link link--text list-menu__item"
>
Modern Slavery Statement
</a>
</li>
</ul>
</details>
</accordion-custom>
<accordion-custom
class="menu menu--accordion"
data-disable-on-desktop="true"
open-by-default-on-desktop
>
<details class="footer-accordion" open>
<summary class="menu__heading">
<span class="menu__heading__accordion">
<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">
<path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
<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">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</span>
<span class="footer-title">
Help & Shopping
</span>
</summary>
<ul class="details-content">
<li>
<a
href="/pages/faq"
class="link link--text list-menu__item"
>
FAQs
</a>
</li>
<li>
<a
href="/pages/privacy-policy-and-cookies"
class="link link--text list-menu__item"
>
Privacy Policy and Cookies
</a>
</li>
<li>
<a
href="/pages/terms-and-conditions"
class="link link--text list-menu__item"
>
Terms and Conditions
</a>
</li>
<li>
<a
href="/pages/accessibility-statement"
class="link link--text list-menu__item"
>
Accessibility
</a>
</li>
</ul>
</details>
</accordion-custom>
<accordion-custom
class="menu menu--accordion"
data-disable-on-desktop="true"
open-by-default-on-desktop
>
<details class="footer-accordion" open>
<summary class="menu__heading">
<span class="menu__heading__accordion">
<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">
<path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
<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">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</span>
<span class="footer-title">
Other DK Websites
</span>
</summary>
<ul class="details-content">
<li>
<a
href="https://www.phonicbooks.co.uk/"
class="link link--text list-menu__item"
>
Phonic Books
</a>
</li>
<li>
<a
href="https://www.dkefe.com/"
class="link link--text list-menu__item"
>
English for Everyone
</a>
</li>
<li>
<a
href="https://www.dkefe.com/junior/"
class="link link--text list-menu__item"
>
English for Everyone Junior
</a>
</li>
<li>
<a
href="https://www.canelo.co/"
class="link link--text list-menu__item"
>
Canelo
</a>
</li>
<li>
<a
href="https://booksellerhub.dk.com/"
class="link link--text list-menu__item"
>
Bookseller Hub
</a>
</li>
</ul>
</details>
</accordion-custom>
</div>
</div>
</div>
<div
class="
group-block
group-block--height-fit
group-block--width-custom
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 4px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--size-style-width:35%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--column
"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--gap: 24px;
--horizontal-alignment: center; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
>
<div
class=" spacing-style text-block text-block--ARlVwMWltUkVjU01qM__text_dFFpdp h3
text-block--align-left
"
style="
--padding-block-start: 10px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--width: 100%;
--text-align: left;
"
>
<p>
<h1>BE THE FIRST TO KNOW</h1>
</p>
</div>
<div
class="
group-block
group-block--height-fit
group-block--width-fill
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--row
"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--gap: 12px;
--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
>
<div id="shopify-block-AZ2tGOFhZK2RCcm9rb__icon_gN6Dkc" class="shopify-block icon-block">
<a
href="https://www.facebook.com/dkbooks.uk"
class="text-inherit"
target="_blank" rel="noopener"
>
<svg
class="icon-block__media icon-block-AZ2tGOFhZK2RCcm9rb__icon_gN6Dkc"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="28"
height="28"
viewBox="0 0 20 20"
>
<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>
</a>
</div>
<div id="shopify-block-AOVdYc3YyYUhTbmhxb__icon_p3cq9C" class="shopify-block icon-block">
<a
href="https://www.instagram.com/DKbooks/"
class="text-inherit"
target="_blank" rel="noopener"
>
<svg
class="icon-block__media icon-block-AOVdYc3YyYUhTbmhxb__icon_p3cq9C"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="28"
height="28"
viewBox="0 0 20 20"
>
<path
fill-rule="evenodd"
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"
clip-rule="evenodd"
/></svg>
</a>
</div>
<div id="shopify-block-ANnlsVDN6TURyS2JVT__icon_W79ddV" class="shopify-block icon-block">
<a
href="https://uk.pinterest.com/dkpublishing/"
class="text-inherit"
target="_blank" rel="noopener"
>
<svg
class="icon-block__media icon-block-ANnlsVDN6TURyS2JVT__icon_W79ddV"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="28"
height="28"
viewBox="0 0 20 20"
>
<path d="M10 2.01c2.124.01 4.16.855 5.666 2.353a8.087 8.087 0 0 1 1.277 9.68A7.952 7.952 0 0 1 10 18.04a8.164 8.164 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297.836 0 1.585-.24 2.248-.72a4.678 4.678 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.061 5.061 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.023 5.023 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.257 2.257 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228 0 .768-.106 1.479-.317 2.122a3.813 3.813 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085.147-.514.298-1.026.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.067 8.067 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.721 7.721 0 0 1 10 2.001v.01Z" /></svg>
</a>
</div>
</div>
</div>
<div
class="
group-block
group-block--height-fit
group-block--width-fill
border-style
spacing-style
size-style
"
style="
--border-width: 1px; --border-style: none; --border-color:
rgb(var(--color-border-rgb) / 1.0); --border-radius:
0px;
--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
--size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
"
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="
group-block-content
layout-panel-flex
layout-panel-flex--column
mobile-column
"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
--gap: 12px;
--horizontal-alignment: flex-start; --vertical-alignment: center;
--vertical-alignment-mobile: center;
"
>
<rte-formatter
class=" spacing-style text-block text-block--AQTgrZlNTWnpWc2hWM__text_MYRQ6j rte
rte
"
style="
--padding-block-start: 0px; --padding-block-end:0px;
--padding-inline-start:0px; --padding-inline-end:0px;
--width: fit-content;
"
>
<p>
<h5>Get our newsletters to get exclusive updates, the latest book releases and competitions.</h5>
</p>
</rte-formatter>
<a
href="/pages/newsletter"
class="
size-style
button
button--ATEREODdjQkZjY1ExS__button_akPq3j
"
style="--size-style-width:100%;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Sign up now!
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-sections--26089999401337__footer_utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">
<div class="section-background color-scheme-7"></div>
<div
class="section section--page-width color-scheme-7"
>
<div
class="utilities spacing-style"
style="--padding-block-start: 20px;--padding-block-end: 20px; --border-width: 1px; --gap: 24px;"
data-testid="footer-utilities"
>
<div
class="
footer-utilities__group-copyright
custom-typography
footer-utilities__text
custom-font-size
"
style="
--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-);"
>
<span class="footer-utilities__text">
© 2026
<a href="/" title="">DK</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a>
</span>
</div>
<anchored-popover-component
class="footer-utilities__policy-list footer-utilities__text"
data-hover-triggered="true"
>
<button
class="policy-list-trigger button-unstyled"
popovertarget="terms-policies-popover"
popovertargetaction="toggle"
ref="trigger"
style="
--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-);"
>
Terms and Policies
</button>
<div
class="terms-policies-popover color-scheme-1"
id="terms-policies-popover"
popover="auto"
ref="popover"
>
<ul
class="
policy_list list-unstyled
custom-typography
custom-font-size
"
><li>
<a
href="/policies/privacy-policy"
class="footer-utilities__text"
>Privacy policy</a>
</li></ul>
</div>
</anchored-popover-component>
<div
class="social-icons__wrapper footer-utilities__icons"
>
</div>
</div>
</div>
</div>
<!-- END sections: footer-group -->
<script
src="//dk.com/cdn/shop/t/18/assets/dialog.js?v=94382931671780430451760622487"
type="module"
></script>
<dialog-component
id="search-modal"
class="search-modal"
>
<dialog
ref="dialog"
on:click="/closeDialogOnClickOutside"
on:keydown="/closeDialogOnEscapePress"
class="search-modal__content dialog-modal"
scroll-lock
>
<script
src="//dk.com/cdn/shop/t/18/assets/predictive-search.js?v=53445493388242646041760622521"
type="module"
fetchpriority="low"
></script>
<predictive-search-component
class="predictive-search color-scheme-1"
style="--product-corner-radius: 0px; --card-corner-radius: 0px;"
data-section-id="predictive-search"
data-testid="search-component--modal"
role="search"
aria-label="Search"
>
<form
action="/search"
method="get"
role="search"
class="predictive-search-form"
ref="form"
on:keydown="/onSearchKeyDown"
>
<div
class="predictive-search-form__header"
>
<div class="predictive-search-form__header-inner">
<label
for="cmdk-input"
class="visually-hidden"
>Search</label>
<input
class="search-input"
id="cmdk-input"
type="search"
name="q"
role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocomplete="off"
placeholder="Search"
ref="searchInput"
on:input="/search"
on:keydown="/onSearchKeyDown"
>
<input
name="options[prefix]"
type="hidden"
value="last"
>
<span class="svg-wrapper predictive-search__icon">
<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>
</span>
<button
type="button"
class="button-unstyled predictive-search__reset-button"
aria-label="Reset search"
ref="resetButton"
hidden
on:click="/resetSearch"
>
<span class="svg-wrapper predictive-search__reset-button-icon">
<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>
</span>
<span class="predictive-search__reset-button-text">Clear</span>
</button>
</div>
<button
type="button"
class="button predictive-search__close-modal-button"
aria-label="Close dialog"
on:click="dialog-component/closeDialog"
ref="closeModalButton"
>
<span class="svg-wrapper">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div class="predictive-search-form__content-wrapper">
<div
class="predictive-search-form__content"
tabindex="-1"
ref="predictiveSearchResults"
on:click="/handleModalClick"
>
<div
id="predictive-search-results"
class="predictive-search-dropdown"
role="listbox"
aria-expanded="true"
style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
</div>
</div>
<div class="predictive-search-form__footer">
<button
class="button button-primary predictive-search__search-button"
ref="viewAllButton"
>
View all
</button>
</div>
</div>
</form>
</predictive-search-component>
</dialog>
</dialog-component>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NB4SL3DJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<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>
<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
Sitemap
Кол-во: 0
XML-карта сайта для поисковиков
?
Sitemap.xml помогает поисковику быстрее находить и индексировать страницы. Особенно важен для крупных сайтов и новых страниц, на которые ещё нет входящих ссылок.
Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.
Внутренние ссылки
Кол-во: 233
Ссылки на другие страницы своего сайта
?
Внутренние ссылки распределяют ссылочный вес между страницами и помогают поисковику обходить сайт. Пустые анкоры и ссылки на запрещённые robots.txt страницы — типичные ошибки.
Внутренних ссылок на странице 233 слишком много. Проведите оптимизацию сайта!
Внутренние ссылки не запрещены к индексации в robots.txt.
На странице присутствуют изображения 53.
Показать первые 100 внутренних ссылок
| Url | Анкор | Состояние | Анализировать |
|---|---|---|---|
| /collections/arts-culture/Adult |
<span class="menu-drawer__menu-item-text wrap-text">Arts & Culture</span>
|
|
Анализировать url |
| /collections/crafts-hobbies/adult |
<span class="menu-drawer__menu-item-text wrap-text">Crafts & Hobbies</span>
|
|
Анализировать url |
| /collections/comics-film-tv/adult |
<span class="menu-drawer__menu-item-text wrap-text">Comics, Film & TV</span>
|
|
Анализировать url |
| /collections/food-drink/adult |
<span class="menu-drawer__menu-item-text wrap-text">Food & Drink</span>
|
|
Анализировать url |
| /collections/gardening/adult |
<span class="menu-drawer__menu-item-text wrap-text">Gardening</span>
|
|
Анализировать url |
| /collections/health-beauty/adult |
<span class="menu-drawer__menu-item-text wrap-text">Health & Beauty</span>
|
|
Анализировать url |
| /collections/history/adult |
<span class="menu-drawer__menu-item-text wrap-text">History</span>
|
|
Анализировать url |
| /collections/language-learning/adult |
<span class="menu-drawer__menu-item-text wrap-text">Language Learning</span>
|
|
Анализировать url |
| /collections/non-fiction |
<span class="menu-drawer__menu-item-text wrap-text">Non-fiction</span>
|
|
Анализировать url |
| /collections/pregnancy-parenting/adult |
<span class="menu-drawer__menu-item-text wrap-text">Pregnancy & Parenting</span>
|
|
Анализировать url |
| /collections/religions-ideas/Adult |
<span class="menu-drawer__menu-item-text wrap-text">Religions & Ideas</span>
|
|
Анализировать url |
| /collections/reference/adult |
<span class="menu-drawer__menu-item-text wrap-text">Reference</span>
|
|
Анализировать url |
| /collections/science-nature/adult |
<span class="menu-drawer__menu-item-text wrap-text">Science & Nature</span>
|
|
Анализировать url |
| /collections/travel/adult |
<span class="menu-drawer__menu-item-text wrap-text">Travel</span>
|
|
Анализировать url |
| /collections/well-being/adult |
<span class="menu-drawer__menu-item-text wrap-text">Well-being</span>
|
|
Анализировать url |
| /collections/bestsellers/adult |
<span class="menu-drawer__menu-item-text wrap-text">Bestsellers</span>
|
|
Анализировать url |
| /collections/gardening/adult |
<span class="menu-drawer__menu-item-text wrap-text">Gardening</span>
|
|
Анализировать url |
| /collections/warhammer |
<span class="menu-drawer__menu-item-text wrap-text">Warhammer</span>
|
|
Анализировать url |
| /collections/books-for-adults |
<span class="menu-drawer__menu-item-text wrap-text">All Books for Adults</span>
|
|
Анализировать url |
| /collections/0-5 |
<span class="menu-drawer__menu-item-text wrap-text">0-5</span>
|
|
Анализировать url |
| /collections/5-7 |
<span class="menu-drawer__menu-item-text wrap-text">5-7</span>
|
|
Анализировать url |
| /collections/7-9 |
<span class="menu-drawer__menu-item-text wrap-text">7-9</span>
|
|
Анализировать url |
| /collections/9-11 |
<span class="menu-drawer__menu-item-text wrap-text">9-11</span>
|
|
Анализировать url |
| /collections/teen-ya |
<span class="menu-drawer__menu-item-text wrap-text">Teen & YA</span>
|
|
Анализировать url |
| /collections/fiction/children |
<span class="menu-drawer__menu-item-text wrap-text">Fiction</span>
|
|
Анализировать url |
| /collections/childrens-non-fiction |
<span class="menu-drawer__menu-item-text wrap-text">Non-fiction</span>
|
|
Анализировать url |
| /collections/baby-toddler |
<span class="menu-drawer__menu-item-text wrap-text">Baby & toddler books</span>
|
|
Анализировать url |
| /collections/activity-books |
<span class="menu-drawer__menu-item-text wrap-text">Activity books</span>
|
|
Анализировать url |
| /collections/education/children |
<span class="menu-drawer__menu-item-text wrap-text">Education</span>
|
|
Анализировать url |
| /collections/bestsellers/children |
<span class="menu-drawer__menu-item-text wrap-text">Bestsellers</span>
|
|
Анализировать url |
| /collections/disney |
<span class="menu-drawer__menu-item-text wrap-text">Disney</span>
|
|
Анализировать url |
| /collections/dk-flip |
<span class="menu-drawer__menu-item-text wrap-text">DK flip</span>
|
|
Анализировать url |
| /collections/pop-up-pekaboo |
<span class="menu-drawer__menu-item-text wrap-text">Pop-up Peekaboo!</span>
|
|
Анализировать url |
| /collections/anthologies |
<span class="menu-drawer__menu-item-text wrap-text">Anthologies</span>
|
|
Анализировать url |
| /collections/eyewitness/children |
<span class="menu-drawer__menu-item-text wrap-text">Eyewitness</span>
|
|
Анализировать url |
| /collections/rebel-girls/children |
<span class="menu-drawer__menu-item-text wrap-text">Rebel Girls</span>
|
|
Анализировать url |
| /collections/dk-super-readers/children |
<span class="menu-drawer__menu-item-text wrap-text">DK Super Readers</span>
|
|
Анализировать url |
| /collections/phonic-books/children |
<span class="menu-drawer__menu-item-text wrap-text">Phonic Books</span>
|
|
Анализировать url |
| /collections/science-nature/children |
<span class="menu-drawer__menu-item-text wrap-text">Science & Nature</span>
|
|
Анализировать url |
| /collections/animals/children |
<span class="menu-drawer__menu-item-text wrap-text">Animals</span>
|
|
Анализировать url |
| /collections/lego-books/children |
<span class="menu-drawer__menu-item-text wrap-text">LEGO® Books</span>
|
|
Анализировать url |
| /collections/childrens |
<span class="menu-drawer__menu-item-text wrap-text">All Children's Books</span>
|
|
Анализировать url |
| /pages/gift-ideas |
<span class="menu-drawer__menu-item-text wrap-text">Gift Ideas</span>
|
|
Анализировать url |
| /collections/coming-soon |
<span class="menu-drawer__menu-item-text wrap-text">Coming Soon</span>
|
|
Анализировать url |
| /blogs/articles |
<span class="menu-drawer__menu-item-text wrap-text">Articles</span>
|
|
Анализировать url |
| /blogs/competitions |
<span class="menu-drawer__menu-item-text wrap-text">Competitions</span>
|
|
Анализировать url |
| /pages/national-year-of-reading-go-all-in |
<span class="menu-drawer__menu-item-text wrap-text">National Year of Reading</span>
|
|
Анализировать url |
| /pages/who-we-are |
<span class="menu-drawer__menu-item-text wrap-text">Who We Are</span>
|
|
Анализировать url |
| /pages/dk-living |
<span class="menu-drawer__menu-item-text wrap-text">DK Living</span>
|
|
Анализировать url |
| /pages/introducing-dk-children-s |
<span class="menu-drawer__menu-item-text wrap-text">DK Children's</span>
|
|
Анализировать url |
| /pages/introducing-dk |
<span class="menu-drawer__menu-item-text wrap-text">DK+</span>
|
|
Анализировать url |
| /pages/introducing-dk-alpha |
<span class="menu-drawer__menu-item-text wrap-text">DK Alpha</span>
|
|
Анализировать url |
| /pages/introducing-canelo |
<span class="menu-drawer__menu-item-text wrap-text">Canelo</span>
|
|
Анализировать url |
| /pages/catalogues |
<span class="menu-drawer__menu-item-text wrap-text">Catalogues</span>
|
|
Анализировать url |
| /collections/arts-culture/Adult |
<span class="mega-menu__link-title wrap-text">Arts & Culture</span>
|
|
Анализировать url |
| /collections/crafts-hobbies/adult |
<span class="mega-menu__link-title wrap-text">Crafts & Hobbies</span>
|
|
Анализировать url |
| /collections/comics-film-tv/adult |
<span class="mega-menu__link-title wrap-text">Comics, Film & TV</span>
|
|
Анализировать url |
| /collections/food-drink/adult |
<span class="mega-menu__link-title wrap-text">Food & Drink</span>
|
|
Анализировать url |
| /collections/gardening/adult |
<span class="mega-menu__link-title wrap-text">Gardening</span>
|
|
Анализировать url |
| /collections/health-beauty/adult |
<span class="mega-menu__link-title wrap-text">Health & Beauty</span>
|
|
Анализировать url |
| /collections/history/adult |
<span class="mega-menu__link-title wrap-text">History</span>
|
|
Анализировать url |
| /collections/language-learning/adult |
<span class="mega-menu__link-title wrap-text">Language Learning</span>
|
|
Анализировать url |
| /collections/non-fiction |
<span class="mega-menu__link-title wrap-text">Non-fiction</span>
|
|
Анализировать url |
| /collections/pregnancy-parenting/adult |
<span class="mega-menu__link-title wrap-text">Pregnancy & Parenting</span>
|
|
Анализировать url |
| /collections/religions-ideas/Adult |
<span class="mega-menu__link-title wrap-text">Religions & Ideas</span>
|
|
Анализировать url |
| /collections/reference/adult |
<span class="mega-menu__link-title wrap-text">Reference</span>
|
|
Анализировать url |
| /collections/science-nature/adult |
<span class="mega-menu__link-title wrap-text">Science & Nature</span>
|
|
Анализировать url |
| /collections/travel/adult |
<span class="mega-menu__link-title wrap-text">Travel</span>
|
|
Анализировать url |
| /collections/well-being/adult |
<span class="mega-menu__link-title wrap-text">Well-being</span>
|
|
Анализировать url |
| /collections/bestsellers/adult |
<span class="mega-menu__link-title wrap-text">Bestsellers</span>
|
|
Анализировать url |
| /collections/gardening/adult |
<span class="mega-menu__link-title wrap-text">Gardening</span>
|
|
Анализировать url |
| /collections/warhammer |
<span class="mega-menu__link-title wrap-text">Warhammer</span>
|
|
Анализировать url |
| /collections/books-for-adults |
<span class="mega-menu__link-title wrap-text">All Books for Adults</span>
|
|
Анализировать url |
| /collections/0-5 |
<span class="mega-menu__link-title wrap-text">0-5</span>
|
|
Анализировать url |
| /collections/5-7 |
<span class="mega-menu__link-title wrap-text">5-7</span>
|
|
Анализировать url |
| /collections/7-9 |
<span class="mega-menu__link-title wrap-text">7-9</span>
|
|
Анализировать url |
| /collections/9-11 |
<span class="mega-menu__link-title wrap-text">9-11</span>
|
|
Анализировать url |
| /collections/teen-ya |
<span class="mega-menu__link-title wrap-text">Teen & YA</span>
|
|
Анализировать url |
| /collections/fiction/children |
<span class="mega-menu__link-title wrap-text">Fiction</span>
|
|
Анализировать url |
| /collections/childrens-non-fiction |
<span class="mega-menu__link-title wrap-text">Non-fiction</span>
|
|
Анализировать url |
| /collections/baby-toddler |
<span class="mega-menu__link-title wrap-text">Baby & toddler books</span>
|
|
Анализировать url |
| /collections/activity-books |
<span class="mega-menu__link-title wrap-text">Activity books</span>
|
|
Анализировать url |
| /collections/education/children |
<span class="mega-menu__link-title wrap-text">Education</span>
|
|
Анализировать url |
| /collections/bestsellers/children |
<span class="mega-menu__link-title wrap-text">Bestsellers</span>
|
|
Анализировать url |
| /collections/disney |
<span class="mega-menu__link-title wrap-text">Disney</span>
|
|
Анализировать url |
| /collections/dk-flip |
<span class="mega-menu__link-title wrap-text">DK flip</span>
|
|
Анализировать url |
| /collections/pop-up-pekaboo |
<span class="mega-menu__link-title wrap-text">Pop-up Peekaboo!</span>
|
|
Анализировать url |
| /collections/anthologies |
<span class="mega-menu__link-title wrap-text">Anthologies</span>
|
|
Анализировать url |
| /collections/eyewitness/children |
<span class="mega-menu__link-title wrap-text">Eyewitness</span>
|
|
Анализировать url |
| /collections/rebel-girls/children |
<span class="mega-menu__link-title wrap-text">Rebel Girls</span>
|
|
Анализировать url |
| /collections/dk-super-readers/children |
<span class="mega-menu__link-title wrap-text">DK Super Readers</span>
|
|
Анализировать url |
| /collections/phonic-books/children |
<span class="mega-menu__link-title wrap-text">Phonic Books</span>
|
|
Анализировать url |
| /collections/science-nature/children |
<span class="mega-menu__link-title wrap-text">Science & Nature</span>
|
|
Анализировать url |
| /collections/animals/children |
<span class="mega-menu__link-title wrap-text">Animals</span>
|
|
Анализировать url |
| /collections/lego-books/children |
<span class="mega-menu__link-title wrap-text">LEGO® Books</span>
|
|
Анализировать url |
| /collections/childrens |
<span class="mega-menu__link-title wrap-text">All Children's Books</span>
|
|
Анализировать url |
| /pages/gift-ideas |
<span class="mega-menu__link-title wrap-text">Gift Ideas</span>
|
|
Анализировать url |
| /collections/coming-soon |
<span class="mega-menu__link-title wrap-text">Coming Soon</span>
|
|
Анализировать url |
| /blogs/articles |
<span class="mega-menu__link-title wrap-text">Articles</span>
|
|
Анализировать url |
| /blogs/competitions |
<span class="mega-menu__link-title wrap-text">Competitions</span>
|
|
Анализировать url |
Внешние ссылки
Кол-во: 12
Ссылки на сторонние сайты
?
Исходящие внешние ссылки передают часть ссылочного веса на чужие сайты. Ссылки на авторитетные ресурсы безопасны; ссылки на мусорные сайты могут навредить репутации страницы.
Внешних ссылок на странице 12 слишком много. Спрячьте лишние ссылки в тег noindex или атрибут rel='nofollow'!
На странице ссылки с атрибутом rel='nofollow' 1.
Показать внешние ссылки
| Url | Анкор | Анализировать |
|---|---|---|
| dk.com |
<span class="visually-hidden">
Get your copy of The Sign of the Raven here
</span>
|
Анализировать url |
| booksellerhub.dk.com |
<span class="menu-drawer__menu-item-text wrap-text">UK Bookseller Hub </span>
|
Анализировать url |
| booksellerhub.dk.com |
<span class="mega-menu__link-title wrap-text">UK Bookseller Hub </span>
|
Анализировать url |
| phonicbooks.co.uk |
Phonic Books
|
Анализировать url |
| dkefe.com |
English for Everyone
|
Анализировать url |
| dkefe.com |
English for Everyone Junior
|
Анализировать url |
| canelo.co |
Canelo
|
Анализировать url |
| booksellerhub.dk.com |
Bookseller Hub
|
Анализировать url |
| facebook.com |
<svg class="icon-block__media icon-block-AZ2tGOFhZK2RCcm9rb__icon_gN6Dkc" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewbox="0 0 20 20">
<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"></path></svg>
|
|
| instagram.com |
<svg class="icon-block__media icon-block-AOVdYc3YyYUhTbmhxb__icon_p3cq9C" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewbox="0 0 20 20">
<path fill-rule="evenodd" 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" clip-rule="evenodd"></path></svg>
|
|
| uk.pinterest.com |
<svg class="icon-block__media icon-block-ANnlsVDN6TURyS2JVT__icon_W79ddV" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewbox="0 0 20 20">
<path d="M10 2.01c2.124.01 4.16.855 5.666 2.353a8.087 8.087 0 0 1 1.277 9.68A7.952 7.952 0 0 1 10 18.04a8.164 8.164 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297.836 0 1.585-.24 2.248-.72a4.678 4.678 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.061 5.061 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.023 5.023 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.257 2.257 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228 0 .768-.106 1.479-.317 2.122a3.813 3.813 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085.147-.514.298-1.026.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.067 8.067 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.721 7.721 0 0 1 10 2.001v.01Z"></path></svg>
|
Анализировать url |
| shopify.com |
Powered by Shopify
|
Анализировать url |
Конкуренты Готовность: 0%
Конкуренты в Яндексе
Кол-во: 0
Топ сайтов-конкурентов в Яндексе
?
Сайты, чаще всего появляющиеся в ТОПе Яндекса по запросам из семантического ядра этой страницы.
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Конкуренты в Google
Кол-во: 0
Топ сайтов-конкурентов в Google
?
Сайты, чаще всего появляющиеся в ТОПе Google по запросам из семантического ядра этой страницы.
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
ЗоЗПП: права потребителей Готовность: 100%
Нарушения
Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
ФЗ-149: рекомендательные технологии Готовность: 100%
Нарушения
Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
ФЗ-38: реклама Готовность: 100%
Нарушения
Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
ФЗ-436: защита детей Готовность: 100%
Нарушения
Не выявлены
Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.
Вердикт
Анализ сайта dkimages.com, слабо оптимизирован на 49%. Для хорошей оптимизации и выхода на первые места в поиске требуется:
Исправьте ошибки в мета-тегах.
Исправьте ошибки индексации.
Поделитесь с друзьями: