PageSourceSearch

https://travellingman.com/search

html travellingman.com collected 2026-10-03 22:58:19 UTC 1,092,066 bytes, 18,728 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en" dir="ltr">
3<head><meta charset="utf-8">
4<meta name="viewport" content="width=device-width,initial-scale=1">
5<title>Search &ndash; Travelling Man UK</title><link rel="canonical" href="https://travellingman.com/search"><link rel="icon" href="//travellingman.com/cdn/shop/files/Travelling_Man_Logo_Colour_Large_1_2_9054df8f-f4c6-478d-b34a-9de53a28233c_1200x1200_1.png?crop=center&height=48&v=1786137026&width=48" type="image/png">
6  <link rel="apple-touch-icon" href="//travellingman.com/cdn/shop/files/Travelling_Man_Logo_Colour_Large_1_2_9054df8f-f4c6-478d-b34a-9de53a28233c_1200x1200_1.png?crop=center&height=180&v=1786137026&width=180"><meta name="description" content="Travelling Man is the UK&#39;s friendliest graphic novels and boardgames store, since 1991! Shop online or visit us in Leeds, York, Manchester &amp; Newcastle."><meta property="og:site_name" content="Travelling Man UK">
7<meta property="og:url" content="https://travellingman.com/search">
8<meta property="og:title" content="Search">
9<meta property="og:type" content="website">
10<meta property="og:description" content="Travelling Man is the UK&#39;s friendliest graphic novels and boardgames store, since 1991! Shop online or visit us in Leeds, York, Manchester &amp; Newcastle."><meta name="twitter:card" content="summary_large_image">
11<meta name="twitter:title" content="Search">
12<meta name="twitter:description" content="Travelling Man is the UK&#39;s friendliest graphic novels and boardgames store, since 1991! Shop online or visit us in Leeds, York, Manchester &amp; Newcastle.">
13<link rel="preload" href="//travellingman.com/cdn/shop/t/73/assets/main.css?v=131475074542381384921790831901" as="style"><style data-shopify>
14@font-face {
15  font-family: Poppins;
16  font-weight: 400;
17  font-style: normal;
18  font-display: swap;
19  src: url("//travellingman.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"),
20       url("//travellingman.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff");
21}
22@font-face {
23  font-family: Poppins;
24  font-weight: 500;
25  font-style: normal;
26  font-display: swap;
27  src: url("//travellingman.com/cdn/fonts/poppins/poppins_n5.ad5b4b72b59a00358afc706450c864c3c8323842.woff2") format("woff2"),
28       url("//travellingman.com/cdn/fonts/poppins/poppins_n5.33757fdf985af2d24b32fcd84c9a09224d4b2c39.woff") format("woff");
29}
30@font-face {
31  font-family: Poppins;
32  font-weight: 600;
33  font-style: normal;
34  font-display: swap;
35  src: url("//travellingman.com/cdn/fonts/poppins/poppins_n6.aa29d4918bc243723d56b59572e18228ed0786f6.woff2") format("woff2"),
36       url("//travellingman.com/cdn/fonts/poppins/poppins_n6.5f815d845fe073750885d5b7e619ee00e8111208.woff") format("woff");
37}
38@font-face {
39  font-family: Poppins;
40  font-weight: 700;
41  font-style: normal;
42  font-display: swap;
43  src: url("//travellingman.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2") format("woff2"),
44       url("//travellingman.com/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff") format("woff");
45}
46@font-face {
47  font-family: Poppins;
48  font-weight: 400;
49  font-style: italic;
50  font-display: swap;
51  src: url("//travellingman.com/cdn/fonts/poppins/poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2") format("woff2"),
52       url("//travellingman.com/cdn/fonts/poppins/poppins_i4.56b43284e8b52fc64c1fd271f289a39e8477e9ec.woff") format("woff");
53}
54@font-face {
55  font-family: Poppins;
56  font-weight: 700;
57  font-style: italic;
58  font-display: swap;
59  src: url("//travellingman.com/cdn/fonts/poppins/poppins_i7.42fd71da11e9d101e1e6c7932199f925f9eea42d.woff2") format("woff2"),
60       url("//travellingman.com/cdn/fonts/poppins/poppins_i7.ec8499dbd7616004e21155106d13837fff4cf556.woff") format("woff");
61}
62@font-face {
63  font-family: Poppins;
64  font-weight: 400;
65  font-style: normal;
66  font-display: swap;
67  src: url("//travellingman.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"),
68       url("//travellingman.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff");
69}
70@font-face {
71  font-family: Poppins;
72  font-weight: 400;
73  font-style: normal;
74  font-display: swap;
75  src: url("//travellingman.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"),
76       url("//travellingman.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff");
77}
78@font-face {
79        font-family: 'Fira Mono';
80        src: url(//travellingman.com/cdn/shop/t/73/assets/FiraMono-Regular.ttf?v=143145352977379826801790831902) format('truetype');
81        font-style: normal;
82        font-weight: 400;
83        font-display: swap;
84      }
85
86      @font-face {
87        font-family: 'Fira Mono';
88        src: url(//travellingman.com/cdn/shop/t/73/assets/FiraMono-Medium.ttf?v=128581878072023760721790831902) format('truetype');
89        font-style: normal;
90        font-weight: 500;
91        font-display: swap;
92      }
93
94      @font-face {
95        font-family: 'Fira Mono';
96        src: url(//travellingman.com/cdn/shop/t/73/assets/FiraMono-Bold.ttf?v=99121388485118986111790831901) format('truetype');
97        font-style: normal;
98        font-weight: 700;
99        font-display: swap;
100      }:root {
101      --bg-color: 255 255 255 / 1.0;
102      --bg-color-og: 255 255 255 / 1.0;
103      --heading-color: 35 30 34;
104      --text-color: 35 30 34;
105      --text-color-og: 35 30 34;
106      --scrollbar-color: 35 30 34;
107      --link-color: 35 30 34;
108      --link-color-og: 35 30 34;
109      --star-color: 255 159 28;--swatch-border-color-default: 211 210 211;
110        --swatch-border-color-active: 145 143 145;
111        --swatch-card-size: 24px;
112        --swatch-variant-picker-size: 64px;--color-scheme-1-bg: 244 244 244 / 1.0;
113      --color-scheme-1-grad: linear-gradient(180deg, rgba(244, 244, 244, 1), rgba(244, 244, 244, 1) 100%);
114      --color-scheme-1-heading: 42 43 42;
115      --color-scheme-1-text: 42 43 42;
116      --color-scheme-1-btn-bg: 255 88 13;
117      --color-scheme-1-btn-text: 255 255 255;
118      --color-scheme-1-btn-bg-hover: 255 124 64;--color-scheme-2-bg: 42 43 42 / 1.0;
119      --color-scheme-2-grad: linear-gradient(225deg, rgba(51, 59, 67, 0.88) 8%, rgba(41, 47, 54, 1) 56%, rgba(20, 20, 20, 1) 92%);
120      --color-scheme-2-heading: 255 88 13;
121      --color-scheme-2-text: 255 255 255;
122      --color-scheme-2-btn-bg: 255 88 13;
123      --color-scheme-2-btn-text: 255 255 255;
124      --color-scheme-2-btn-bg-hover: 255 124 64;--color-scheme-3-bg: 17 79 102 / 1.0;
125      --color-scheme-3-grad: ;
126      --color-scheme-3-heading: 255 255 255;
127      --color-scheme-3-text: 255 255 255;
128      --color-scheme-3-btn-bg: 42 43 42;
129      --color-scheme-3-btn-text: 255 255 255;
130      --color-scheme-3-btn-bg-hover: 82 83 82;
131
132      --drawer-bg-color: 255 255 255 / 1.0;
133      --drawer-text-color: 42 43 42;
134
135      --panel-bg-color: 244 244 244 / 1.0;
136      --panel-heading-color: 42 43 42;
137      --panel-text-color: 42 43 42;
138
139      --in-stock-text-color: 44 126 63;
140      --low-stock-text-color: 210 134 26;
141      --very-low-stock-text-color: 180 12 28;
142      --no-stock-text-color: 42 43 42;
143      --no-stock-backordered-text-color: 42 43 42;
144
145      --error-bg-color: 252 237 238;
146      --error-text-color: 180 12 28;
147      --success-bg-color: 232 246 234;
148      --success-text-color: 44 126 63;
149      --info-bg-color: 228 237 250;
150      --info-text-color: 26 102 210;
151
152      --heading-font-family: Poppins, sans-serif;
153      --heading-font-style: normal;
154      --heading-font-weight: 400;
155      --heading-scale-start: 6;
156
157      --navigation-font-family: Poppins, sans-serif;
158      --navigation-font-style: normal;
159      --navigation-font-weight: 400;
160      --secondary-font-family: 'Fira Mono', monospace;
161      --secondary-font-style: normal;
162      --secondary-font-weight: 400;
163--heading-text-transform: none;
164--subheading-text-transform: none;
165      --body-font-family: Poppins, sans-serif;
166      --body-font-style: normal;
167      --body-font-weight: 400;
168      --body-font-size: 14;
169
170      --section-gap: 48;
171      --heading-gap: calc(8 * var(--space-unit));--grid-column-gap: 20px;--btn-bg-color: 17 79 102;
172      --btn-bg-hover-color: 58 114 136;
173      --btn-text-color: 255 255 255;
174      --btn-bg-color-og: 17 79 102;
175      --btn-text-color-og: 255 255 255;
176      --btn-alt-bg-color: 255 255 255;
177      --btn-alt-bg-alpha: 1.0;
178      --btn-alt-text-color: 17 79 102;
179      --btn-border-width: 1px;
180      --btn-padding-y: 18px;
181
182      
183      --btn-border-radius: 4px;
184      
185
186      --btn-lg-border-radius: 50%;
187      --btn-icon-border-radius: 50%;
188      --input-with-btn-inner-radius: var(--btn-border-radius);
189
190      --input-bg-color: 255 255 255 / 1.0;
191      --input-text-color: 35 30 34;
192      --input-border-width: 1px;
193      --input-border-radius: 3px;
194      --textarea-border-radius: 3px;
195      --input-border-radius: 4px;
196      --input-bg-color-diff-3: #f7f7f7;
197      --input-bg-color-diff-6: #f0f0f0;
198
199      --modal-border-radius: 0px;
200      --modal-overlay-color: 0 0 0;
201      --modal-overlay-opacity: 0.4;
202      --drawer-border-radius: 0px;
203      --overlay-border-radius: 0px;
204
205      --custom-label-bg-color: 218 80 88 / 1.0;
206      --custom-label-text-color: 255 255 255 / 1.0;--sold-out-label-bg-color: 42 43 42 / 1.0;
207      --sold-out-label-text-color: 255 255 255 / 1.0;--new-label-bg-color: 17 79 102 / 1.0;
208      --new-label-text-color: 255 255 255 / 1.0;--preorder-label-bg-color: 253 232 201 / 1.0;
209      --preorder-label-text-color: 35 30 34 / 1.0;
210
211      --collection-label-color: 0 126 18 / 1.0;
212
213      --page-width: 1360px;
214      --gutter-sm: 20px;
215      --gutter-md: 32px;
216      --gutter-lg: 64px;
217
218      --payment-terms-bg-color: #ffffff;
219
220      --coll-card-bg-color: #F9F9F9;
221      --coll-card-border-color: #f2f2f2;
222
223      --card-highlight-bg-color: #ffffff;
224      --card-highlight-text-color: 85 85 85;
225      --card-highlight-border-color: #ff580d;
226        
227          --aos-animate-duration: 0.6s;
228        
229
230        
231          --aos-min-width: 0;
232        
233      
234
235      --reading-width: 48em;
236    }
237
238    @media (max-width: 769px) {
239      :root {
240        --reading-width: 36em;
241      }
242    }
243      html:root {
244        --h0-font-size: 64px;
245        --h1-font-size: 64px;
246        --h2-font-size: 48px;
247        --h3-font-size: 40px;
248        --h4-font-size: 32px;
249        --h5-font-size: 24px;
250        --h6-font-size: 20px;
251      }
252
253      @media (max-width: 769px) {
254        html:root {
255          --h0-font-size: 48px;
256          --h1-font-size: 32px;
257          --h2-font-size: 32px;
258          --h3-font-size: 24px;
259          --h4-font-size: 24px;
260          --h5-font-size: 20px;
261          --h6-font-size: 20px;
262        }
263      }
264  </style><link rel="stylesheet" href="//travellingman.com/cdn/shop/t/73/assets/main.css?v=131475074542381384921790831901">
265  
265<script src="//travellingman.com/cdn/shop/t/73/assets/main.js?v=21118567704884689621790831902" defer="defer"></script>
265<link rel="preload" href="//travellingman.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2" as="font" type="font/woff2" crossorigin fetchpriority="high"><link rel="preload" href="//travellingman.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2" as="font" type="font/woff2" crossorigin fetchpriority="high"><link rel="preload" href="//travellingman.com/cdn/shop/t/73/assets/FiraMono-Regular.ttf?v=143145352977379826801790831902" as="font" type="font/ttf" crossorigin fetchpriority="high">
265<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
265<meta name="facebook-domain-verification" content="r0whdxg9fu7ch6bopo7xwi9d3doonz">
266<meta name="facebook-domain-verification" content="osrrc2vrnyunujc5yeoizs2pairz9i">
267<meta name="facebook-domain-verification" content="prs1a0e0uqawf7dul8f4s0gs4gys4j">
268<meta name="facebook-domain-verification" content="vdifg3c7p10elemgtpl8mky974cks8">
269<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/28209709115/digital_wallets/dialog">
270<meta id="in-context-paypal-metadata" data-shop-id="28209709115" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="GBP">
271<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
271<script async="async" src="/checkouts/internal/preloads.js?locale=en-GB&default_configuration_id=11008770422"></script>
271
272<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
273<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-GB&default_configuration_id=11008770422&shop_id=28209709115" crossorigin="anonymous"></script>
vendor: 1 bytes, line 273
273
274<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":28209709115,"countryCode":"GB","currencyCode":"GBP","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/28209709115","merchantName":"Travelling Man UK","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex","discover","elo"],"total":{"type":"pending","label":"Travelling Man UK","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 274
274
275<script id="shopify-features" type="application/json">{"accessToken":"365fbf1471db5ee29b85100add8648fe","betas":["rich-media-storefront-analytics"],"domain":"travellingman.com","predictiveSearch":true,"shopId":28209709115,"locale":"en"}</script>
vendor: 1 bytes, line 275
275
276<script>var Shopify = Shopify || {};
277Shopify.shop = "travelling-man-uk.myshopify.com";
278Shopify.locale = "en";
279Shopify.currency = {"active":"GBP","rate":"1.0"};
280Shopify.country = "GB";
281Shopify.theme = {"name":"Travelling-Man\/feature\/shopify-search","id":200368619894,"schema_name":"Enterprise","schema_version":"2.3.0","theme_store_id":null,"role":"main"};
282Shopify.theme.handle = "null";
283Shopify.theme.style = {"id":null,"handle":null};
284Shopify.cdnHost = "travellingman.com/cdn";
285Shopify.routes = Shopify.routes || {};
286Shopify.routes.root = "/";
287Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
288Shopify.SignInWithShop = Shopify.SignInWithShop || {};
289Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
290Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 290
290
291<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 291
291
292<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 292
292
293<script>
294  window.ShopifyPay = window.ShopifyPay || {};
295  window.ShopifyPay.apiHost = "shop.app\/pay";
296  window.ShopifyPay.redirectState = null;
297</script>
vendor: 1 bytes, line 297
297
298<script>
299  window.Shopify = window.Shopify || {};
300  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
301  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
302  window.Shopify.SignInWithShop.eligible = true;
303</script>
vendor: 1 bytes, line 303
303
304<script id="shop-js-analytics" type="application/json">{"pageType":"search"}</script>
vendor: 1 bytes, line 304
304
305<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 305
305
306<script type="module">
307  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
308
309  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
310
311</script>
vendor: 1 bytes, line 311
311
312<script>
313  window.Shopify = window.Shopify || {};
314  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
315  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
316</script>
vendor: 1 bytes, line 316
316
317<script>(function() {
318  var isLoaded = false;
319  function asyncLoad() {
320    if (isLoaded) return;
321    isLoaded = true;
322    var urls = ["\/\/cdn-redirector.glopal.com\/common\/js\/webinterpret-loader.js?shop=travelling-man-uk.myshopify.com","https:\/\/cdn.salesfire.co.uk\/code\/bd6f2157-3c13-4293-b6f9-3512ecac6cce.js?shop=travelling-man-uk.myshopify.com","\/\/backinstock.useamp.com\/widget\/39806_1783060853.js?category=bis\u0026v=6\u0026shop=travelling-man-uk.myshopify.com"];
323    for (var i = 0; i < urls.length; i++) {
324      var s = document.createElement('script');
325      s.type = 'text/javascript';
326      s.async = true;
327      s.src = urls[i];
328      var x = document.getElementsByTagName('script')[0];
329      x.parentNode.insertBefore(s, x);
330    }
331  };
332  if(window.attachEvent) {
333    window.attachEvent('onload', asyncLoad);
334  } else {
335    window.addEventListener('load', asyncLoad, false);
336  }
337})();</script>
vendor: 1 bytes, line 337
337
338<script id="__st">var __st={"a":28209709115,"offset":3600,"reqid":"cce8c53b-a276-41f0-bb4b-b06663974772-1791068296","pageurl":"travellingman.com\/search","u":"a1e250bb13cb","p":"searchresults"};</script>
vendor: 1 bytes, line 338
338
339<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 339
339
340<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 340
340
341<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//travellingman.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 341
341
342<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 = "//travellingman.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>
342<script crossorigin="anonymous" defer="defer" src="//travellingman.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 342
342
343<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 343
343
344<script>
345  window.Shopify = window.Shopify || {};
346  window.Shopify.MCP = window.Shopify.MCP || {};
347  window.Shopify.MCP.enabled = true;
348  window.Shopify.MCP.shop = "travelling-man-uk.myshopify.com";
349  window.Shopify.MCP.mcpEndpoint = "https:\/\/travellingman.com\/api\/mcp";
350  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"]}}];
351</script>
vendor: 1 bytes, line 351
351
352<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("\/\/travellingman.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
353</script>
vendor: 1 bytes, line 353
353
354<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://travellingman.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
355</script>
vendor: 1 bytes, line 355
355
356<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
357  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);
358</script>
vendor: 1 bytes, line 358
358
359<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})}}));
360</script>
360
361<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://travellingman.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
362<style id="shopify-accelerated-checkout-cart">
363        #shopify-buyer-consent {
364  margin-top: 1em;
365  display: inline-block;
366  width: 100%;
367}
368
369#shopify-buyer-consent.hidden {
370  display: none;
371}
372
373#shopify-subscription-policy-button {
374  background: none;
375  border: none;
376  padding: 0;
377  text-decoration: underline;
378  font-size: inherit;
379  cursor: pointer;
380}
381
382#shopify-subscription-policy-button::before {
383  box-shadow: none;
384}
385
386      </style>
387<script id="sections-script" data-sections="footer" defer="defer" src="//travellingman.com/cdn/shop/t/73/compiled_assets/scripts.js?v=163482046505551502731790831972"></script>
vendor: 1 bytes, line 387
387
388<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
388
389
390    
390<script src="//travellingman.com/cdn/shop/t/73/assets/animate-on-scroll.js?v=15249566486942820451790831904" defer="defer"></script>
390
391    <link rel="stylesheet" href="//travellingman.com/cdn/shop/t/73/assets/animate-on-scroll.css?v=90190799469610395521790831903">
392  
393
394  
394<script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script>
394<!-- CC Custom Head Start --><!-- CC Custom Head End -->
394<script src="//travellingman.com/cdn/shop/t/73/assets/global.js?v=51669759286819511721790868159" defer="defer"></script>
394
395  
395<script src="//travellingman.com/cdn/shop/t/73/assets/wishlist-meta.js?v=62126151100746557711790868184" defer="defer"></script>
395
396  
396<script src="//travellingman.com/cdn/shop/t/73/assets/wishlist-helper.js?v=183812683308156938581790868183" defer="defer"></script>
396
397  
397<script src="//travellingman.com/cdn/shop/t/73/assets/wishlist-store.js?v=178598975838678798151790868185" defer="defer"></script>
397
398  <meta name="google-site-verification" content="VdqdF007CuGX-hgqwvX5AygMAo008e0gRZafhUbSO_M" />
399<!-- BEGIN app block: shopify://apps/pandectes-gdpr/blocks/banner/58c0baa2-6cc1-480c-9ea6-38d6d559556a -->
400
401  
402    
403      
403<script>
404        if (!window.pandectesRulesSettings) {
405          window.pandectesRulesSettings = {"version":"5","timestamp":1790872701251,"store":{"id":28209709115,"plan":"premium","primaryLocale":"en","headless":false,"checkoutRootDomain":"","storefrontRootDomain":"","storefrontAccessToken":""},"banner":{"enabled":true},"regions":{"strict":"*","visible":"*"},"storage":{"type":"http","domain":"","duration":365,"lastReset":1762253284},"gpc":{"enabled":true},"klaviyo":{"enabled":false},"customEvent":{"enabled":false},"rakuten":{"enabled":false,"cmp":false,"ccpa":false},"facebook":{"enabled":false,"id":""},"amazon":{},"microsoft":{"uet":{"enabled":false,"tags":""},"clarity":{"enabled":false,"id":""}},"google":{"enabled":true,"gtmId":"","ga4Id":"G-0FZ4T3Z7G7","adsId":"AW-654880604","gtmOnly":false,"adStorageCategory":4,"analyticsStorageCategory":2,"functionalityStorageCategory":1,"personalizationStorageCategory":1,"securityStorageCategory":0,"redactData":false,"urlPassthrough":false,"dataLayerName":"dataLayer","waitForUpdate":500,"sendPageView":true,"debugMode":false,"basicMode":false},"blocker":{"enabled":true,"scripts":{"0":[],"1":[],"2":["salesfire.co","trueroas.io"],"4":["connect.facebook.net"],"8":[]},"css":{"0":[],"1":[],"2":[],"4":[],"8":[]},"iframes":{"0":[],"1":[],"2":[],"4":[],"8":[]},"pixels":{"0":[],"1":[],"2":[],"4":[],"8":[]}}};
406          const rulesScript = document.createElement('script');
407          
408            rulesScript.src = "https://cdn.shopify.com/extensions/01a0fbe8-0a9b-7761-b23e-083cbd79779f/gdpr-cookie-consent-412/assets/pandectes-rules-latest.js";
409          
410          const firstChild = document.head.firstChild;
411          document.head.insertBefore(rulesScript, firstChild);
412        }
413      </script>
413
414    
415
416      
416<script defer src='https://cdn.shopify.com/extensions/01a0fbe8-0a9b-7761-b23e-083cbd79779f/gdpr-cookie-consent-412/assets/pandectes-core-latest.js'></script>
416
417    
418    
418<script>
419      (() => {
420        const isLivePreview = locateLivePreviewParam();
421        let previewUrl = 'https://app.pandect.es/js/pandectes-live-site-preview.js';
422        
423
424        function locateLivePreviewParam(paramName = 'pandectesLivePreview') {
425          const fromUrl = new URLSearchParams(window.location.search).get(paramName);
426          if (fromUrl) {
427            try {
428              sessionStorage.setItem(paramName, fromUrl);
429            } catch {
430              // storage disabled
431            }
432            return fromUrl;
433          }
434          return sessionStorage.getItem(paramName);
435        }
436
437        /** Injects the preview helper script when live preview is active (URL or sessionStorage). */
438        function appendLivePreviewScriptIfNeeded(previewModeScriptUrl) {
439          if (!isLivePreview) return;
440          if (document.head.querySelector('script[data-pandectes-live-preview]')) return;
441          const script = document.createElement('script');
442          script.src = previewModeScriptUrl;
443          script.async = true;
444          script.setAttribute('data-pandectes-live-preview', '');
445          document.head.appendChild(script);
446        }
447
448        window.pandectesBannerSettings = {"version":"5","timestamp":1790872701,"store":{"id":28209709115,"plan":"premium","primaryLocale":"en","headless":false,"checkoutRootDomain":"","storefrontRootDomain":"","storefrontAccessToken":"","useGeolocation":false},"impressions":{"enabled":true,"timezone":"Europe/London"},"visibility":{"bots":{"show":[],"allow":[],"deny":[]},"delay":0,"enabled":true,"startHidden":[],"botsFriendly":false,"disableDesignMode":false,"adminMode":false},"regions":{"strict":"*","visible":"*"},"consent":{"saleOfData":false,"redirectOnDeny":false,"reloadOnConsent":false,"broadcastChannel":false,"redirectOnDenyUrl":"https://www.pandectes.io","shopify":true},"theme":{"logos":{"custom":false,"customWidget":false,"banner":"//travelling-man-uk.myshopify.com/cdn/shop/files/pandectes-banner-logo.png?v=1790872701","widget":"//travelling-man-uk.myshopify.com/cdn/shop/files/pandectes-reopen-logo.png?v=1790872701"},"mode":"light","border":0,"variables":":host { --float: 16px; --font-size: 14px; --duration: 250ms; --padding: 20px; --radius-dialog:8px; --radius-button:8px; --border-button: 2px; --font-family: inherit; --font-weight-button: 400; --color-base-100: oklch(100% 0 0);--color-base-200: oklch(97% 0 0);--color-base-300: oklch(94% 0 0);--color-base-content: oklch(7.6% 0 0);--color-primary: oklch(7.6% 0 0);--color-primary-content: oklch(100% 0 0);--color-secondary: oklch(7.6% 0 0);--color-secondary-content: oklch(100% 0 0);--color-accent: oklch(7.6% 0 0);--color-accent-content: oklch(100% 0 0);--color-neutral: oklch(7.6% 0 0);--color-neutral-content: oklch(100% 0 0);; --color-base-100-hex: #ffffff;--color-base-200-hex: #f5f5f5;--color-base-300-hex: #ebebeb;--color-base-content-hex: #010101;--color-primary-hex: #010101;--color-primary-content-hex: #ffffff;--color-secondary-hex: #010101;--color-secondary-content-hex: #ffffff;--color-accent-hex: #010101;--color-accent-content-hex: #ffffff;--color-neutral-hex: #010101;--color-neutral-content-hex: #ffffff; }","shadows":true,"isModal":true,"scrollLock":true,"useAnimations":true,"buttons":{"size":"md","border":2,"radius":8,"variants":{"primary":"filled","secondary":"outlined"}},"zIndex":2147483647,"showPoweredBy":true},"close":{"triggers":[],"action":"allow","pixels":200,"timeout":0},"language":{"multilingual":false,"detection":"locale","fallback":"en","supported":["en"],"allowChange":false},"widget":{"enabled":true,"position":"bottom left","action":"reopen","customTrigger":false},"dialogs":{"notice":{"style":{"type":"bar","layout":"horizontal","position":"bottom","animation":"animation-zoom","size":300},"buttons":{"primary":["allow"],"secondary":[]},"features":{"hideHeader":false,"alignCenter":false,"flipButtons":false,"expandableIntro":false,"inlineLinks":false}},"preferences":false,"status":false},"links":{"links":[{"id":"policy","url":"/policies/privacy-policy"}],"target":"_self","respectLocale":false},"storage":{"type":"http","domain":"","duration":365,"lastReset":1762253284},"texts":{"en":{"buttons":{"showLess":"Show less","showMore":"Show more","saleOfData":""},"links":{"policy":"Learn more","google":"Google's Privacy Terms","imprint":"Imprint"},"categories":[{"title":"Strictly necessary cookies","description":"The
448se cookies are essential in order to enable you to move around the website and use its features, such as accessing secure areas of the website. The website cannot function properly without these cookies."},{"title":"Functional cookies","description":"These cookies enable the site to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly."},{"title":"Performance cookies","description":"These cookies enable us to monitor and improve the performance of our website. For example, they allow us to count visits, identify traffic sources and see which parts of the site are most popular."},{"title":"Targeting cookies","description":"These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites.    They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising."}],"notice":{"title":"We respect your privacy","message":"This website uses cookies to ensure you get the best experience.","dismiss":"Ok","allow":"Accept","deny":"Decline","preferences":"Preferences"},"preferences":{"title":"Manage consent preferences","message":"We use cookies to optimize website functionality, analyze the performance, and provide personalized experience to you. Some cookies are essential to make the website operate and function correctly. Those cookies cannot be disabled. In this window you can manage your preference of cookies.","cookieDetails":"Cookies details","alwaysActive":"Always allowed","deny":"Deny all","allow":"Accept all","custom":"Save preferences","dismiss":"Close","vendorLearnMore":"Learn more about this provider"},"status":{"title":"Cookie settings","message":"Your current state","allow":"Accept all","deny":"Deny all","dismiss":"Close","reopen":"Change your consent","consentDate":"C
448onsent date","consentId":"Your consent ID","hideDetails":"Hide details","showDetails":"Show details","noConsent":"No consent"},"declaration":{"name":"Name","type":"Type","vendor":"Provider","purpose":"Purpose","retention":"Retention","expirations":{"declSeconds":"seconds","declMinutes":"minutes","declHours":"hours","declDays":"days","declWeeks":"week(s)","declMonths":"months","declYears":"years","declSession":"Session"}},"cookies":{}}},"categories":[{"bitwise":0},{"bitwise":1},{"bitwise":2},{"bitwise":4}],"vendors":[],"cookies":[]};
449        if (isLivePreview) {
450          if (!window.pandectesBannerSettings.store) {
451            window.pandectesBannerSettings.store = {};
452          }
453          window.pandectesBannerSettings.store.plan = 'enterprise';
454        }
455        
456        function whenBodyReady(callback) {
457          window.addEventListener('DOMContentLoaded', callback);
458        }
459        
460
461        whenBodyReady(function(){
462          const element = document.createElement('pandectes-cmp');
463          element.appData = window.pandectesBannerSettings;
464          document.body.appendChild(element);
465          appendLivePreviewScriptIfNeeded(previewUrl);
466        });
467
468      })()
469    </script>
469
470  
471
472
473
474
475
476<!-- END app block --><!-- BEGIN app block: shopify://apps/trueroas/blocks/trueroas_embed/019bb66d-cf11-7699-b405-0095159ab71a -->
477
478
479
480
481<script>
482  // TrueROAS configuration injected from app settings
483  window.__TRUEROAS_CONFIG__ = {
484    facebookPixelId: "",
485    secondaryFacebookPixelId: "",
486    accountID: "travelling-man-uk.myshopify.com"
487  };
488</script>
488
489
490<script src="https://cdn.shopify.com/extensions/01a05275-5ad9-7972-9dd4-a00a88806472/trueroas-110/assets/true_roas.js" defer></script>
490
491
492
493<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
494<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: 28209709115,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "search"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 494
494
495<script>
496  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
497</script>
vendor: 1 bytes, line 497
497
498<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
498).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 28209709115,storefrontBaseUrl: "https://travellingman.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://travellingman.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"4369842550","configuration":"{\"projectId\":\"yppdroyijk\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
498,"dataSharingState":"unrestricted"},{"id":"3226468726","configuration":"{\"description\":\"Chatty conversion tracking pixel\",\"shopId\":\"nvdTijMUxtmlUF1Gzw1H\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c90a95b3a8ca540fdf72271e8d5f8857","type":"APP","apiClientId":6641085,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1813610870","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-0FZ4T3Z7G7\\\",\\\"AW-654880604\\\"],\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-0FZ4T3Z7G7\\\",\\\"AW-654880604\\\/rMCJCMHBs7AaENzeorgC\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-0FZ4T3Z7G7\\\",\\\"AW-654880604\\\/sYwiCMXFs7AaENzeorgC\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-0FZ4T3Z7G7\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-0FZ4T3Z7G7\\\",\\\"AW-654880604\\\/8SoRCL7Bs7AaENzeorgC\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-0FZ4T3Z7G7\\\",\\\"AW-654880604\\\/z_VkCLjBs7AaENzeorgC\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-0FZ4T3Z7G7\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-0FZ4T3Z7G7\\\",\\\"AW-654880604\\\/5RxdCLvBs7AaENzeorgC\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-0FZ4T3Z7G7\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-0FZ4T3Z7G7\\\",\\\"AW-654880604\\\/EWPNCMjFs7AaENzeorgC\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-0FZ4T3Z7G7\\\",\\\"AW-654880604\\\/nsfuCMLFs7AaENzeorgC\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-0FZ4T3Z7G7\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"458457340","configuration":"{\"swymApiEndpoint\":\"https:\/\/swymstore-v3free-01.swymrelay.com\",\"swymTier\":\"v3free-01\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5b6f6917e306bc7f24523662663331c0","type":"APP","apiClientId":1350849,"privacyPurposes":["ANALYTICS","MARKETING","PREFERENCES"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"375947516","configuration":"{\"accountID\":\"28209709115\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"ef6183050a2cfc05bbe911a4c7ab9ba8","type":"APP","apiClientId":4646003,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"263520508","configuration":"{\"siteID\":\"bd6f2157-3c13-4293-b6f9-3512ecac6cce\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"f5a1297a20299bbb60a304a0ec8edd84","type":"APP","apiClientId":3983114241,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"37683452","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"GTM"},{"id":"43712764","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"sales_purchase_2024"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Travelling Man UK","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"travelling-man-uk.myshopify.com","countryCode":"GB","storefrontUrl":"https:\/\/travellingman.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://travellingman.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"200368619894","themePublished":"true","eventMetadataId":"d8d75ac0-eafe-4386-a432-8ee737cc3684","pageType":"searchresults","shopId":"28209709115","storefrontBaseUrl":"https:\/\/travellingman.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"search_submitted\",{\"searchResult\":{\"query\":\"\",\"productVariants\":[]}}]]"});})();</script>
498<script>
499  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
500  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
501  window.ShopifyAnalytics.meta.currency = 'GBP';
502  var meta = {"products":[],"page":{"pageType":"searchresults","requestId":"cce8c53b-a276-41f0-bb4b-b06663974772-1791068296"}};
503  for (var attr in meta) {
504    window.ShopifyAnalytics.meta[attr] = meta[attr];
505  }
506</script>
vendor: 1 bytes, line 506
506
507<script class="analytics">
508  (function () {
509    var customDocumentWrite = function(content) {
510      var jquery = null;
511
512      if (window.jQuery) {
513        jquery = window.jQuery;
514      } else if (window.Checkout && window.Checkout.$) {
515        jquery = window.Checkout.$;
516      }
517
518      if (jquery) {
519        jquery('body').append(content);
520      }
521    };
522
523    var hasLoggedConversion = function(token) {
524      if (token) {
525        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
526      }
527      return false;
528    }
529
530    var setCookieIfConversion = function(token) {
531      if (token) {
532        var twoMonthsFromNow = new Date(Date.now());
533        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
534
535        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
536      }
537    }
538
539    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
540    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
541    if (trekkie.integrations) {
542      return;
543    }
544    trekkie.methods = [
545      'identify',
546      'page',
547      'ready',
548      'track',
549      'trackForm',
550      'trackLink'
551    ];
552    trekkie.factory = function(method) {
553      return function() {
554        var args = Array.prototype.slice.call(arguments);
555        args.unshift(method);
556        trekkie.push(args);
557        if (method == 'track' || method == 'page') {
558          var pageUrl;
559          try {
560            pageUrl = window.location.href;
561          } catch (e) {}
562          var pageReferrer;
563          try {
564            pageReferrer = document.referrer;
565          } catch (e) {}
566          try {
567            if (window.__TREKKIE_SHIM_QUEUE == null) {
568              window.__TREKKIE_SHIM_QUEUE = [];
569            }
570            window.__TREKKIE_SHIM_QUEUE.push({
571              from: 'trekkie-stub',
572              method: method,
573              args: args.slice(1),
574              pageContext: {
575                url: pageUrl,
576                referrer: pageReferrer
577              }
578            });
579          } catch (e) {
580            // no-op
581          }
582        }
583        return trekkie;
584      };
585    };
586    for (var i = 0; i < trekkie.methods.length; i++) {
587      var key = trekkie.methods[i];
588      trekkie[key] = trekkie.factory(key);
589    }
590    trekkie.load = function(config) {
591      trekkie.config = config || {};
592      trekkie.config.initialDocumentCookie = document.cookie;
593      var first = document.getElementsByTagName('script')[0];
594var script = document.createElement('script');
595script.type = 'text/javascript';
596script.onerror = function(e) {
597  var scriptFallback = document.createElement('script');
598  scriptFallback.type = 'text/javascript';
599  scriptFallback.onerror = function(error) {
600          var Monorail = {
601      produce: function produce(monorailDomain, schemaId, payload) {
602        var currentMs = new Date().getTime();
603        var event = {
604          schema_id: schemaId,
605          payload: payload,
606          metadata: {
607            event_created_at_ms: currentMs,
608            event_sent_at_ms: currentMs
609          }
610        };
611        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
612      },
613      sendRequest: function sendRequest(endpointUrl, payload) {
614        // Try the sendBeacon API
615        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
616          var blobData = new window.Blob([payload], {
617            type: 'text/plain'
618          });
619
620          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
621            return true;
622          } // sendBeacon was not successful
623
624        } // XHR beacon
625
626        var xhr = new XMLHttpRequest();
627
628        try {
629          xhr.open('POST', endpointUrl);
630          xhr.setRequestHeader('Content-Type', 'text/plain');
631          xhr.send(payload);
632        } catch (e) {
633          console.log(e);
634        }
635
636        return false;
637      },
638      isIos12: function isIos12() {
639        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
640      }
641    };
642    Monorail.produce('monorail-edge.shopifysvc.com',
643      'trekkie_storefront_load_errors/1.1',
644      {shop_id: 28209709115,
645      theme_id: 200368619894,
646      app_name: "storefront",
647      context_url: window.location.href,
648      source_url: "//travellingman.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
649
650  };
651  scriptFallback.async = true;
652  scriptFallback.src = '//travellingman.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
653  first.parentNode.insertBefore(scriptFallback, first);
654};
655script.async = true;
656script.src = '//travellingman.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
657first.parentNode.insertBefore(script, first);
658
659    };
660    trekkie.load(
661      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":28209709115,"isMerchantRequest":null,"themeId":200368619894,"themeCityHash":"11765053490046178317","contentLanguage":"en","currency":"GBP","eventMetadataId":"d8d75ac0-eafe-4386-a432-8ee737cc3684"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
662    );
663
664    var loaded = false;
665    trekkie.ready(function() {
666      if (loaded) return;
667      loaded = true;
668
669      window.ShopifyAnalytics.lib = window.trekkie;
670
671      var originalDocumentWrite = document.write;
672      document.write = customDocumentWrite;
673      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
674      document.write = originalDocumentWrite;
675
676      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
677      var token = match? match[1]: undefined;
678      if (!hasLoggedConversion(token)) {
679        setCookieIfConversion(token);
680        window.ShopifyAnalytics.lib.track("Performed Search",{"query":null},undefined,undefined,{"shopifyEmitted":true});
681      }
682    });
683
684    window.ShopifyAnalytics.lib.page(null,{"pageType":"searchresults","requestId":"cce8c53b-a276-41f0-bb4b-b06663974772-1791068296","shopifyEmitted":true});
685
686    var eventsListenerScript = document.createElement('script');
687    eventsListenerScript.async = true;
688    eventsListenerScript.src = "//travellingman.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
689    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
690})();</script>
690
691  
691<script>
692  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
693    window.ga = function ga() {
694      (window.ga.q = window.ga.q || []).push(arguments);
695      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
696        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
697      }
698      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
699    };
700    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
701      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
702    }
703  }
704</script>
vendor: 1 bytes, line 704
704
705<script
706  defer
707  src="https://travellingman.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
708  data-application="storefront-renderer"
709  data-shop-id="28209709115"
710  data-render-region="gcp-us-west1"
711  data-page-type="search"
712  data-theme-instance-id="200368619894"
713  data-theme-name="Enterprise"
714  data-theme-version="2.3.0"
715  data-monorail-region="shop_domain"
716  data-resource-timing-sampling-rate="10"
717  data-shs="true"
718  data-shs-beacon="true"
719  data-shs-export-with-fetch="true"
720  data-shs-logs-sample-rate="1"
721  data-shs-beacon-endpoint="https://travellingman.com/api/collect"
722></script>
722
723<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1822625896000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1791070096000"><meta name="new-cookie-storage-activated" content="t">
724</head>
725
726<body class="cc-animate-enabled">
727  <a class="skip-link btn btn--primary visually-hidden" href="#main-content" data-ce-role="skip">Skip to content</a><!-- BEGIN sections: header-group -->
728<section id="shopify-section-sections--30321007591798__announcement_bar_RYUf8w" class="shopify-section shopify-section-group-header-group cc-announcement-bar"><link href="//travellingman.com/cdn/shop/t/73/assets/section-announcement-bar.css?v=39073463395242209261790868163" rel="stylesheet" type="text/css" media="all" />
729<style data-shopify>#announcement-bar-sections--30321007591798__announcement_bar_RYUf8w {
730      --announcement-bar-padding-top-mobile: 8px;
731      --announcement-bar-padding-bottom-mobile: 8px;
732      --announcement-bar-padding-top-desktop: 8px;
733      --announcement-bar-padding-bottom-desktop: 8px;
734      --announcement-bar-background-color: #da5058;
735      --announcement-bar-gap: 56px;
736      --announcement-bar-duration: 24s;
737    }</style><div id="announcement-bar-sections--30321007591798__announcement_bar_RYUf8w" class="announcement-bar" role="marquee">
738    <div class="announcement-bar__track"><div class="announcement-bar__items">
739        <span
740          class="announcement-bar__item"
741          style="
742            --announcement-bar-text-color: #ffffff;
743            --announcement-bar-text-size-mobile: 12px;
744            --announcement-bar-text-size-desktop: 12px;
745            --announcement-bar-text-transform: uppercase;
746          "
747          
748        ><span class="announcement-bar__text font-body">
749              🚚  Free shipping on orders over £40
750            </span><span class="announcement-bar__separator" aria-hidden="true">
751            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
752              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
753            </svg>
754          </span>
755        </span>
756        <span
757          class="announcement-bar__item"
758          style="
759            --announcement-bar-text-color: #ffffff;
760            --announcement-bar-text-size-mobile: 12px;
761            --announcement-bar-text-size-desktop: 12px;
762            --announcement-bar-text-transform: uppercase;
763          "
764          
765        ><span class="announcement-bar__text font-body">
766              4 stores across the UK
767            </span><span class="announcement-bar__separator" aria-hidden="true">
768            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
769              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
770            </svg>
771          </span>
772        </span>
773        <span
774          class="announcement-bar__item"
775          style="
776            --announcement-bar-text-color: #ffffff;
777            --announcement-bar-text-size-mobile: 12px;
778            --announcement-bar-text-size-desktop: 12px;
779            --announcement-bar-text-transform: uppercase;
780          "
781          
782        ><span class="announcement-bar__text font-body">
783              Eisner Award Finalist Retailer
784            </span><span class="announcement-bar__separator" aria-hidden="true">
785            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
786              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
787            </svg>
788          </span>
789        </span>
790</div><div class="announcement-bar__items" aria-hidden="true">
791        <span
792          class="announcement-bar__item"
793          style="
794            --announcement-bar-text-color: #ffffff;
795            --announcement-bar-text-size-mobile: 12px;
796            --announcement-bar-text-size-desktop: 12px;
797            --announcement-bar-text-transform: uppercase;
798          "
799          
800        ><span class="announcement-bar__text font-body">
801              🚚  Free shipping on orders over £40
802            </span><span class="announcement-bar__separator" aria-hidden="true">
803            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
804              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
805            </svg>
806          </span>
807        </span>
808        <span
809          class="announcement-bar__item"
810          style="
811            --announcement-bar-text-color: #ffffff;
812            --announcement-bar-text-size-mobile: 12px;
813            --announcement-bar-text-size-desktop: 12px;
814            --announcement-bar-text-transform: uppercase;
815          "
816          
817        ><span class="announcement-bar__text font-body">
818              4 stores across the UK
819            </span><span class="announcement-bar__separator" aria-hidden="true">
820            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
821              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
822            </svg>
823          </span>
824        </span>
825        <span
826          class="announcement-bar__item"
827          style="
828            --announcement-bar-text-color: #ffffff;
829            --announcement-bar-text-size-mobile: 12px;
830            --announcement-bar-text-size-desktop: 12px;
831            --announcement-bar-text-transform: uppercase;
832          "
833          
834        ><span class="announcement-bar__text font-body">
835              Eisner Award Finalist Retailer
836            </span><span class="announcement-bar__separator" aria-hidden="true">
837            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
838              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
839            </svg>
840          </span>
841        </span>
842</div><div class="announcement-bar__items" aria-hidden="true">
843        <span
844          class="announcement-bar__item"
845          style="
846            --announcement-bar-text-color: #ffffff;
847            --announcement-bar-text-size-mobile: 12px;
848            --announcement-bar-text-size-desktop: 12px;
849            --announcement-bar-text-transform: uppercase;
850          "
851          
852        ><span class="announcement-bar__text font-body">
853              🚚  Free shipping on orders over £40
854            </span><span class="announcement-bar__separator" aria-hidden="true">
855            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
856              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
857            </svg>
858          </span>
859        </span>
860        <span
861          class="announcement-bar__item"
862          style="
863            --announcement-bar-text-color: #ffffff;
864            --announcement-bar-text-size-mobile: 12px;
865            --announcement-bar-text-size-desktop: 12px;
866            --announcement-bar-text-transform: uppercase;
867          "
868          
869        ><span class="announcement-bar__text font-body">
870              4 stores across the UK
871            </span><span class="announcement-bar__separator" aria-hidden="true">
872            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
873              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
874            </svg>
875          </span>
876        </span>
877        <span
878          class="announcement-bar__item"
879          style="
880            --announcement-bar-text-color: #ffffff;
881            --announcement-bar-text-size-mobile: 12px;
882            --announcement-bar-text-size-desktop: 12px;
883            --announcement-bar-text-transform: uppercase;
884          "
885          
886        ><span class="announcement-bar__text font-body">
887              Eisner Award Finalist Retailer
888            </span><span class="announcement-bar__separator" aria-hidden="true">
889            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
890              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
891            </svg>
892          </span>
893        </span>
894</div><div class="announcement-bar__items" aria-hidden="true">
895        <span
896          class="announcement-bar__item"
897          style="
898            --announcement-bar-text-color: #ffffff;
899            --announcement-bar-text-size-mobile: 12px;
900            --announcement-bar-text-size-desktop: 12px;
901            --announcement-bar-text-transform: uppercase;
902          "
903          
904        ><span class="announcement-bar__text font-body">
905              🚚  Free shipping on orders over £40
906            </span><span class="announcement-bar__separator" aria-hidden="true">
907            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
908              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
909            </svg>
910          </span>
911        </span>
912        <span
913          class="announcement-bar__item"
914          style="
915            --announcement-bar-text-color: #ffffff;
916            --announcement-bar-text-size-mobile: 12px;
917            --announcement-bar-text-size-desktop: 12px;
918            --announcement-bar-text-transform: uppercase;
919          "
920          
921        ><span class="announcement-bar__text font-body">
922              4 stores across the UK
923            </span><span class="announcement-bar__separator" aria-hidden="true">
924            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
925              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
926            </svg>
927          </span>
928        </span>
929        <span
930          class="announcement-bar__item"
931          style="
932            --announcement-bar-text-color: #ffffff;
933            --announcement-bar-text-size-mobile: 12px;
934            --announcement-bar-text-size-desktop: 12px;
935            --announcement-bar-text-transform: uppercase;
936          "
937          
938        ><span class="announcement-bar__text font-body">
939              Eisner Award Finalist Retailer
940            </span><span class="announcement-bar__separator" aria-hidden="true">
941            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
942              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
943            </svg>
944          </span>
945        </span>
946</div><div class="announcement-bar__items" aria-hidden="true">
947        <span
948          class="announcement-bar__item"
949          style="
950            --announcement-bar-text-color: #ffffff;
951            --announcement-bar-text-size-mobile: 12px;
952            --announcement-bar-text-size-desktop: 12px;
953            --announcement-bar-text-transform: uppercase;
954          "
955          
956        ><span class="announcement-bar__text font-body">
957              🚚  Free shipping on orders over £40
958            </span><span class="announcement-bar__separator" aria-hidden="true">
959            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
960              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
961            </svg>
962          </span>
963        </span>
964        <span
965          class="announcement-bar__item"
966          style="
967            --announcement-bar-text-color: #ffffff;
968            --announcement-bar-text-size-mobile: 12px;
969            --announcement-bar-text-size-desktop: 12px;
970            --announcement-bar-text-transform: uppercase;
971          "
972          
973        ><span class="announcement-bar__text font-body">
974              4 stores across the UK
975            </span><span class="announcement-bar__separator" aria-hidden="true">
976            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
977              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
978            </svg>
979          </span>
980        </span>
981        <span
982          class="announcement-bar__item"
983          style="
984            --announcement-bar-text-color: #ffffff;
985            --announcement-bar-text-size-mobile: 12px;
986            --announcement-bar-text-size-desktop: 12px;
987            --announcement-bar-text-transform: uppercase;
988          "
989          
990        ><span class="announcement-bar__text font-body">
991              Eisner Award Finalist Retailer
992            </span><span class="announcement-bar__separator" aria-hidden="true">
993            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
994              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
995            </svg>
996          </span>
997        </span>
998</div><div class="announcement-bar__items" aria-hidden="true">
999        <span
1000          class="announcement-bar__item"
1001          style="
1002            --announcement-bar-text-color: #ffffff;
1003            --announcement-bar-text-size-mobile: 12px;
1004            --announcement-bar-text-size-desktop: 12px;
1005            --announcement-bar-text-transform: uppercase;
1006          "
1007          
1008        ><span class="announcement-bar__text font-body">
1009              🚚  Free shipping on orders over £40
1010            </span><span class="announcement-bar__separator" aria-hidden="true">
1011            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1012              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1013            </svg>
1014          </span>
1015        </span>
1016        <span
1017          class="announcement-bar__item"
1018          style="
1019            --announcement-bar-text-color: #ffffff;
1020            --announcement-bar-text-size-mobile: 12px;
1021            --announcement-bar-text-size-desktop: 12px;
1022            --announcement-bar-text-transform: uppercase;
1023          "
1024          
1025        ><span class="announcement-bar__text font-body">
1026              4 stores across the UK
1027            </span><span class="announcement-bar__separator" aria-hidden="true">
1028            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1029              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1030            </svg>
1031          </span>
1032        </span>
1033        <span
1034          class="announcement-bar__item"
1035          style="
1036            --announcement-bar-text-color: #ffffff;
1037            --announcement-bar-text-size-mobile: 12px;
1038            --announcement-bar-text-size-desktop: 12px;
1039            --announcement-bar-text-transform: uppercase;
1040          "
1041          
1042        ><span class="announcement-bar__text font-body">
1043              Eisner Award Finalist Retailer
1044            </span><span class="announcement-bar__separator" aria-hidden="true">
1045            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1046              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1047            </svg>
1048          </span>
1049        </span>
1050</div><div class="announcement-bar__items" aria-hidden="true">
1051        <span
1052          class="announcement-bar__item"
1053          style="
1054            --announcement-bar-text-color: #ffffff;
1055            --announcement-bar-text-size-mobile: 12px;
1056            --announcement-bar-text-size-desktop: 12px;
1057            --announcement-bar-text-transform: uppercase;
1058          "
1059          
1060        ><span class="announcement-bar__text font-body">
1061              🚚  Free shipping on orders over £40
1062            </span><span class="announcement-bar__separator" aria-hidden="true">
1063            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1064              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1065            </svg>
1066          </span>
1067        </span>
1068        <span
1069          class="announcement-bar__item"
1070          style="
1071            --announcement-bar-text-color: #ffffff;
1072            --announcement-bar-text-size-mobile: 12px;
1073            --announcement-bar-text-size-desktop: 12px;
1074            --announcement-bar-text-transform: uppercase;
1075          "
1076          
1077        ><span class="announcement-bar__text font-body">
1078              4 stores across the UK
1079            </span><span class="announcement-bar__separator" aria-hidden="true">
1080            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1081              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1082            </svg>
1083          </span>
1084        </span>
1085        <span
1086          class="announcement-bar__item"
1087          style="
1088            --announcement-bar-text-color: #ffffff;
1089            --announcement-bar-text-size-mobile: 12px;
1090            --announcement-bar-text-size-desktop: 12px;
1091            --announcement-bar-text-transform: uppercase;
1092          "
1093          
1094        ><span class="announcement-bar__text font-body">
1095              Eisner Award Finalist Retailer
1096            </span><span class="announcement-bar__separator" aria-hidden="true">
1097            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1098              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1099            </svg>
1100          </span>
1101        </span>
1102</div><div class="announcement-bar__items" aria-hidden="true">
1103        <span
1104          class="announcement-bar__item"
1105          style="
1106            --announcement-bar-text-color: #ffffff;
1107            --announcement-bar-text-size-mobile: 12px;
1108            --announcement-bar-text-size-desktop: 12px;
1109            --announcement-bar-text-transform: uppercase;
1110          "
1111          
1112        ><span class="announcement-bar__text font-body">
1113              🚚  Free shipping on orders over £40
1114            </span><span class="announcement-bar__separator" aria-hidden="true">
1115            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1116              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1117            </svg>
1118          </span>
1119        </span>
1120        <span
1121          class="announcement-bar__item"
1122          style="
1123            --announcement-bar-text-color: #ffffff;
1124            --announcement-bar-text-size-mobile: 12px;
1125            --announcement-bar-text-size-desktop: 12px;
1126            --announcement-bar-text-transform: uppercase;
1127          "
1128          
1129        ><span class="announcement-bar__text font-body">
1130              4 stores across the UK
1131            </span><span class="announcement-bar__separator" aria-hidden="true">
1132            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1133              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1134            </svg>
1135          </span>
1136        </span>
1137        <span
1138          class="announcement-bar__item"
1139          style="
1140            --announcement-bar-text-color: #ffffff;
1141            --announcement-bar-text-size-mobile: 12px;
1142            --announcement-bar-text-size-desktop: 12px;
1143            --announcement-bar-text-transform: uppercase;
1144          "
1145          
1146        ><span class="announcement-bar__text font-body">
1147              Eisner Award Finalist Retailer
1148            </span><span class="announcement-bar__separator" aria-hidden="true">
1149            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1150              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1151            </svg>
1152          </span>
1153        </span>
1154</div><div class="announcement-bar__items" aria-hidden="true">
1155        <span
1156          class="announcement-bar__item"
1157          style="
1158            --announcement-bar-text-color: #ffffff;
1159            --announcement-bar-text-size-mobile: 12px;
1160            --announcement-bar-text-size-desktop: 12px;
1161            --announcement-bar-text-transform: uppercase;
1162          "
1163          
1164        ><span class="announcement-bar__text font-body">
1165              🚚  Free shipping on orders over £40
1166            </span><span class="announcement-bar__separator" aria-hidden="true">
1167            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1168              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1169            </svg>
1170          </span>
1171        </span>
1172        <span
1173          class="announcement-bar__item"
1174          style="
1175            --announcement-bar-text-color: #ffffff;
1176            --announcement-bar-text-size-mobile: 12px;
1177            --announcement-bar-text-size-desktop: 12px;
1178            --announcement-bar-text-transform: uppercase;
1179          "
1180          
1181        ><span class="announcement-bar__text font-body">
1182              4 stores across the UK
1183            </span><span class="announcement-bar__separator" aria-hidden="true">
1184            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1185              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1186            </svg>
1187          </span>
1188        </span>
1189        <span
1190          class="announcement-bar__item"
1191          style="
1192            --announcement-bar-text-color: #ffffff;
1193            --announcement-bar-text-size-mobile: 12px;
1194            --announcement-bar-text-size-desktop: 12px;
1195            --announcement-bar-text-transform: uppercase;
1196          "
1197          
1198        ><span class="announcement-bar__text font-body">
1199              Eisner Award Finalist Retailer
1200            </span><span class="announcement-bar__separator" aria-hidden="true">
1201            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1202              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1203            </svg>
1204          </span>
1205        </span>
1206</div><div class="announcement-bar__items" aria-hidden="true">
1207        <span
1208          class="announcement-bar__item"
1209          style="
1210            --announcement-bar-text-color: #ffffff;
1211            --announcement-bar-text-size-mobile: 12px;
1212            --announcement-bar-text-size-desktop: 12px;
1213            --announcement-bar-text-transform: uppercase;
1214          "
1215          
1216        ><span class="announcement-bar__text font-body">
1217              🚚  Free shipping on orders over £40
1218            </span><span class="announcement-bar__separator" aria-hidden="true">
1219            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1220              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1221            </svg>
1222          </span>
1223        </span>
1224        <span
1225          class="announcement-bar__item"
1226          style="
1227            --announcement-bar-text-color: #ffffff;
1228            --announcement-bar-text-size-mobile: 12px;
1229            --announcement-bar-text-size-desktop: 12px;
1230            --announcement-bar-text-transform: uppercase;
1231          "
1232          
1233        ><span class="announcement-bar__text font-body">
1234              4 stores across the UK
1235            </span><span class="announcement-bar__separator" aria-hidden="true">
1236            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1237              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1238            </svg>
1239          </span>
1240        </span>
1241        <span
1242          class="announcement-bar__item"
1243          style="
1244            --announcement-bar-text-color: #ffffff;
1245            --announcement-bar-text-size-mobile: 12px;
1246            --announcement-bar-text-size-desktop: 12px;
1247            --announcement-bar-text-transform: uppercase;
1248          "
1249          
1250        ><span class="announcement-bar__text font-body">
1251              Eisner Award Finalist Retailer
1252            </span><span class="announcement-bar__separator" aria-hidden="true">
1253            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1254              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1255            </svg>
1256          </span>
1257        </span>
1258</div><div class="announcement-bar__items" aria-hidden="true">
1259        <span
1260          class="announcement-bar__item"
1261          style="
1262            --announcement-bar-text-color: #ffffff;
1263            --announcement-bar-text-size-mobile: 12px;
1264            --announcement-bar-text-size-desktop: 12px;
1265            --announcement-bar-text-transform: uppercase;
1266          "
1267          
1268        ><span class="announcement-bar__text font-body">
1269              🚚  Free shipping on orders over £40
1270            </span><span class="announcement-bar__separator" aria-hidden="true">
1271            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1272              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1273            </svg>
1274          </span>
1275        </span>
1276        <span
1277          class="announcement-bar__item"
1278          style="
1279            --announcement-bar-text-color: #ffffff;
1280            --announcement-bar-text-size-mobile: 12px;
1281            --announcement-bar-text-size-desktop: 12px;
1282            --announcement-bar-text-transform: uppercase;
1283          "
1284          
1285        ><span class="announcement-bar__text font-body">
1286              4 stores across the UK
1287            </span><span class="announcement-bar__separator" aria-hidden="true">
1288            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1289              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1290            </svg>
1291          </span>
1292        </span>
1293        <span
1294          class="announcement-bar__item"
1295          style="
1296            --announcement-bar-text-color: #ffffff;
1297            --announcement-bar-text-size-mobile: 12px;
1298            --announcement-bar-text-size-desktop: 12px;
1299            --announcement-bar-text-transform: uppercase;
1300          "
1301          
1302        ><span class="announcement-bar__text font-body">
1303              Eisner Award Finalist Retailer
1304            </span><span class="announcement-bar__separator" aria-hidden="true">
1305            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1306              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1307            </svg>
1308          </span>
1309        </span>
1310</div><div class="announcement-bar__items" aria-hidden="true">
1311        <span
1312          class="announcement-bar__item"
1313          style="
1314            --announcement-bar-text-color: #ffffff;
1315            --announcement-bar-text-size-mobile: 12px;
1316            --announcement-bar-text-size-desktop: 12px;
1317            --announcement-bar-text-transform: uppercase;
1318          "
1319          
1320        ><span class="announcement-bar__text font-body">
1321              🚚  Free shipping on orders over £40
1322            </span><span class="announcement-bar__separator" aria-hidden="true">
1323            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1324              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1325            </svg>
1326          </span>
1327        </span>
1328        <span
1329          class="announcement-bar__item"
1330          style="
1331            --announcement-bar-text-color: #ffffff;
1332            --announcement-bar-text-size-mobile: 12px;
1333            --announcement-bar-text-size-desktop: 12px;
1334            --announcement-bar-text-transform: uppercase;
1335          "
1336          
1337        ><span class="announcement-bar__text font-body">
1338              4 stores across the UK
1339            </span><span class="announcement-bar__separator" aria-hidden="true">
1340            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1341              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1342            </svg>
1343          </span>
1344        </span>
1345        <span
1346          class="announcement-bar__item"
1347          style="
1348            --announcement-bar-text-color: #ffffff;
1349            --announcement-bar-text-size-mobile: 12px;
1350            --announcement-bar-text-size-desktop: 12px;
1351            --announcement-bar-text-transform: uppercase;
1352          "
1353          
1354        ><span class="announcement-bar__text font-body">
1355              Eisner Award Finalist Retailer
1356            </span><span class="announcement-bar__separator" aria-hidden="true">
1357            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1358              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1359            </svg>
1360          </span>
1361        </span>
1362</div><div class="announcement-bar__items" aria-hidden="true">
1363        <span
1364          class="announcement-bar__item"
1365          style="
1366            --announcement-bar-text-color: #ffffff;
1367            --announcement-bar-text-size-mobile: 12px;
1368            --announcement-bar-text-size-desktop: 12px;
1369            --announcement-bar-text-transform: uppercase;
1370          "
1371          
1372        ><span class="announcement-bar__text font-body">
1373              🚚  Free shipping on orders over £40
1374            </span><span class="announcement-bar__separator" aria-hidden="true">
1375            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1376              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1377            </svg>
1378          </span>
1379        </span>
1380        <span
1381          class="announcement-bar__item"
1382          style="
1383            --announcement-bar-text-color: #ffffff;
1384            --announcement-bar-text-size-mobile: 12px;
1385            --announcement-bar-text-size-desktop: 12px;
1386            --announcement-bar-text-transform: uppercase;
1387          "
1388          
1389        ><span class="announcement-bar__text font-body">
1390              4 stores across the UK
1391            </span><span class="announcement-bar__separator" aria-hidden="true">
1392            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1393              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1394            </svg>
1395          </span>
1396        </span>
1397        <span
1398          class="announcement-bar__item"
1399          style="
1400            --announcement-bar-text-color: #ffffff;
1401            --announcement-bar-text-size-mobile: 12px;
1402            --announcement-bar-text-size-desktop: 12px;
1403            --announcement-bar-text-transform: uppercase;
1404          "
1405          
1406        ><span class="announcement-bar__text font-body">
1407              Eisner Award Finalist Retailer
1408            </span><span class="announcement-bar__separator" aria-hidden="true">
1409            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1410              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1411            </svg>
1412          </span>
1413        </span>
1414</div><div class="announcement-bar__items" aria-hidden="true">
1415        <span
1416          class="announcement-bar__item"
1417          style="
1418            --announcement-bar-text-color: #ffffff;
1419            --announcement-bar-text-size-mobile: 12px;
1420            --announcement-bar-text-size-desktop: 12px;
1421            --announcement-bar-text-transform: uppercase;
1422          "
1423          
1424        ><span class="announcement-bar__text font-body">
1425              🚚  Free shipping on orders over £40
1426            </span><span class="announcement-bar__separator" aria-hidden="true">
1427            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1428              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1429            </svg>
1430          </span>
1431        </span>
1432        <span
1433          class="announcement-bar__item"
1434          style="
1435            --announcement-bar-text-color: #ffffff;
1436            --announcement-bar-text-size-mobile: 12px;
1437            --announcement-bar-text-size-desktop: 12px;
1438            --announcement-bar-text-transform: uppercase;
1439          "
1440          
1441        ><span class="announcement-bar__text font-body">
1442              4 stores across the UK
1443            </span><span class="announcement-bar__separator" aria-hidden="true">
1444            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1445              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1446            </svg>
1447          </span>
1448        </span>
1449        <span
1450          class="announcement-bar__item"
1451          style="
1452            --announcement-bar-text-color: #ffffff;
1453            --announcement-bar-text-size-mobile: 12px;
1454            --announcement-bar-text-size-desktop: 12px;
1455            --announcement-bar-text-transform: uppercase;
1456          "
1457          
1458        ><span class="announcement-bar__text font-body">
1459              Eisner Award Finalist Retailer
1460            </span><span class="announcement-bar__separator" aria-hidden="true">
1461            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1462              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1463            </svg>
1464          </span>
1465        </span>
1466</div><div class="announcement-bar__items" aria-hidden="true">
1467        <span
1468          class="announcement-bar__item"
1469          style="
1470            --announcement-bar-text-color: #ffffff;
1471            --announcement-bar-text-size-mobile: 12px;
1472            --announcement-bar-text-size-desktop: 12px;
1473            --announcement-bar-text-transform: uppercase;
1474          "
1475          
1476        ><span class="announcement-bar__text font-body">
1477              🚚  Free shipping on orders over £40
1478            </span><span class="announcement-bar__separator" aria-hidden="true">
1479            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1480              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1481            </svg>
1482          </span>
1483        </span>
1484        <span
1485          class="announcement-bar__item"
1486          style="
1487            --announcement-bar-text-color: #ffffff;
1488            --announcement-bar-text-size-mobile: 12px;
1489            --announcement-bar-text-size-desktop: 12px;
1490            --announcement-bar-text-transform: uppercase;
1491          "
1492          
1493        ><span class="announcement-bar__text font-body">
1494              4 stores across the UK
1495            </span><span class="announcement-bar__separator" aria-hidden="true">
1496            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1497              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1498            </svg>
1499          </span>
1500        </span>
1501        <span
1502          class="announcement-bar__item"
1503          style="
1504            --announcement-bar-text-color: #ffffff;
1505            --announcement-bar-text-size-mobile: 12px;
1506            --announcement-bar-text-size-desktop: 12px;
1507            --announcement-bar-text-transform: uppercase;
1508          "
1509          
1510        ><span class="announcement-bar__text font-body">
1511              Eisner Award Finalist Retailer
1512            </span><span class="announcement-bar__separator" aria-hidden="true">
1513            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1514              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1515            </svg>
1516          </span>
1517        </span>
1518</div><div class="announcement-bar__items" aria-hidden="true">
1519        <span
1520          class="announcement-bar__item"
1521          style="
1522            --announcement-bar-text-color: #ffffff;
1523            --announcement-bar-text-size-mobile: 12px;
1524            --announcement-bar-text-size-desktop: 12px;
1525            --announcement-bar-text-transform: uppercase;
1526          "
1527          
1528        ><span class="announcement-bar__text font-body">
1529              🚚  Free shipping on orders over £40
1530            </span><span class="announcement-bar__separator" aria-hidden="true">
1531            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1532              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1533            </svg>
1534          </span>
1535        </span>
1536        <span
1537          class="announcement-bar__item"
1538          style="
1539            --announcement-bar-text-color: #ffffff;
1540            --announcement-bar-text-size-mobile: 12px;
1541            --announcement-bar-text-size-desktop: 12px;
1542            --announcement-bar-text-transform: uppercase;
1543          "
1544          
1545        ><span class="announcement-bar__text font-body">
1546              4 stores across the UK
1547            </span><span class="announcement-bar__separator" aria-hidden="true">
1548            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1549              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1550            </svg>
1551          </span>
1552        </span>
1553        <span
1554          class="announcement-bar__item"
1555          style="
1556            --announcement-bar-text-color: #ffffff;
1557            --announcement-bar-text-size-mobile: 12px;
1558            --announcement-bar-text-size-desktop: 12px;
1559            --announcement-bar-text-transform: uppercase;
1560          "
1561          
1562        ><span class="announcement-bar__text font-body">
1563              Eisner Award Finalist Retailer
1564            </span><span class="announcement-bar__separator" aria-hidden="true">
1565            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1566              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1567            </svg>
1568          </span>
1569        </span>
1570</div><div class="announcement-bar__items" aria-hidden="true">
1571        <span
1572          class="announcement-bar__item"
1573          style="
1574            --announcement-bar-text-color: #ffffff;
1575            --announcement-bar-text-size-mobile: 12px;
1576            --announcement-bar-text-size-desktop: 12px;
1577            --announcement-bar-text-transform: uppercase;
1578          "
1579          
1580        ><span class="announcement-bar__text font-body">
1581              🚚  Free shipping on orders over £40
1582            </span><span class="announcement-bar__separator" aria-hidden="true">
1583            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1584              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1585            </svg>
1586          </span>
1587        </span>
1588        <span
1589          class="announcement-bar__item"
1590          style="
1591            --announcement-bar-text-color: #ffffff;
1592            --announcement-bar-text-size-mobile: 12px;
1593            --announcement-bar-text-size-desktop: 12px;
1594            --announcement-bar-text-transform: uppercase;
1595          "
1596          
1597        ><span class="announcement-bar__text font-body">
1598              4 stores across the UK
1599            </span><span class="announcement-bar__separator" aria-hidden="true">
1600            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1601              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1602            </svg>
1603          </span>
1604        </span>
1605        <span
1606          class="announcement-bar__item"
1607          style="
1608            --announcement-bar-text-color: #ffffff;
1609            --announcement-bar-text-size-mobile: 12px;
1610            --announcement-bar-text-size-desktop: 12px;
1611            --announcement-bar-text-transform: uppercase;
1612          "
1613          
1614        ><span class="announcement-bar__text font-body">
1615              Eisner Award Finalist Retailer
1616            </span><span class="announcement-bar__separator" aria-hidden="true">
1617            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1618              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1619            </svg>
1620          </span>
1621        </span>
1622</div><div class="announcement-bar__items" aria-hidden="true">
1623        <span
1624          class="announcement-bar__item"
1625          style="
1626            --announcement-bar-text-color: #ffffff;
1627            --announcement-bar-text-size-mobile: 12px;
1628            --announcement-bar-text-size-desktop: 12px;
1629            --announcement-bar-text-transform: uppercase;
1630          "
1631          
1632        ><span class="announcement-bar__text font-body">
1633              🚚  Free shipping on orders over £40
1634            </span><span class="announcement-bar__separator" aria-hidden="true">
1635            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1636              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1637            </svg>
1638          </span>
1639        </span>
1640        <span
1641          class="announcement-bar__item"
1642          style="
1643            --announcement-bar-text-color: #ffffff;
1644            --announcement-bar-text-size-mobile: 12px;
1645            --announcement-bar-text-size-desktop: 12px;
1646            --announcement-bar-text-transform: uppercase;
1647          "
1648          
1649        ><span class="announcement-bar__text font-body">
1650              4 stores across the UK
1651            </span><span class="announcement-bar__separator" aria-hidden="true">
1652            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1653              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1654            </svg>
1655          </span>
1656        </span>
1657        <span
1658          class="announcement-bar__item"
1659          style="
1660            --announcement-bar-text-color: #ffffff;
1661            --announcement-bar-text-size-mobile: 12px;
1662            --announcement-bar-text-size-desktop: 12px;
1663            --announcement-bar-text-transform: uppercase;
1664          "
1665          
1666        ><span class="announcement-bar__text font-body">
1667              Eisner Award Finalist Retailer
1668            </span><span class="announcement-bar__separator" aria-hidden="true">
1669            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1670              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1671            </svg>
1672          </span>
1673        </span>
1674</div><div class="announcement-bar__items" aria-hidden="true">
1675        <span
1676          class="announcement-bar__item"
1677          style="
1678            --announcement-bar-text-color: #ffffff;
1679            --announcement-bar-text-size-mobile: 12px;
1680            --announcement-bar-text-size-desktop: 12px;
1681            --announcement-bar-text-transform: uppercase;
1682          "
1683          
1684        ><span class="announcement-bar__text font-body">
1685              🚚  Free shipping on orders over £40
1686            </span><span class="announcement-bar__separator" aria-hidden="true">
1687            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1688              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1689            </svg>
1690          </span>
1691        </span>
1692        <span
1693          class="announcement-bar__item"
1694          style="
1695            --announcement-bar-text-color: #ffffff;
1696            --announcement-bar-text-size-mobile: 12px;
1697            --announcement-bar-text-size-desktop: 12px;
1698            --announcement-bar-text-transform: uppercase;
1699          "
1700          
1701        ><span class="announcement-bar__text font-body">
1702              4 stores across the UK
1703            </span><span class="announcement-bar__separator" aria-hidden="true">
1704            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1705              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1706            </svg>
1707          </span>
1708        </span>
1709        <span
1710          class="announcement-bar__item"
1711          style="
1712            --announcement-bar-text-color: #ffffff;
1713            --announcement-bar-text-size-mobile: 12px;
1714            --announcement-bar-text-size-desktop: 12px;
1715            --announcement-bar-text-transform: uppercase;
1716          "
1717          
1718        ><span class="announcement-bar__text font-body">
1719              Eisner Award Finalist Retailer
1720            </span><span class="announcement-bar__separator" aria-hidden="true">
1721            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1722              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1723            </svg>
1724          </span>
1725        </span>
1726</div><div class="announcement-bar__items" aria-hidden="true">
1727        <span
1728          class="announcement-bar__item"
1729          style="
1730            --announcement-bar-text-color: #ffffff;
1731            --announcement-bar-text-size-mobile: 12px;
1732            --announcement-bar-text-size-desktop: 12px;
1733            --announcement-bar-text-transform: uppercase;
1734          "
1735          
1736        ><span class="announcement-bar__text font-body">
1737              🚚  Free shipping on orders over £40
1738            </span><span class="announcement-bar__separator" aria-hidden="true">
1739            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1740              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1741            </svg>
1742          </span>
1743        </span>
1744        <span
1745          class="announcement-bar__item"
1746          style="
1747            --announcement-bar-text-color: #ffffff;
1748            --announcement-bar-text-size-mobile: 12px;
1749            --announcement-bar-text-size-desktop: 12px;
1750            --announcement-bar-text-transform: uppercase;
1751          "
1752          
1753        ><span class="announcement-bar__text font-body">
1754              4 stores across the UK
1755            </span><span class="announcement-bar__separator" aria-hidden="true">
1756            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1757              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1758            </svg>
1759          </span>
1760        </span>
1761        <span
1762          class="announcement-bar__item"
1763          style="
1764            --announcement-bar-text-color: #ffffff;
1765            --announcement-bar-text-size-mobile: 12px;
1766            --announcement-bar-text-size-desktop: 12px;
1767            --announcement-bar-text-transform: uppercase;
1768          "
1769          
1770        ><span class="announcement-bar__text font-body">
1771              Eisner Award Finalist Retailer
1772            </span><span class="announcement-bar__separator" aria-hidden="true">
1773            <svg xmlns="http://www.w3.org/2000/svg" width="1" height="6" viewBox="0 0 1 6" fill="none">
1774              <path d="M0.93 0H0V5.55H0.93V0Z" fill="white"/>
1775            </svg>
1776          </span>
1777        </span>
1778</div></div>
1779  </div>
1780</section><div id="shopify-section-sections--30321007591798__header_custom_FqLTmz" class="shopify-section shopify-section-group-header-group header-custom-section"><link rel="stylesheet" href="//travellingman.com/cdn/shop/t/73/assets/predictive-search.css?v=21239819754936278281790831904" media="print" onload="this.media='all'">
1781  
1781<script src="//travellingman.com/cdn/shop/t/73/assets/predictive-search.js?v=123197556567300059411790868161" defer="defer"></script>
1781
1782  
1782<script src="//travellingman.com/cdn/shop/t/73/assets/tabs.js?v=79975170418644626761790831902" defer="defer"></script>
1782<link href="//travellingman.com/cdn/shop/t/73/assets/header-custom.css?v=63703294086280337001790870513" rel="stylesheet" type="text/css" media="all" />
1783<script src="//travellingman.com/cdn/shop/t/73/assets/section-header-custom.js?v=62798644258522770851790868170" defer="defer"></script>
1783
1784
1785
1786<header-custom
1787  class="js-header-custom"
1788  data-scroll-threshold="50"
1789  data-mega-menu-trigger="hover"
1790>
1791  <header
1792    class="header-custom"
1793    style="
1794      --header-bg: #fafafa;
1795      --header-link-color: #231e22;
1796      --header-active-menu-bg: #114f66;
1797      --header-active-menu-text: #ffffff;
1798      --header-mega-menu-open-bg: #fde8c9;
1799      --header-padding-top-desktop: 10px;
1800      --header-padding-bottom-desktop: 10px;
1801      --header-padding-top-mobile: 8px;
1802      --header-padding-bottom-mobile: 8px;
1803    "
1804  >
1805  <div class="container">
1806     <div class="header-custom__inner">
1807        <div class="header-custom__mobile-side">
1808          <button
1809            type="button"
1810            class="header-custom__mobile-menu-btn"
1811            aria-label="Menu"
1812            aria-expanded="false"
1813            aria-haspopup="dialog"
1814          >
1815            <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1816<rect width="28" height="28" fill="url(#pattern0_1_5357)"/>
1817<defs>
1818<pattern id="pattern0_1_5357" patternContentUnits="objectBoundingBox" width="1" height="1">
1819<use xlink:href="#image0_1_5357" transform="scale(0.0111111)"/>
1820</pattern>
1821<image id="image0_1_5357" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE1ElEQVR4nO1dSW9cRRBuySxGYTmaZfyqqquGseaQA4YTICMEXIEDILFIhAAXkExA4BxzS+CEIvE3CMshCH4ACBmFJBcuwIVFEILNCSPZ81C9NwgUe6IR0+ub/qRPskbjmepPPb18XV3PmIKCgoKCgoKCgoKCgoKpsUBE90hFRxnoHQH6QAAvMNK3gvQ7A/6lbP7W1wAv6HsY6G39H2vt3foZ03/dHEFEegLwGgN+zIB/CFI9EwG3GfAjQVzv93p3mHlGr9e7gRGfY8DPBGlvZnEnc5cBPxWiZwFg0cwLhsPhjdrTGOlHj+IeSAb8lYFOWGtvMV3F6urqtX3ENxnpcmiB9wmOdJmB3tCYTJfQJ7pfAC/GFnh/D6dv+kQPmdyhYyIjvidIo9iiXoUjATotItebHDEAQAb6IgEh6yn5FTOLyQn6c3SyTMPABNy2lX3Q5AAL8Lgg/RldNPx/bDZEiE+ZlMGIL3teE9eBuMeIL5kUwQCP6eYgAZFqh2I/aVKCjmsMuJOAOLVLtp4KPmJSgLW2n+XEh1MScFuWhaOKrGtPXRZFFwN9EzejrrPHm5EEhKAAPZtOx9tWp73jqx1zJIhrQUVeM2vXCOD5BBpfh+3VeDGoEaUunKMZ/a3B8vLtvuPV7xDEjfHJzIxi0zHf8bZBDwY3ubE6ccMEhn6ngw5yST31LIIVpHqlqm4zgQEAt7qIXb1s34EuMtJPLoIdBBgyroSeH7qIXZB+1qM4b4HqGZ+jQOsoQwfY487ir+gZb4GOD1KdBMrtZLiR3WT4D4E+8fmz65JpVM/IPS+pDJp3kUDj6pTIRK86F1qTW2I3TNLj+651XhCkrQQaVifGLafpZ00uXPxG1SmSK151JjQTvRi7QZIqwR5xJ7RmdcZuEKZJRjzpTGgB+jB2g2QeJsS5tERxOjLSOWdCM9L3zgOETG3S/UJ/5yxQRvrNfW/ALG3SAzrMJWcB+ugJKxnbpFcIvZO00IO8bVJPQndl6ACHNqmXocPfZLhRJsP/oCzvKMzyrmxYKMyGpWzBKdAWvKKjsRskibIP8LwzoYtNShPJVXWXM6GL8U9hjH9Fe7c6esPqrh9lqU+wnkDD6pTIFb3iadFf0g3kX+6qd2J8oKkS4Ko3QPY26VlvAWspBneBYt42KdinfSc5Oin/sJK3Teo3ydFVErpkbpMy0Oveg806ER1mt0nVFj28tHQoSMCaiD2/Nimum5CXhRjoa0fjXZ0NQ18WUlhr7yvX3wKhqdwSX4A6BBno3VC6TriijJuxRRDfBPxyOBxeF03oRuxl4eZiemwx0Bu37qwqMimAAR7IueqMTGCzSiF62KQERny0Y6bTnhA9YVKElsfpSKmfXc0JNyljXPIn22GEAXeSK/FztdI/mU6QWzrfmJyAiMBInycgXj0dcTN6SZ+Z1tntpmYUX8iJHOlmJPo62dl2HRJMKwM8byt7r+kS1pqqNXRMbcbYArcx4LrGZLqKw0tLh8aFun+I0IN/0ULdInKzmRcAwKKWYtAqAZ43OvrZZ/WMb65Kzx8EPT/UC+yCdEafRuFAXP2MM5p34S0loANY0Hw2AXqBgU5pNpDmIOujQNqS8e3jQZq/29fONe/R94I9Ms6FK48HKSgoKCgoKCgoKCgoMFPib98Bh4DEp2fqAAAAAElFTkSuQmCC"/>
1822</defs>
1823</svg>
1824
1825          </button><button
1826              type="button"
1827              class="header-custom__icon-button header-custom__search-btn js-header-search-toggle"
1828              aria-label="Search"
1829              aria-expanded="false"
1830              aria-controls="header-search"
1831            >
1832              <svg width="21" height="23" viewBox="0 0 21 23" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M14.398 14.483 19 19.514l-1.186 1.014-4.59-5.017a8.317 8.317 0 0 1-4.888 1.578C3.732 17.089 0 13.369 0 8.779S3.732.472 8.336.472c4.603 0 8.335 3.72 8.335 8.307a8.265 8.265 0 0 1-2.273 5.704ZM8.336 15.53c3.74 0 6.772-3.022 6.772-6.75 0-3.729-3.031-6.75-6.772-6.75S1.563 5.051 1.563 8.78c0 3.728 3.032 6.75 6.773 6.75Z"/></svg>
1833            </button></div>
1834
1835          <div class="header-custom__left-side">
1836            <a class="header-custom__logo " href="/" aria-label="Travelling Man UK"><img src="//travellingman.com/cdn/shop/files/Travelling_Man_Logo_Colour_Large_1_2_9054df8f-f4c6-478d-b34a-9de53a28233c_1200x1200_1.png?v=1786137026&amp;width=180" alt="Travelling Man UK" srcset="//travellingman.com/cdn/shop/files/Travelling_Man_Logo_Colour_Large_1_2_9054df8f-f4c6-478d-b34a-9de53a28233c_1200x1200_1.png?v=1786137026&amp;width=90 90w, //travellingman.com/cdn/shop/files/Travelling_Man_Logo_Colour_Large_1_2_9054df8f-f4c6-478d-b34a-9de53a28233c_1200x1200_1.png?v=1786137026&amp;width=135 135w, //travellingman.com/cdn/shop/files/Travelling_Man_Logo_Colour_Large_1_2_9054df8f-f4c6-478d-b34a-9de53a28233c_1200x1200_1.png?v=1786137026&amp;width=180 180w" width="180" height="165" loading="eager" class="header-custom__logo-image">
1837</a><nav class="header-custom__nav" aria-label="Primary">
1838                <ul class="header-custom__nav-list"><li class="header-custom__nav-item">
1839                      <a
1840                        class="header-custom__nav-link js-header-mega-trigger"
1841                        href="/"
1842                        data-menu="shop"
1843                        aria-expanded="false" aria-haspopup="true">
1844                        <span>Shop</span>
1845                        <span class="header-custom__nav-arrow js-header-mega-arrow" aria-hidden="true">
1846                          <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" fill="none">
1847  <path d="M7.34402 3.696L7.96802 4.452C7.33602 4.844 6.78402 5.224 6.31202 5.592C5.84002 5.96 5.42002 6.34 5.05202 6.732C4.69202 7.124 4.34802 7.544 4.02002 7.992L3.94802 7.992C3.62802 7.544 3.28402 7.124 2.91602 6.732C2.54802 6.34 2.12802 5.96 1.65602 5.592C1.19202 5.224 0.640016 4.844 1.64947e-05 4.452L0.624017 3.696C1.12802 4.024 1.58002 4.352 1.98002 4.68C2.38802 5.016 2.74402 5.348 3.04802 5.676C3.35202 6.004 3.60002 6.324 3.79202 6.636C3.98402 6.948 4.11602 7.248 4.18802 7.536L3.78002 7.536C3.85202 7.248 3.98402 6.948 4.17602 6.636C4.36802 6.324 4.61602 6.004 4.92002 5.676C5.22402 5.348 5.57602 5.016 5.97602 4.68C6.38402 4.352 6.84002 4.024 7.34402 3.696ZM4.46402 -1.53165e-07L4.46402 4.26C4.46402 4.764 4.45202 5.204 4.42802 5.58C4.40402 5.964 4.37602 6.304 4.34402 6.6L3.98402 7.32L3.62402 6.6C3.59202 6.304 3.56402 5.964 3.54002 5.58C3.51602 5.204 3.50402 4.764 3.50402 4.26L3.50402 -1.95128e-07L4.46402 -1.53165e-07Z" fill="#231E22"/>
1848</svg>
1849                        </span>
1850                      </a></li><li class="header-custom__nav-item">
1851                      <a
1852                        class="header-custom__nav-link js-header-mega-trigger"
1853                        href="/"
1854                        data-menu="new-preorders"
1855                        aria-expanded="false" aria-haspopup="true">
1856                        <span>New &amp; Preorders</span>
1857                        <span class="header-custom__nav-arrow js-header-mega-arrow" aria-hidden="true">
1858                          <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" fill="none">
1859  <path d="M7.34402 3.696L7.96802 4.452C7.33602 4.844 6.78402 5.224 6.31202 5.592C5.84002 5.96 5.42002 6.34 5.05202 6.732C4.69202 7.124 4.34802 7.544 4.02002 7.992L3.94802 7.992C3.62802 7.544 3.28402 7.124 2.91602 6.732C2.54802 6.34 2.12802 5.96 1.65602 5.592C1.19202 5.224 0.640016 4.844 1.64947e-05 4.452L0.624017 3.696C1.12802 4.024 1.58002 4.352 1.98002 4.68C2.38802 5.016 2.74402 5.348 3.04802 5.676C3.35202 6.004 3.60002 6.324 3.79202 6.636C3.98402 6.948 4.11602 7.248 4.18802 7.536L3.78002 7.536C3.85202 7.248 3.98402 6.948 4.17602 6.636C4.36802 6.324 4.61602 6.004 4.92002 5.676C5.22402 5.348 5.57602 5.016 5.97602 4.68C6.38402 4.352 6.84002 4.024 7.34402 3.696ZM4.46402 -1.53165e-07L4.46402 4.26C4.46402 4.764 4.45202 5.204 4.42802 5.58C4.40402 5.964 4.37602 6.304 4.34402 6.6L3.98402 7.32L3.62402 6.6C3.59202 6.304 3.56402 5.964 3.54002 5.58C3.51602 5.204 3.50402 4.764 3.50402 4.26L3.50402 -1.95128e-07L4.46402 -1.53165e-07Z" fill="#231E22"/>
1860</svg>
1861                        </span>
1862                      </a></li><li class="header-custom__nav-item">
1863                      <a
1864                        class="header-custom__nav-link js-header-mega-trigger"
1865                        href="/collections/manga-all"
1866                        data-menu="manga"
1867                        aria-expanded="false" aria-haspopup="true">
1868                        <span>Manga</span>
1869                        <span class="header-custom__nav-arrow js-header-mega-arrow" aria-hidden="true">
1870                          <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" fill="none">
1871  <path d="M7.34402 3.696L7.96802 4.452C7.33602 4.844 6.78402 5.224 6.31202 5.592C5.84002 5.96 5.42002 6.34 5.05202 6.732C4.69202 7.124 4.34802 7.544 4.02002 7.992L3.94802 7.992C3.62802 7.544 3.28402 7.124 2.91602 6.732C2.54802 6.34 2.12802 5.96 1.65602 5.592C1.19202 5.224 0.640016 4.844 1.64947e-05 4.452L0.624017 3.696C1.12802 4.024 1.58002 4.352 1.98002 4.68C2.38802 5.016 2.74402 5.348 3.04802 5.676C3.35202 6.004 3.60002 6.324 3.79202 6.636C3.98402 6.948 4.11602 7.248 4.18802 7.536L3.78002 7.536C3.85202 7.248 3.98402 6.948 4.17602 6.636C4.36802 6.324 4.61602 6.004 4.92002 5.676C5.22402 5.348 5.57602 5.016 5.97602 4.68C6.38402 4.352 6.84002 4.024 7.34402 3.696ZM4.46402 -1.53165e-07L4.46402 4.26C4.46402 4.764 4.45202 5.204 4.42802 5.58C4.40402 5.964 4.37602 6.304 4.34402 6.6L3.98402 7.32L3.62402 6.6C3.59202 6.304 3.56402 5.964 3.54002 5.58C3.51602 5.204 3.50402 4.764 3.50402 4.26L3.50402 -1.95128e-07L4.46402 -1.53165e-07Z" fill="#231E22"/>
1872</svg>
1873                        </span>
1874                      </a></li><li class="header-custom__nav-item">
1875                      <a
1876                        class="header-custom__nav-link js-header-mega-trigger"
1877                        href="/collections/games-workshop"
1878                        data-menu="warhammer"
1879                        aria-expanded="false" aria-haspopup="true">
1880                        <span>Warhammer</span>
1881                        <span class="header-custom__nav-arrow js-header-mega-arrow" aria-hidden="true">
1882                          <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" fill="none">
1883  <path d="M7.34402 3.696L7.96802 4.452C7.33602 4.844 6.78402 5.224 6.31202 5.592C5.84002 5.96 5.42002 6.34 5.05202 6.732C4.69202 7.124 4.34802 7.544 4.02002 7.992L3.94802 7.992C3.62802 7.544 3.28402 7.124 2.91602 6.732C2.54802 6.34 2.12802 5.96 1.65602 5.592C1.19202 5.224 0.640016 4.844 1.64947e-05 4.452L0.624017 3.696C1.12802 4.024 1.58002 4.352 1.98002 4.68C2.38802 5.016 2.74402 5.348 3.04802 5.676C3.35202 6.004 3.60002 6.324 3.79202 6.636C3.98402 6.948 4.11602 7.248 4.18802 7.536L3.78002 7.536C3.85202 7.248 3.98402 6.948 4.17602 6.636C4.36802 6.324 4.61602 6.004 4.92002 5.676C5.22402 5.348 5.57602 5.016 5.97602 4.68C6.38402 4.352 6.84002 4.024 7.34402 3.696ZM4.46402 -1.53165e-07L4.46402 4.26C4.46402 4.764 4.45202 5.204 4.42802 5.58C4.40402 5.964 4.37602 6.304 4.34402 6.6L3.98402 7.32L3.62402 6.6C3.59202 6.304 3.56402 5.964 3.54002 5.58C3.51602 5.204 3.50402 4.764 3.50402 4.26L3.50402 -1.95128e-07L4.46402 -1.53165e-07Z" fill="#231E22"/>
1884</svg>
1885                        </span>
1886                      </a></li><li class="header-custom__nav-item">
1887                      <a
1888                        class="header-custom__nav-link js-header-mega-trigger"
1889                        href="/collections/boardgames"
1890                        data-menu="board-games"
1891                        aria-expanded="false">
1892                        <span>Board Games</span>
1893                        <span class="header-custom__nav-arrow js-header-mega-arrow hidden" aria-hidden="true">
1894                          <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" fill="none">
1895  <path d="M7.34402 3.696L7.96802 4.452C7.33602 4.844 6.78402 5.224 6.31202 5.592C5.84002 5.96 5.42002 6.34 5.05202 6.732C4.69202 7.124 4.34802 7.544 4.02002 7.992L3.94802 7.992C3.62802 7.544 3.28402 7.124 2.91602 6.732C2.54802 6.34 2.12802 5.96 1.65602 5.592C1.19202 5.224 0.640016 4.844 1.64947e-05 4.452L0.624017 3.696C1.12802 4.024 1.58002 4.352 1.98002 4.68C2.38802 5.016 2.74402 5.348 3.04802 5.676C3.35202 6.004 3.60002 6.324 3.79202 6.636C3.98402 6.948 4.11602 7.248 4.18802 7.536L3.78002 7.536C3.85202 7.248 3.98402 6.948 4.17602 6.636C4.36802 6.324 4.61602 6.004 4.92002 5.676C5.22402 5.348 5.57602 5.016 5.97602 4.68C6.38402 4.352 6.84002 4.024 7.34402 3.696ZM4.46402 -1.53165e-07L4.46402 4.26C4.46402 4.764 4.45202 5.204 4.42802 5.58C4.40402 5.964 4.37602 6.304 4.34402 6.6L3.98402 7.32L3.62402 6.6C3.59202 6.304 3.56402 5.964 3.54002 5.58C3.51602 5.204 3.50402 4.764 3.50402 4.26L3.50402 -1.95128e-07L4.46402 -1.53165e-07Z" fill="#231E22"/>
1896</svg>
1897                        </span>
1898                      </a></li><li class="header-custom__nav-item header-custom__nav-item--dropdown">
1899                      <a
1900                        class="header-custom__nav-link js-header-mega-trigger js-header-dropdown-trigger"
1901                        href="/pages/our-stores"
1902                        data-menu="visit-us"
1903                        aria-expanded="false" aria-haspopup="true">
1904                        <span>Visit Us</span>
1905                        <span class="header-custom__nav-arrow js-header-mega-arrow" aria-hidden="true">
1906                          <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" fill="none">
1907  <path d="M7.34402 3.696L7.96802 4.452C7.33602 4.844 6.78402 5.224 6.31202 5.592C5.84002 5.96 5.42002 6.34 5.05202 6.732C4.69202 7.124 4.34802 7.544 4.02002 7.992L3.94802 7.992C3.62802 7.544 3.28402 7.124 2.91602 6.732C2.54802 6.34 2.12802 5.96 1.65602 5.592C1.19202 5.224 0.640016 4.844 1.64947e-05 4.452L0.624017 3.696C1.12802 4.024 1.58002 4.352 1.98002 4.68C2.38802 5.016 2.74402 5.348 3.04802 5.676C3.35202 6.004 3.60002 6.324 3.79202 6.636C3.98402 6.948 4.11602 7.248 4.18802 7.536L3.78002 7.536C3.85202 7.248 3.98402 6.948 4.17602 6.636C4.36802 6.324 4.61602 6.004 4.92002 5.676C5.22402 5.348 5.57602 5.016 5.97602 4.68C6.38402 4.352 6.84002 4.024 7.34402 3.696ZM4.46402 -1.53165e-07L4.46402 4.26C4.46402 4.764 4.45202 5.204 4.42802 5.58C4.40402 5.964 4.37602 6.304 4.34402 6.6L3.98402 7.32L3.62402 6.6C3.59202 6.304 3.56402 5.964 3.54002 5.58C3.51602 5.204 3.50402 4.764 3.50402 4.26L3.50402 -1.95128e-07L4.46402 -1.53165e-07Z" fill="#231E22"/>
1908</svg>
1909                        </span>
1910                      </a><div class="header-custom__dropdown js-header-dropdown" aria-hidden="true">
1911                          <ul class="header-custom__dropdown-list" role="list"><li>
1912                                <a
1913                                  class="header-custom__dropdown-link"
1914                                  href="/pages/leeds"
1915                                  
1916                                >Leeds</a>
1917                              </li><li>
1918                                <a
1919                                  class="header-custom__dropdown-link"
1920                                  href="/pages/manchester"
1921                                  
1922                                >Manchester</a>
1923                              </li><li>
1924                                <a
1925                                  class="header-custom__dropdown-link"
1926                                  href="/pages/newcastle"
1927                                  
1928                                >Newcastle</a>
1929                              </li><li>
1930                                <a
1931                                  class="header-custom__dropdown-link"
1932                                  href="/pages/york"
1933                                  
1934                                >York</a>
1935                              </li></ul>
1936                        </div></li><li class="header-custom__nav-item">
1937                      <a
1938                        class="header-custom__nav-link js-header-mega-trigger"
1939                        href="/pages/contact-us"
1940                        data-menu="contact-us"
1941                        aria-expanded="false">
1942                        <span>Contact Us</span>
1943                        <span class="header-custom__nav-arrow js-header-mega-arrow hidden" aria-hidden="true">
1944                          <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" fill="none">
1945  <path d="M7.34402 3.696L7.96802 4.452C7.33602 4.844 6.78402 5.224 6.31202 5.592C5.84002 5.96 5.42002 6.34 5.05202 6.732C4.69202 7.124 4.34802 7.544 4.02002 7.992L3.94802 7.992C3.62802 7.544 3.28402 7.124 2.91602 6.732C2.54802 6.34 2.12802 5.96 1.65602 5.592C1.19202 5.224 0.640016 4.844 1.64947e-05 4.452L0.624017 3.696C1.12802 4.024 1.58002 4.352 1.98002 4.68C2.38802 5.016 2.74402 5.348 3.04802 5.676C3.35202 6.004 3.60002 6.324 3.79202 6.636C3.98402 6.948 4.11602 7.248 4.18802 7.536L3.78002 7.536C3.85202 7.248 3.98402 6.948 4.17602 6.636C4.36802 6.324 4.61602 6.004 4.92002 5.676C5.22402 5.348 5.57602 5.016 5.97602 4.68C6.38402 4.352 6.84002 4.024 7.34402 3.696ZM4.46402 -1.53165e-07L4.46402 4.26C4.46402 4.764 4.45202 5.204 4.42802 5.58C4.40402 5.964 4.37602 6.304 4.34402 6.6L3.98402 7.32L3.62402 6.6C3.59202 6.304 3.56402 5.964 3.54002 5.58C3.51602 5.204 3.50402 4.764 3.50402 4.26L3.50402 -1.95128e-07L4.46402 -1.53165e-07Z" fill="#231E22"/>
1946</svg>
1947                        </span>
1948                      </a></li></ul>
1949              </nav></div>
1950
1951          <div class="header-custom__right-side"><div class="header-custom__search js-header-search">
1952                <link rel="stylesheet" href="//travellingman.com/cdn/shop/t/73/assets/search-suggestions.css?v=84163686392962511531790831902" media="print" onload="this.media='all'"><predictive-search class="block" data-loading-text="Loading..."><form class="search relative" role="search" action="/search" method="get">
1953    <label class="label visually-hidden" for="header-search">Search</label>
1954    
1954<script src="//travellingman.com/cdn/shop/t/73/assets/search-form.js?v=115305012452390242641790868162" defer="defer"></script>
1954
1955    <search-form class="search__form block">
1956      <input type="hidden" name="options[prefix]" value="last">
1957      <input type="search"
1958             class="search__input w-full input js-search-input"
1959             id="header-search"
1960             name="q"
1961             placeholder="SEARCH FOR"
1962             
1963             role="combobox"
1964               autocomplete="off"
1965               aria-autocomplete="list"
1966               aria-controls="predictive-search-results"
1967               aria-owns="predictive-search-results"
1968               aria-haspopup="listbox"
1969               aria-expanded="false"
1970               spellcheck="false"><button class="search__submit text-current absolute focus-inset start"><span class="visually-hidden">Search</span><svg width="21" height="23" viewBox="0 0 21 23" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M14.398 14.483 19 19.514l-1.186 1.014-4.59-5.017a8.317 8.317 0 0 1-4.888 1.578C3.732 17.089 0 13.369 0 8.779S3.732.472 8.336.472c4.603 0 8.335 3.72 8.335 8.307a8.265 8.265 0 0 1-2.273 5.704ZM8.336 15.53c3.74 0 6.772-3.022 6.772-6.75 0-3.729-3.031-6.75-6.772-6.75S1.563 5.051 1.563 8.78c0 3.728 3.032 6.75 6.773 6.75Z"/></svg>
1971</button>
1972<button type="button" class="search__reset text-current vertical-center absolute focus-inset js-search-reset" hidden>
1973        <span class="visually-hidden">Reset</span>
1974        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
1975  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1976</svg>
1977      </button></search-form><div class="js-search-results" tabindex="-1" data-predictive-search></div>
1978      <span class="js-search-status visually-hidden" role="status" aria-hidden="true"></span></form>
1979  <div class="overlay fixed top-0 right-0 bottom-0 left-0 js-search-overlay"></div></predictive-search>
1980              </div>
1981              <div class="header-custom__wishlist">
1982                
1983
1984
1985
1986
1987  <style>
1988    .wl-go {
1989      --wl-go-margin-top: 6px;
1990      --wl-go-margin-right: 10px;
1991      --wl-go-margin-bottom: 6px;
1992      --wl-go-margin-left: 10px;
1993      --wl-counter-color: #f4f4f4;
1994      --wl-counter-border: 1px solid #ffffff;
1995      --wl-counter-bg-color: #000000;
1996      --wl-counter-size: 16px;
1997      --wl-counter-size-md: 18px;
1998      --wl-icon-label-gap: 8px;
1999      --wl-icon-label-font-size: 14px;
2000      --wl-icon-label-font-size-md: 16px;
2001      --wl-icon-label-text-color: currentColor;
2002      --wl-icon-label-icon-color: currentColor;
2003      --wl-icon-label-icon-size: 18px;
2004      --wl-icon-label-icon-size-md: 20px;
2005      display: flex;
2006      flex-wrap: nowrap;
2007      align-items: center;
2008      justify-self: center;
2009      transition: opacity 0.2s;
2010      margin: var(--wl-go-margin-top) var(--wl-go-margin-right)
2011        var(--wl-go-margin-bottom) var(--wl-go-margin-left);
2012    }
2013
2014    .wl-go:hover {
2015      opacity: 0.8;
2016    }
2017
2018    .wl-go__link {
2019      display: inline-flex;
2020      position: relative;
2021      flex-shrink: 0;
2022      justify-content: center;
2023      align-items: center;
2024      overflow: visible;
2025      color: inherit;
2026      text-decoration: none;
2027    }
2028
2029    .wl-go__link--counter-left,
2030    .wl-go__link--counter-right {
2031      gap: 2px;
2032    }
2033
2034    .wl-go__link--counter-left .wl-counter {
2035      order: -1;
2036    }
2037
2038    .wl-go__link--counter-on_icon {
2039      --wl-go-link-box-size: calc(
2040        var(--wl-icon-label-icon-size) + var(--wl-counter-size)
2041      );
2042      min-width: var(--wl-go-link-box-size);
2043      min-height: var(--wl-go-link-box-size);
2044    }
2045
2046    @media screen and (min-width: 768px) {
2047      .wl-go__link--counter-on_icon {
2048        --wl-go-link-box-size: calc(
2049          var(--wl-icon-label-icon-size-md) + var(--wl-counter-size-md)
2050        );
2051      }
2052    }
2053
2054    .wl-go .wl-icon-label {
2055      display: inline-flex;
2056      flex-wrap: nowrap;
2057      align-items: center;
2058      gap: var(--wl-icon-label-gap);
2059      color: var(--wl-icon-label-text-color);
2060      font-size: var(--wl-icon-label-font-size);
2061      line-height: 1.2;
2062    }
2063
2064    @media screen and (min-width: 768px) {
2065      .wl-go .wl-icon-label {
2066        font-size: var(--wl-icon-label-font-size-md);
2067      }
2068    }
2069
2070    .wl-go .wl-icon-label__media {
2071      display: inline-flex;
2072      flex-shrink: 0;
2073      justify-content: center;
2074      align-items: center;
2075      width: var(--wl-icon-label-icon-size);
2076      height: var(--wl-icon-label-icon-size);
2077      color: var(--wl-icon-label-icon-color);
2078    }
2079
2080    @media screen and (min-width: 768px) {
2081      .wl-go .wl-icon-label__media {
2082        width: var(--wl-icon-label-icon-size-md);
2083        height: var(--wl-icon-label-icon-size-md);
2084      }
2085    }
2086
2087    .wl-go .wl-icon-label__media svg,
2088    .wl-go .wl-icon-label__icon svg {
2089      width: 100%;
2090      height: 100%;
2091      object-fit: contain;
2092    }
2093
2094    .wl-go .wl-icon-label__icon {
2095      display: block;
2096      width: 100%;
2097      height: 100%;
2098    }
2099
2100    .wl-go .wl-counter {
2101      display: flex;
2102      flex-shrink: 0;
2103      justify-content: center;
2104      align-items: center;
2105      box-sizing: border-box;
2106      color: var(--wl-counter-color, #fff);
2107      font-weight: 600;
2108      font-size: var(--wl-counter-size, 16px);
2109      line-height: 1;
2110      letter-spacing: 0;
2111    }
2112
2113    .wl-go .wl-counter--badge {
2114      position: absolute;
2115      top: -3px;
2116      inset-inline-end: -5px;
2117      border: none;
2118      border-radius: 999px;
2119      background-color: var(--wl-counter-bg-color, #000);
2120      padding: 0 4px;
2121      aspect-ratio: 1 / 1;
2122      min-width: var(--wl-counter-size, 16px);
2123      min-height: var(--wl-counter-size, 16px);
2124      font-size: calc(var(--wl-counter-size, 16px) * 0.5);
2125    }
2126
2127    .wl-go .wl-counter--empty {
2128      display: none;
2129    }
2130
2131    @media screen and (min-width: 768px) {
2132      .wl-go .wl-counter {
2133        font-size: var(--wl-counter-size-md, 18px);
2134      }
2135
2136      .wl-go .wl-counter--badge {
2137        min-width: var(--wl-counter-size-md, 18px);
2138        min-height: var(--wl-counter-size-md, 18px);
2139        font-size: calc(var(--wl-counter-size-md, 18px) * 0.5);
2140      }
2141    }
2142
2143    /* After base badge rules — same order as wl-styles + wl-header-link */
2144    .wl-go .wl-go__link--counter-on_icon .wl-counter--badge {
2145      top: 5px;
2146      inset-inline-end: 2px;
2147      inset-inline-start: auto;
2148    }
2149  </style>
2150
2151  <div
2152    class='wl-go'
2153    dir='ltr'
2154    style='
2155      --wl-icon-label-icon-color: #231E22;
2156      --wl-icon-label-icon-size: 20px;
2157      --wl-icon-label-icon-size-md: 20px;
2158      --wl-counter-bg-color: #114F66;
2159      --wl-counter-color: #ffffff;
2160      --wl-counter-size: 18px;
2161      --wl-counter-size-md: 17px;
2162      --wl-go-margin-top: 0px;
2163      --wl-go-margin-right: 0px;
2164      --wl-go-margin-bottom: 0px;
2165      --wl-go-margin-left: 0px;
2166    '
2167  >
2168    <a
2169      href='#'
2170      class='wl-go__link wl-go__link--counter-on_icon'
2171      data-wl-header-link
2172      aria-label='View wishlist'
2173    >
2174      <span class='wl-icon-label' dir='ltr'>
2175        <span class='wl-icon-label__media' aria-hidden='true'>
2176          <span class='wl-icon-label__icon'>
2177            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2178<rect width="20" height="20" fill="url(#pattern0_1_739)"/>
2179<defs>
2180<pattern id="pattern0_1_739" patternContentUnits="objectBoundingBox" width="1" height="1">
2181<use xlink:href="#image0_1_739" transform="scale(0.0111111)"/>
2182</pattern>
2183<image id="image0_1_739" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAADx0lEQVR4nO2cTYiVVRjHfzednBxHCrHoUxTd6SgiYrlsodIXEQjS2lwYogtJpI2LxMGvXDXoJjIUDUskopqmdBzToChb6Cgx6iKX6TQZqOM8ceBAl2HGmXfmfDzve58f/Dd3Lvc+///c+97znvOcA4ZhGIZhGIZhGIZhGMZ4mAm8DuwDOoEbwC1AgAHgT6AL2A+8BjwWoYbp/rU/BL4Hbvr3Fl/LdeBbYK9/XislYiVwBPjXG5Jxqh84CMwNUMM84BDwd8Ea7gCfAi+imCXADwWNyQi6B3QAz06ghuf8P+tegDq+A9pQRBPQDgwGMCd1cl/tdQXqeBu4HbiG+8BOYCqZeQr4MbA5GaZPgOaH1OD+djhyDT3AbDIxB7ga2aB4nQGeGKEG91h3ohquAC+kDvnJhCGL16/A48NCvpi4hispP9lNCS4X8pCvcLPXuUw1dKe6ZrdnMiheh7xy1vBB7JAX+V9iaXDdBxbHDDrEOFkqIne3G4UVCsyJMr0UI+gjCoyJMrnxe/AJoqJzF42gf4AZIYN+Q4EpUapXQga9T4EhUao9IYPuVGBIlOrrkEFfU2BIlKovZNBFJ9AbSbdDBm13g4wql00wQk+oS4X0V8ig+xQYEqX6I2TQvygwJEr1U8igv1BgSJTqRMig31dgSJRqW8igVykwJEr1csigZwEPFJgSZRocZdF4UpxVYEyUyS2EBGezAmOiTO/GCNq1Ww0pMCdK5C6lzxCJLgUGRYlcF2o0XlVgUJRoTcyga8BlBSYls1zH0iNEZoMCo5JZ60mAa4e6pMCsZFKvb4tLwlsKDEsmue0iyahlbHSUjHLtw8lpC7SFQUqiu8BCMrFTQQCSSDvIyLQG+WHsHWN7RxKWV/wSchdYhhK2KghEImkLinCjkFMKQpHA+sp7U8XsinU09fkFD5Us9q2sUnIN+G0kqnmz5PPWQ8BaSsJ2BYHJBOVqLxUHFIQmBfURJcTN136mIDwZp04CUygpzX7JR5TrG3+XW2qmK9+f6LY9t1ARWpVOq/aE3lWlgRZle2FOl+0MpSJMAz5XEPKXkQ7LUsVU4OOMIR9NueanYeh3MEPIHSnaBLRRA3YnDLld40xcSt6JvOvLtdZuym1SC6v8AYMxZuHcCY1GHYv8sZqhQnZHci6tfwPjf54Gfg4Q8m/A83Wva4xyY3N8EiEfq9ItdWxqwHsFj+F0E/a7Gn1kMVFW+y3AY4Xcn7onroosGOPExt+B+bmLrApNwEbgvF/8dec8X/CPPZq7OMMwDMMwDMMwDMMwDBqM/wDAVSalan9I5wAAAABJRU5ErkJggg=="/>
2184</defs>
2185</svg>
2186
2187          </span>
2188        </span>
2189      </span>
2190
2191      
2192        <span
2193          class='wl-counter wl-counter--badge wl-counter--empty'
2194          
2195            data-wl-count-hide-empty
2196          
2197        >
2198          <span data-wl-count aria-live='polite' aria-atomic='true'>0</span>
2199        </span>
2200      
2201    </a>
2202  </div>
2203
2204              </div>
2205            
2206<a class="header-custom__icon-link" href="/account" aria-label="Account">
2207                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2208  <rect width="20" height="20" fill="url(#pattern0_1_740-desktop-icon)"/>
2209  <defs>
2210    <pattern id="pattern0_1_740-desktop-icon" patternContentUnits="objectBoundingBox" width="1" height="1">
2211      <use xlink:href="#image0_1_740" transform="scale(0.0111111)"/>
2212    </pattern>
2213    <image id="image0_1_740" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyElEQVR4nO2dW2gdRRjHf7m2YuL9wZgKgrdWH0Tb+qQoUtRYorGgFbWCjVasWhWt4F0QvBR8salXfPGxeI8asU/60IvYiw2KqLXVNq3YeKpUranakZEvUA5n9+yeM9/snJP5wQeH5Ozsf77szn7zzbcTiEQikUgkEolEIpFIZtqAucAgsAJ4B9gKbANKwIRYSX62Vb7zrBwzR9qIVGAGcA8wDPwGmDrtV+A94G6glynOEcAiYA3wrwPnJtk/wMfAjcB0phBdcqWNKTo3yX4GngCOponpAJYDvxTg4HKzGu4TTU3FhcBoAA4ut6+BeTQBdkxcBRwKwKlJZrU9D0yjQTkFWB+AI01G2wicRoMxz1GYZjybDQsvoUG4GjgQgNNMjWYnQwsJnCXKMbHxZLYPtxIoAzI5KNpJxqGzryUw7Lj2VwDOMQrDyKUEwukN+uAzOR6Qpxbt5GkSFpkmt8+LjrNXBeAE48nspKawaXXIMz7j2GxfL/Lt5HbgiwA6bzzbqO9E1HKPnfsRWAlcDswEjhSzn/uAIWCnRz33+swnj3vo0C6ZANm7pxqtwDXADg+6xsUH6jzgoTPvAt01aOuWJSxtfTaXrb789JOHp3trHRpbZajR1Lhbe1nsJuUOfOhoBbtV7gpNrdejyBrlMbnbodaj5MrT0vsRiiUBmpm5wZRz21nZMllI+F3Mfr4T6Ew5bomiXptA61Hw8/91F5ohXFvCeW1dxpaUYzen1G60y52ipdv+oZ0zrCh4ZcqVnObkSduUcmVrpgnedu3kdsliaQnuSzjvshxt3JHQxnxF3SXX5WdzFcUa4IyE827I0ca6hDZmKmuf7dLRtyiL7Uo47/4cbdjvVqJLWfvNLh29QllsEkW1k8eexiHawX8jO/otHKKdEm1kR9vw0hnaWbFuB2O0XbdMmiFqav/epaPHC4o61udoY21BUcdel46eUBbbl3Deu3K0sbSAONpImYUztGs2hlJmhpszHL8xZWb4QiM5eq+y2J0pKym9VZxtnXxSQbmOybcInLFNWay
2213pUuvWKQmctfKA3C+fl1bJ3t3mQfd3Lh2d5fat18Yc56Pteyp7POi2d5QzfKzDGWDE4QqLZrZRLYP3jCfRRlKm9a4ZDnnU+1QjrRWaMhuWiUYtw8X7nrXa9xedMduzeCPrfVnrOtrlwedjTC6381w62nZkXwGdMBKe2Vj4CmCWpD275PN8+Z12CJeW+M9yIeTizYI6YwK21SiguaJsGtTSVu5r5uQmeRHIOCw3SJqR1s1IAB00gZiNbtRYEEAHTSB2laajO5TLrEyD2JhGtFHO/R46MgF8BrwiyST7SsNZUoI1Xapa7fh4NnCx5K1flWMONkPZLtJJjbj1B+BFuSXrKfTulpdLX5JSM42UrredbG53mDRfDfQrbThl8x4XAC8DfzjS7PXV5Q7ZnatWsePAI8CxHjUfBzxa5w44W3yMzZXyH3/nFLoPeNBx3jkvNln1cA21hHbsP7co0U/mzMjNIBxOBF7Pod9uelUYnfKkr5Z4ubLGK8+O3Y9LnuUryc4dENstP3tDvtNf450ykCFhtqHKkpkXelO2VvsWODNHWz0SOn1aw7A0eXt/Iu8C2is2K7Nk7a9Sm7s0p9p5Ob/CrjO2jOz4DMe2SAp0xPF+H7atD4DL5BzVOKHCTmZ/SslyUCw4bLIwnmGryhbgOuBLh85NslF54bMlQ+JsMio5KMNKkAzIrO6GKt+bk2Fs17B1GSKHRdIH1VyGC/pTtqRsAR6rcfx1ZfZKfSjl6j5G+tDQvFagg8vN5lGallIADjaHPUeallIADp40+9BrWkoBOHjSrJamZRDYHoCTt2strIZEh1Q+fVOAg3fIJuENu7NurQ5fKLsEaG89PyK7MnpPcYZGj9SNuPxnCsPSZp6cx5SiDTgHWAw8Jw7bJJm7kmyLdkg+75HfDct3F8ux8d+DRCKRSCQSiUQikQgZ+Q/pySuDd+21/wAAAABJRU5ErkJggg=="/>
2214  </defs>
2215</svg>
2216
2217              </a><button type="button" class="header-custom__icon-button header-custom__cart-button" id="cart-icon" aria-label="Cart">
2218              <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2219<rect width="20" height="20" fill="url(#pattern0_1_741-desktop-icon)"/>
2220<defs>
2221<pattern id="pattern0_1_741-desktop-icon" patternContentUnits="objectBoundingBox" width="1" height="1">
2222<use xlink:href="#image0_1_741" transform="scale(0.0111111)"/>
2223</pattern>
2224<image id="image0_1_741" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC8klEQVR4nO2cu2sUURTGf0bMomAQSSOxNlrYRq1SCP4FKtai2OymiQg2gppeRQUlhbEVUUhjpXbGBF+12kXwge/dCKLxyuAtUng32cfMOXPm/OCDLQLnnI/dmXvmGwKO4ziO4zgSbAKuAl+BkNAn4D5wAtgo0qUBrrUx+H96DYxJN102BoAfHRqdaQnYJ918FYzO9AbYLD2A5UvHSp2Wbr5MZDe3y8CXLox+Kd28JdYDR9qYvUu6QWs8SRh9Uroxa5xNGP1QujFrjCWM/gVskW7O2lHwXcLsw9LNWeNGwuib0o1Z42DC6A/xG+/0iSHgZ8Lsvf0q4vzjQcLo89KNWWMyYfQz6casMZow+g+wXbo5a7xKmH1cujFrXOzhiV8woix1ugAM5mn0AQWDBiXKzM6NGtBUMGRQoI/kzB0FQwYF+py30ccUDBkUaDZvo7fFI12ouBoUwFMFgwZhZXtF7pxTMGgQ1CIFsUfBsEFQ0xrCgFABFRp4zCgYOAhoGRgu0uhDCoYOAlpAURgQDGsKRWFAMKxxTWFAMKpWfN5TODsVDB8srd3dhAHBoApZu1NcUmBAsLR2Vz0MWESY7ObwXYERwcra3Y67CowIOUvFe4bWw4DlotfuqoYBCyjCchgwhSIshwHjKMJqGNCSWrurFgbMopAZBcaYWrurFAaMopAhY2GA+NpdlTBgGsVMKjDI1NqdYocCg/qh7BK4FeU8UmBUr7pNCdivwKhe9BvYTUm4rsCwbnWGErEBuKXAtE51BVhHyRiIp5AlBQau5Q3+o5ScYeBUPGO/jw/SNVyH3wL3gLr/Qy7HcRzHcZxuqAETwOOYxbXi50bOuZxUXRFGgBdtzrXP499YqStCbZVhVw5dM1BXjIkONra6gbpizHcw8JyBumI0Oxi4aaCuGM0OBv5moK4Y837pKIaG0E1Jqq4YtXiEWssxa9BAXVFGVhk6z4VFoq4og/EnOhdvVM34akI952+UVF3HcRzHcRzHcRxU8Rcr6CO5MPBNbgAAAABJRU5ErkJggg=="/>
2225</defs>
2226</svg>
2227
2228<span class="header-custom__cart-count" aria-hidden="true" hidden>0</span></button>
2229          </div>
2230      </div>
2231    </div>
2232  </header>
2233  <link rel="stylesheet" href="//travellingman.com/cdn/shop/t/73/assets/section-mega-menu.css?v=67240408944835880351790868174">
2234<script src="//travellingman.com/cdn/shop/t/73/assets/section-mega-menu.js?v=59906249517026663111790868175" defer="defer"></script>
2234<desktop-mega-menu
2235  class="s-mega-menu"
2236  data-section-id="sections--30321007591798__header_custom_FqLTmz"
2237  style="--mega-menu-active-sidebar-bg: #114f66;"
2238><section class="s-mega-menu__panel js-mega-menu-panel" data-menu="shop" aria-hidden="true">
2239        <div class="container s-mega-menu__container js-mega-menu-container"><div class="s-mega-menu__layout">
2240            <div class="s-mega-menu__sidebar">
2241              <ul class="s-mega-menu__tabs" role="list"><li><button
2242                        class="s-mega-menu__tab js-mega-menu-tab is-active"
2243                        type="button"
2244                        data-tab="shop-manga-graphic-novels-books"
2245                        aria-selected="true"
2246                      >
2247                        <span>
2248                          Manga, Graphic Novels &amp; Books
2249                        </span>
2250                      </button></li><li><button
2251                        class="s-mega-menu__tab js-mega-menu-tab"
2252                        type="button"
2253                        data-tab="shop-board-games"
2254                        aria-selected="false"
2255                      >
2256                        <span>
2257                          Board Games
2258                        </span>
2259                      </button></li><li><button
2260                        class="s-mega-menu__tab js-mega-menu-tab"
2261                        type="button"
2262                        data-tab="shop-roleplaying-games"
2263                        aria-selected="false"
2264                      >
2265                        <span>
2266                          Roleplaying Games
2267                        </span>
2268                      </button></li><li><button
2269                        class="s-mega-menu__tab js-mega-menu-tab"
2270                        type="button"
2271                        data-tab="shop-tcgs"
2272                        aria-selected="false"
2273                      >
2274                        <span>
2275                          TCGs
2276                        </span>
2277                      </button></li><li><button
2278                        class="s-mega-menu__tab js-mega-menu-tab"
2279                        type="button"
2280                        data-tab="shop-miniature-games"
2281                        aria-selected="false"
2282                      >
2283                        <span>
2284                          Miniature Games
2285                        </span>
2286                      </button></li><li><button
2287                        class="s-mega-menu__tab js-mega-menu-tab"
2288                        type="button"
2289                        data-tab="shop-hobby-supplies"
2290                        aria-selected="false"
2291                      >
2292                        <span>
2293                          Hobby Supplies
2294                        </span>
2295                      </button></li><li><button
2296                        class="s-mega-menu__tab js-mega-menu-tab"
2297                        type="button"
2298                        data-tab="shop-merchandise"
2299                        aria-selected="false"
2300                      >
2301                        <span>
2302                          Merchandise
2303                        </span>
2304                      </button></li><li><button
2305                        class="s-mega-menu__tab js-mega-menu-tab"
2306                        type="button"
2307                        data-tab="shop-sale"
2308                        aria-selected="false"
2309                      >
2310                        <span>
2311                          Sale
2312                        </span>
2313                      </button></li></ul><a
2314                  class="s-mega-menu__button"
2315                  href="/collections/all"
2316                >SHOP ALL</a></div>
2317
2318            <div class="s-mega-menu__content js-mega-menu-scroll"><div
2319                  class="s-mega-menu__columns js-mega-menu-content"
2320                  data-tab="shop-manga-graphic-novels-books"
2321                ><div class="s-mega-menu__column-stack s-mega-menu__column-stack--1"><div class="s-mega-menu__column">
2322  <a class="s-mega-menu__column-title" href="/collections/manga-all">Manga</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/new-release-manga">New Releases</a></li><li><a href="/collections/pre-order-manga">Pre-Orders</a></li><li><a href="/collections/manga-action-and-adventure">Action and Adventure</a></li><li><a href="/collections/manga-romance">Romance</a></li><li><a href="/collections/manga-horror">Horror</a></li><li><a href="/collections/manga-yaoi">Yaoi</a></li><li><a href="/collections/manga-yuri">Yuri</a></li><li><a href="/collections/manga-mature">Mature</a></li><li><a href="/collections/manga-all-ages">All Ages</a></li><li><a href="/collections/manga-box-set">Box Sets</a></li><li><a href="/collections/manga-special-edition">Special Editions</a></li></ul><a
2323    class="s-mega-menu__shop-all"
2324    href="/collections/manga-all"
2325  >
2326    Shop all Manga
2327    <span aria-hidden="true"><svg
2328  xmlns="http://www.w3.org/2000/svg"
2329  width="24"
2330  height="24"
2331  viewBox="0 0 24 24"
2332  fill="none"
2333  aria-hidden="true"
2334  focusable="false"
2335  role="presentation"
2336>
2337  <path
2338    d="M2 12H21M13 4L21 12L13 20"
2339    stroke="currentColor"
2340    stroke-width="3"
2341    stroke-linecap="square"
2342    stroke-linejoin="miter"
2343  />
2344</svg>
2345</span>
2346  </a>
2347</div>
2348
2349<div class="s-mega-menu__column">
2350  <a class="s-mega-menu__column-title" href="/collections/graphic-novel-all">Graphic Novels</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/new-release-graphic-novel">New Releases</a></li><li><a href="/collections/pre-order-graphic-novel">Pre-Orders</a></li><li><a href="/collections/graphic-novel-action-and-adventure">Action and Adventure</a></li><li><a href="/collections/graphic-novel-romance">Romance</a></li><li><a href="/collections/graphic-novel-horror">Horror</a></li><li><a href="/collections/graphic-novel-lgbtq">LGBTQ+</a></li><li><a href="/collections/graphic-novel-mature">Mature</a></li><li><a href="/collections/graphic-novel-all-ages">All Ages</a></li><li><a href="/collections/graphic-novel-omnibus">Omnibuses</a></li></ul><a
2351    class="s-mega-menu__shop-all"
2352    href="/collections/graphic-novel-all"
2353  >
2354    Shop all Graphic Novels
2355    <span aria-hidden="true"><svg
2356  xmlns="http://www.w3.org/2000/svg"
2357  width="24"
2358  height="24"
2359  viewBox="0 0 24 24"
2360  fill="none"
2361  aria-hidden="true"
2362  focusable="false"
2363  role="presentation"
2364>
2365  <path
2366    d="M2 12H21M13 4L21 12L13 20"
2367    stroke="currentColor"
2368    stroke-width="3"
2369    stroke-linecap="square"
2370    stroke-linejoin="miter"
2371  />
2372</svg>
2373</span>
2374  </a>
2375</div>
2376
2377</div><div class="s-mega-menu__column-stack s-mega-menu__column-stack--2"><div class="s-mega-menu__column">
2378  <a class="s-mega-menu__column-title" href="/collections/manhua-and-webcomic-all">Manhua and Webcomics</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/new-release-manhua-and-webcomic">New Release</a></li><li><a href="/collections/pre-order-manhua-and-webcomic">Pre-Orders</a></li><li><a href="/collections/manhua-and-webcomic-action-and-adventure">Action and Adventure</a></li><li><a href="/collections/manhua-and-webcomic-romance">Romance</a></li><li><a href="/collections/manhua-and-webcomic-horror">Horror</a></li><li><a href="/collections/manhua-and-webcomic-yaoi">Yaoi</a></li><li><a href="/collections/manhua-and-webcomic-yuri">Yuri</a></li><li><a href="/collections/manhua-and-webcomic-mature">Mature</a></li><li><a href="/collections/manhua-and-webcomic-all-ages">All Ages</a></li><li><a href="/collections/manhua-and-webcomic-box-set">Box Sets</a></li><li><a href="/collections/manhua-and-webcomic-special-edition">Special Editions</a></li></ul><a
2379    class="s-mega-menu__shop-all"
2380    href="/collections/manhua-and-webcomic-all"
2381  >
2382    Shop all Manhua and Webcomics
2383    <span aria-hidden="true"><svg
2384  xmlns="http://www.w3.org/2000/svg"
2385  width="24"
2386  height="24"
2387  viewBox="0 0 24 24"
2388  fill="none"
2389  aria-hidden="true"
2390  focusable="false"
2391  role="presentation"
2392>
2393  <path
2394    d="M2 12H21M13 4L21 12L13 20"
2395    stroke="currentColor"
2396    stroke-width="3"
2397    stroke-linecap="square"
2398    stroke-linejoin="miter"
2399  />
2400</svg>
2401</span>
2402  </a>
2403</div>
2404
2405<div class="s-mega-menu__column">
2406  <a class="s-mega-menu__column-title" href="/collections/novels">Novels</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/new-release-novel">New Releases</a></li><li><a href="/collections/pre-order-novel">Pre-Order</a></li><li><a href="/collections/novel-black-library">Black Library</a></li><li><a href="/collections/novel-fiction">Fiction</a></li><li><a href="/collections/novel-non-fiction">Non-Fiction</a></li><li><a href="/collections/novel-choose-your-own-adventure">Choose Your Own Adventure</a></li></ul><a
2407    class="s-mega-menu__shop-all"
2408    href="/collections/novels"
2409  >
2410    Shop all Novels
2411    <span aria-hidden="true"><svg
2412  xmlns="http://www.w3.org/2000/svg"
2413  width="24"
2414  height="24"
2415  viewBox="0 0 24 24"
2416  fill="none"
2417  aria-hidden="true"
2418  focusable="false"
2419  role="presentation"
2420>
2421  <path
2422    d="M2 12H21M13 4L21 12L13 20"
2423    stroke="currentColor"
2424    stroke-width="3"
2425    stroke-linecap="square"
2426    stroke-linejoin="miter"
2427  />
2428</svg>
2429</span>
2430  </a>
2431</div>
2432
2433</div><div class="s-mega-menu__column-stack s-mega-menu__column-stack--3"><div class="s-mega-menu__column">
2434  <a class="s-mega-menu__column-title" href="/collections/light-novel-all">Light Novels</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/new-release-light-novel">New Releases</a></li><li><a href="/collections/pre-order-light-novel">Pre-Orders</a></li><li><a href="/collections/light-novel-action-and-adventure">Action and Adventure</a></li><li><a href="/collections/light-novel-romance">Romance</a></li><li><a href="/collections/light-novel-horror">Horror</a></li><li><a href="/collections/light-novel-yaoi">Yaoi</a></li><li><a href="/collections/light-novel-yuri">Yuri</a></li><li><a href="/collections/light-novel-mature">Mature</a></li></ul><a
2435    class="s-mega-menu__shop-all"
2436    href="/collections/light-novel-all"
2437  >
2438    Shop all Light Novels
2439    <span aria-hidden="true"><svg
2440  xmlns="http://www.w3.org/2000/svg"
2441  width="24"
2442  height="24"
2443  viewBox="0 0 24 24"
2444  fill="none"
2445  aria-hidden="true"
2446  focusable="false"
2447  role="presentation"
2448>
2449  <path
2450    d="M2 12H21M13 4L21 12L13 20"
2451    stroke="currentColor"
2452    stroke-width="3"
2453    stroke-linecap="square"
2454    stroke-linejoin="miter"
2455  />
2456</svg>
2457</span>
2458  </a>
2459</div>
2460
2461<div class="s-mega-menu__column">
2462  <a class="s-mega-menu__column-title" href="/collections/danmei-and-baihe-all">Danmei and Baihe</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/new-release-danmei-and-baihe">New Releases</a></li><li><a href="/collections/pre-order-danmei-and-baihe">Pre-Orders</a></li><li><a href="/collections/danmei-and-baihe-mature">Mature</a></li><li><a href="/collections/danmei-and-baihe-special-edition">Special Edition</a></li></ul><a
2463    class="s-mega-menu__shop-all"
2464    href="/collections/danmei-and-baihe-all"
2465  >
2466    Shop all Danmei and Baihe
2467    <span aria-hidden="true"><svg
2468  xmlns="http://www.w3.org/2000/svg"
2469  width="24"
2470  height="24"
2471  viewBox="0 0 24 24"
2472  fill="none"
2473  aria-hidden="true"
2474  focusable="false"
2475  role="presentation"
2476>
2477  <path
2478    d="M2 12H21M13 4L21 12L13 20"
2479    stroke="currentColor"
2480    stroke-width="3"
2481    stroke-linecap="square"
2482    stroke-linejoin="miter"
2483  />
2484</svg>
2485</span>
2486  </a>
2487</div>
2488
2489<div class="s-mega-menu__column">
2490  <a class="s-mega-menu__column-title" href="/collections/other-book-all">Other Books</a><ul class="s-mega-menu__links" role="list"><li>
2490<a href="/collections/new-release-other-book">New Releases</a></li><li><a href="/collections/pre-order-other-book">Pre-Order</a></li><li><a href="/collections/other-book-art-books">Art Books</a></li><li><a href="/collections/other-book-cookbooks">Cookbooks</a></li><li><a href="/collections/other-book-arts-and-crafts">Arts and Crafts</a></li><li><a href="/collections/other-book-other">Other</a></li></ul><a
2491    class="s-mega-menu__shop-all"
2492    href="/collections/other-book-all"
2493  >
2494    Shop all Other Books
2495    <span aria-hidden="true"><svg
2496  xmlns="http://www.w3.org/2000/svg"
2497  width="24"
2498  height="24"
2499  viewBox="0 0 24 24"
2500  fill="none"
2501  aria-hidden="true"
2502  focusable="false"
2503  role="presentation"
2504>
2505  <path
2506    d="M2 12H21M13 4L21 12L13 20"
2507    stroke="currentColor"
2508    stroke-width="3"
2509    stroke-linecap="square"
2510    stroke-linejoin="miter"
2511  />
2512</svg>
2513</span>
2514  </a>
2515</div>
2516
2517</div></div><div
2518                  class="s-mega-menu__columns js-mega-menu-content hidden"
2519                  data-tab="shop-board-games"
2520                ><div class="s-mega-menu__column-stack s-mega-menu__column-stack--1"><div class="s-mega-menu__column">
2521  <a class="s-mega-menu__column-title" href="#">New Release &amp; Pre-Orders</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/new-release-board-game">New Release</a></li><li><a href="/collections/pre-order-board-game">Pre-Order</a></li></ul><a
2522    class="s-mega-menu__shop-all"
2523    href="#"
2524  >
2525    Shop all New Release &amp; Pre-Orders
2526    <span aria-hidden="true"><svg
2527  xmlns="http://www.w3.org/2000/svg"
2528  width="24"
2529  height="24"
2530  viewBox="0 0 24 24"
2531  fill="none"
2532  aria-hidden="true"
2533  focusable="false"
2534  role="presentation"
2535>
2536  <path
2537    d="M2 12H21M13 4L21 12L13 20"
2538    stroke="currentColor"
2539    stroke-width="3"
2540    stroke-linecap="square"
2541    stroke-linejoin="miter"
2542  />
2543</svg>
2544</span>
2545  </a>
2546</div>
2547
2548</div><div class="s-mega-menu__column-stack s-mega-menu__column-stack--2"><div class="s-mega-menu__column">
2549  <a class="s-mega-menu__column-title" href="#">Category/Genre</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/board-game-solo-game">Solo Games</a></li><li><a href="/collections/board-game-two-player-game">Two Player Games</a></li><li><a href="/collections/board-game-abstract-game">Abstract Games</a></li><li><a href="/collections/board-game-campaign-game">Campaign Games</a></li><li><a href="/collections/board-game-card-game">Card Games</a></li><li><a href="/collections/board-game-cooperative-game">Cooperative Games</a></li><li><a href="/collections/board-game-cosy-game">Cosy Games</a></li><li><a href="/collections/board-game-family-game">Family Games</a></li><li><a href="/collections/board-game-games-on-the-go">Games On-The-Go</a></li><li><a href="/collections/board-game-legacy-game">Legacy Games</a></li><li><a href="/collections/board-game-party-game">Party Games</a></li><li><a href="/collections/board-game-pick-up-and-play">Pick Up and Play!</a></li><li><a href="/collections/board-game-puzzle-game">Puzzle Games</a></li><li><a href="/collections/board-game-strategy-game">Strategy Games</a></li></ul><a
2550    class="s-mega-menu__shop-all"
2551    href="#"
2552  >
2553    Shop all Category/Genre
2554    <span aria-hidden="true"><svg
2555  xmlns="http://www.w3.org/2000/svg"
2556  width="24"
2557  height="24"
2558  viewBox="0 0 24 24"
2559  fill="none"
2560  aria-hidden="true"
2561  focusable="false"
2562  role="presentation"
2563>
2564  <path
2565    d="M2 12H21M13 4L21 12L13 20"
2566    stroke="currentColor"
2567    stroke-width="3"
2568    stroke-linecap="square"
2569    stroke-linejoin="miter"
2570  />
2571</svg>
2572</span>
2573  </a>
2574</div>
2575
2576</div><div class="s-mega-menu__column-stack s-mega-menu__column-stack--3"><div class="s-mega-menu__column">
2577  <a class="s-mega-menu__column-title" href="#">Mechanics</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/board-game-area-control">Area Control</a></li><li><a href="/collections/board-game-deck-building">Deck Building</a></li><li><a href="/collections/board-game-drafting">Drafting</a></li><li><a href="/collections/board-game-push-your-luck">Push Your Luck</a></li><li><a href="/collections/board-game-set-collection">Set Collection</a></li><li>
2577<a href="/collections/board-game-social-deduction">Social Deduction</a></li><li><a href="/collections/board-game-tile-placement">Tile Placement</a></li><li><a href="/collections/board-game-trick-taking">Trick Taking</a></li><li><a href="/collections/board-game-worker-placement">Worker Placement</a></li></ul><a
2578    class="s-mega-menu__shop-all"
2579    href="#"
2580  >
2581    Shop all Mechanics
2582    <span aria-hidden="true"><svg
2583  xmlns="http://www.w3.org/2000/svg"
2584  width="24"
2585  height="24"
2586  viewBox="0 0 24 24"
2587  fill="none"
2588  aria-hidden="true"
2589  focusable="false"
2590  role="presentation"
2591>
2592  <path
2593    d="M2 12H21M13 4L21 12L13 20"
2594    stroke="currentColor"
2595    stroke-width="3"
2596    stroke-linecap="square"
2597    stroke-linejoin="miter"
2598  />
2599</svg>
2600</span>
2601  </a>
2602</div>
2603
2604<div class="s-mega-menu__column">
2605  <a class="s-mega-menu__column-title" href="#">Collections</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/board-game-collection-escape-room">Escape Room</a></li><li><a href="/collections/board-game-collection-marvel">Marvel</a></li><li><a href="/collections/board-game-collection-disney">Disney</a></li><li><a href="/collections/board-game-collection-star-wars">Star Wars</a></li><li><a href="/collections/board-game-collection-lord-of-the-rings">Lord of the Rings</a></li></ul><a
2606    class="s-mega-menu__shop-all"
2607    href="#"
2608  >
2609    Shop all Collections
2610    <span aria-hidden="true"><svg
2611  xmlns="http://www.w3.org/2000/svg"
2612  width="24"
2613  height="24"
2614  viewBox="0 0 24 24"
2615  fill="none"
2616  aria-hidden="true"
2617  focusable="false"
2618  role="presentation"
2619>
2620  <path
2621    d="M2 12H21M13 4L21 12L13 20"
2622    stroke="currentColor"
2623    stroke-width="3"
2624    stroke-linecap="square"
2625    stroke-linejoin="miter"
2626  />
2627</svg>
2628</span>
2629  </a>
2630</div>
2631
2632</div></div><div
2633                  class="s-mega-menu__columns js-mega-menu-content hidden"
2634                  data-tab="shop-roleplaying-games"
2635                ><div class="s-mega-menu__column-stack s-mega-menu__column-stack--1"><div class="s-mega-menu__column">
2636  <a class="s-mega-menu__column-title" href="/collections/roleplaying-game-all">Roleplaying Games</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/new-release-roleplaying-game">New Releases</a></li><li><a href="/collections/pre-order-roleplaying-game">Pre-Orders</a></li><li><a href="/collections/roleplaying-game-dungeons-dragons">Dungeons &amp; Dragons</a></li><li><a href="/collections/roleplaying-game-call-of-cthulhu">Call of Cthulhu</a></li><li><a href="/collections/roleplaying-game-pathfinder-and-starfinder">Pathfinder and Starfinder</a></li><li><a href="/collections/roleplaying-game-free-league">Free League</a></li><li><a href="/collections/roleplaying-game-borg-system">Börg System</a></li><li><a href="/collections/roleplaying-game-solo-rpg">Solo RPGs</a></li><li><a href="/collections/roleplaying-game-indie-rpg">Indie RPGs</a></li><li><a href="/collections/roleplaying-game-rpg-accessory">RPG Accessories</a></li><li><a href="/collections/roleplaying-starter-sets">Starter Sets</a></li></ul><a
2637    class="s-mega-menu__shop-all"
2638    href="/collections/roleplaying-game-all"
2639  >
2640    Shop all Roleplaying Games
2641    <span aria-hidden="true"><svg
2642  xmlns="http://www.w3.org/2000/svg"
2643  width="24"
2644  height="24"
2645  viewBox="0 0 24 24"
2646  fill="none"
2647  aria-hidden="true"
2648  focusable="false"
2649  role="presentation"
2650>
2651  <path
2652    d="M2 12H21M13 4L21 12L13 20"
2653    stroke="currentColor"
2654    stroke-width="3"
2655    stroke-linecap="square"
2656    stroke-linejoin="miter"
2657  />
2658</svg>
2659</span>
2660  </a>
2661</div>
2662
2663</div></div><div
2664                  class="s-mega-menu__columns js-mega-menu-content hidden"
2665                  data-tab="shop-tcgs"
2666                ><div class="s-mega-menu__column-stack s-mega-menu__column-stack--1"><div class="s-mega-menu__column">
2667  <a class="s-mega-menu__column-title" href="/collections/tcg-all">TCGs &amp; CCGs</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/new-release-tcg">New Release</a></li><li><a href="/collections/pre-order-tcg">Pre-Order</a></li><li><a href="/collections/tcg-pokemon-tcg">Pokémon TCG</a></li><li><a href="/collections/tcg-magic-the-gathering">Magic the Gathering</a></li><li><a href="/collections/tcg-one-piece-card-game">One Piece Card Game</a></li><li><a href="/collections/tcg-yu-gi-oh-tcg">Yu-Gi-Oh! TCG</a></li><li><a href="/collections/tcg-disney-lorcana-tcg">Lorcana TCG</a></li><li><a href="/collections/tcg-gundam-card-game">Gundam Card Game</a></li><li><a href="/collections/tcg-digimon-card-game">Digimon Card Game</a></li><li><a href="/collections/tcg-riftbound-league-of-legends-tcg">Riftbound League of Legends TCG</a></li><li><a href="/collections/tcg-star-wars-unlimited">Star Wars Unlimited</a></li><li><a href="/collections/tcg-dragon-ball-super-card-game">Dragon Ball Super Card Game</a></li><li><a href="/collections/tcg-other-tcg">Other TCGs</a></li></ul><a
2668    class="s-mega-menu__shop-all"
2669    href="/collections/tcg-all"
2670  >
2671    Shop all TCGs &amp; CCGs
2672    <span aria-hidden="true"><svg
2673  xmlns="http://www.w3.org/2000/svg"
2674  width="24"
2675  height="24"
2676  viewBox="0 0 24 24"
2677  fill="none"
2678  aria-hidden="true"
2679  focusable="false"
2680  role="presentation"
2681>
2682  <path
2683    d="M2 12H21M13 4L21 12L13 20"
2684    stroke="currentColor"
2685    stroke-width="3"
2686    stroke-linecap="square"
2687    stroke-linejoin="miter"
2688  />
2689</svg>
2690</span>
2691  </a>
2692</div>
2693
2694</div><div class="s-mega-menu__column-stack s-mega-menu__column-stack--2"><div class="s-mega-menu__column">
2695  <a class="s-mega-menu__column-title" href="/collections/accessory-all">Accessories</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/accessory-binders">Binders</a></li><li><a href="/collections/accessory-card-sleeves">Card Sleeves</a></li><li><a href="/collections/accessory-dice">Dice</a></li><li><a href="/collections/accessory-deck-boxes">Deck Boxes</a></li><li><a href="/collections/accessory-playmats">Playmats</a></li><li><a href="/collections/accessory-ultra-pro">Ultra Pro</a></li><li><a href="/collections/accessory-vaultx">VaultX</a></li><li><a href="/collections/accessory-gamegenic">Gamegenic</a></li></ul><a
2696    class="s-mega-menu__shop-all"
2697    href="/collections/accessory-all"
2698  >
2699    Shop all Accessories
2700    <span aria-hidden="true"><svg
2701  xmlns="http://www.w3.org/2000/svg"
2702  width="24"
2703  height="24"
2704  viewBox="0 0 24 24"
2705  fill="none"
2706  aria-hidden="true"
2707  focusable="false"
2708  role="presentation"
2709>
2710  <path
2711    d="M2 12H21M13 4L21 12L13 20"
2712    stroke="currentColor"
2713    stroke-width="3"
2714    stroke-linecap="square"
2715    stroke-linejoin="miter"
2716  />
2717</svg>
2718</span>
2719  </a>
2720</div>
2721
2722</div></div><div
2723                  class="s-mega-menu__columns js-mega-menu-content hidden"
2724                  data-tab="shop-miniature-games"
2725                ><div class="s-mega-menu__column-stack s-mega-menu__column-stack--1"><div class="s-mega-menu__column">
2726  <a class="s-mega-menu__column-title" href="/collections/miniature-game-all">Miniature Games</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/new-release-miniature-game">New Releases</a></li><li><a href="/collections/pre-order-miniature-game">Pre-Orders</a></li><li><a href="/collections/miniature-game-trench-crusade">Trench Crusade</a></li><li><a href="/collections/miniature-game-starcraft">Starcraft</a></li><li><a href="/collections/miniature-game-dungeons-lasers">Dungeons &amp; Lasers</a></li><li><a href="/collections/miniature-game-other-miniature-game">Other Miniature Games</a></li><li><a href="/collections/miniature-game-terrain">Terrain</a></li><li><a href="/collections/miniature-game-starter-set">Starter Sets</a></li></ul><a
2727    class="s-mega-menu__shop-all"
2728    href="/collections/miniature-game-all"
2729  >
2730    Shop all Miniature Games
2731    <span aria-hidden="true"><svg
2732  xmlns="http://www.w3.org/2000/svg"
2733  width="24"
2734  height="24"
2735  viewBox="0 0 24 24"
2736  fill="none"
2737  aria-hidden="true"
2738  focusable="false"
2739  role="presentation"
2740>
2741  <path
2742    d="M2 12H21M13 4L21 12L13 20"
2743    stroke="currentColor"
2744    stroke-width="3"
2745    stroke-linecap="square"
2746    stroke-linejoin="miter"
2747  />
2748</svg>
2749</span>
2750  </a>
2751</div>
2752
2753</div><div class="s-mega-menu__column-stack s-mega-menu__column-stack--2"><div class="s-mega-menu__column">
2754  <a class="s-mega-menu__column-title" href="/collections/miniature-game-all">Warhammer</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/warhammer-40-000-all">Warhammer 40,000</a></li><li><a href="/collections/age-of-sigmar-all">Age of Sigmar</a></li><li><a href="/collections/the-horus-heresy-all">The Horus Heresy</a></li><li><a href="/collections/the-old-world-all">The Old World</a></li><li><a href="/collections/middle-earth-strategy-battle-game-all">Middle Earth Strategy Battle Game</a></li><li><a href="/collections/kill-team-all">Kill Team</a></li><li><a href="/collections/necromunda-all">Necromunda</a></li><li><a href="/collections/blood-bowl-all">Blood Bowl</a></li><li><a href="/collections/warhammer-quest-darkwater-all">
2754Warhammer Quest: Darkwater</a></li><li><a href="/collections/warhammer-underworlds-all">Warhammer Underworlds</a></li></ul><a
2755    class="s-mega-menu__shop-all"
2756    href="/collections/miniature-game-all"
2757  >
2758    Shop all Warhammer
2759    <span aria-hidden="true"><svg
2760  xmlns="http://www.w3.org/2000/svg"
2761  width="24"
2762  height="24"
2763  viewBox="0 0 24 24"
2764  fill="none"
2765  aria-hidden="true"
2766  focusable="false"
2767  role="presentation"
2768>
2769  <path
2770    d="M2 12H21M13 4L21 12L13 20"
2771    stroke="currentColor"
2772    stroke-width="3"
2773    stroke-linecap="square"
2774    stroke-linejoin="miter"
2775  />
2776</svg>
2777</span>
2778  </a>
2779</div>
2780
2781</div><div class="s-mega-menu__column-stack s-mega-menu__column-stack--3"><div class="s-mega-menu__column">
2782  <a class="s-mega-menu__column-title" href="#">Accessories</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/miniature-game-accessory-mat">Mats</a></li><li><a href="/collections/miniature-game-accessory-case">Cases</a></li><li><a href="/collections/miniature-game-accessory-dice">Dice</a></li><li><a href="/collections/miniature-game-accessory-measuring-tape">
2782Measuring Tape and Rulers</a></li><li><a href="/collections/miniature-game-accessory-other-accessory">Other Accessory</a></li></ul><a
2783    class="s-mega-menu__shop-all"
2784    href="#"
2785  >
2786    Shop all Accessories
2787    <span aria-hidden="true"><svg
2788  xmlns="http://www.w3.org/2000/svg"
2789  width="24"
2790  height="24"
2791  viewBox="0 0 24 24"
2792  fill="none"
2793  aria-hidden="true"
2794  focusable="false"
2795  role="presentation"
2796>
2797  <path
2798    d="M2 12H21M13 4L21 12L13 20"
2799    stroke="currentColor"
2800    stroke-width="3"
2801    stroke-linecap="square"
2802    stroke-linejoin="miter"
2803  />
2804</svg>
2805</span>
2806  </a>
2807</div>
2808
2809</div></div><div
2810                  class="s-mega-menu__columns js-mega-menu-content hidden"
2811                  data-tab="shop-hobby-supplies"
2812                ><div class="s-mega-menu__column-stack s-mega-menu__column-stack--1"><div class="s-mega-menu__column">
2813  <a class="s-mega-menu__column-title" href="/collections/hobby-supply-painting-all">Painting</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/hobby-supply-painting-airbrush">Airbrushing</a></li><li><a href="/collections/hobby-supply-painting-brush">Brushes</a></li><li><a href="/collections/hobby-supply-painting-effect-paint">Effect Paints</a></li><li><a href="/collections/hobby-supply-painting-paint-set">Paint Sets</a></li><li><a href="/collections/hobby-supply-painting-paint-markers">Paint Markers</a></li><li><a href="/collections/hobby-supply-painting-accessory">Accessories</a></li><li><a href="/collections/hobby-supply-painting-spray-paint">Spray Paint</a></li></ul><a
2814    class="s-mega-menu__shop-all"
2815    href="/collections/hobby-supply-painting-all"
2816  >
2817    Shop all Painting
2818    <span aria-hidden="true"><svg
2819  xmlns="http://www.w3.org/2000/svg"
2820  width="24"
2821  height="24"
2822  viewBox="0 0 24 24"
2823  fill="none"
2824  aria-hidden="true"
2825  focusable="false"
2826  role="presentation"
2827>
2828  <path
2829    d="M2 12H21M13 4L21 12L13 20"
2830    stroke="currentColor"
2831    stroke-width="3"
2832    stroke-linecap="square"
2833    stroke-linejoin="miter"
2834  />
2835</svg>
2836</span>
2837  </a>
2838</div>
2839
2840</div><div class="s-mega-menu__column-stack s-mega-menu__column-stack--2"><div class="s-mega-menu__column">
2841  <a class="s-mega-menu__column-title" href="/collections/hobby-supply-modelling-all">Modelling</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/hobby-supply-modelling-basing">Basing</a></li><li><a href="/collections/hobby-supply-modelling-glue">Glue</a></li><li><a href="/collections/hobby-supply-modelling-tool">Tools</a></li><li><a href="/collections/hobby-supply-modelling-other-modelling-supply">Other Modelling Supply</a></li></ul><a
2842    class="s-mega-menu__shop-all"
2843    href="/collections/hobby-supply-modelling-all"
2844  >
2845    Shop all Modelling
2846    <span aria-hidden="true"><svg
2847  xmlns="http://www.w3.org/2000/svg"
2848  width="24"
2849  height="24"
2850  viewBox="0 0 24 24"
2851  fill="none"
2852  aria-hidden="true"
2853  focusable="false"
2854  role="presentation"
2855>
2856  <path
2857    d="M2 12H21M13 4L21 12L13 20"
2858    stroke="currentColor"
2859    stroke-width="3"
2860    stroke-linecap="square"
2861    stroke-linejoin="miter"
2862  />
2863</svg>
2864</span>
2865  </a>
2866</div>
2867
2868</div><div class="s-mega-menu__column-stack s-mega-menu__column-stack--3"><div class="s-mega-menu__column">
2869  <a class="s-mega-menu__column-title" href="/collections/hobby-supply-painting-all">Paint Ranges</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/hobby-supply-paint-range-ak-interactive">AK Interactive</a></li><li><a href="/collections/hobby-supply-paint-range-army-painter">Army Painter</a></li><li><a href="/collections/darkstar-molten-metals-1">Darkstar Molten Metals</a></li><li><a href="/collections/hobby-supply-paint-range-pro-acryl">Pro Acryl</a></li><li><a href="/collections/hobby-supply-paint-range-turbo-dork">Turbo Dork</a></li><li><a href="/collections/hobby-supply-paint-range-two-thin-coats">Two Thin Coats</a></li><li><a href="/collections/hobby-supply-paint-range-vallejo">Vallejo</a></li><li><a href="/collections/hobby-supply-paint-range-warhammer-colour">Warhammer Colour</a></li></ul><a
2870    class="s-mega-menu__shop-all"
2871    href="/collections/hobby-supply-painting-all"
2872  >
2873    Shop all Paint Ranges
2874    <span aria-hidden="true"><svg
2875  xmlns="http://www.w3.org/2000/svg"
2876  width="24"
2877  height="24"
2878  viewBox="0 0 24 24"
2879  fill="none"
2880  aria-hidden="true"
2881  focusable="false"
2882  role="presentation"
2883>
2884  <path
2885    d="M2 12H21M13 4L21 12L13 20"
2886    stroke="currentColor"
2887    stroke-width="3"
2888    stroke-linecap="square"
2889    stroke-linejoin="miter"
2890  />
2891</svg>
2892</span>
2893  </a>
2894</div>
2895
2896</div></div><div
2897                  class="s-mega-menu__columns js-mega-menu-content hidden"
2898                  data-tab="shop-merchandise"
2899                ><div class="s-mega-menu__column-stack s-mega-menu__column-stack--1"><div class="s-mega-menu__column">
2900  <a class="s-mega-menu__column-title" href="/collections/merchandise">Merch</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/new-release-merchandise">New Releases</a></li><li><a href="/collections/pre-order-merchandise">Pre-Order</a></li><li><a href="/collections/merchandise-action-figure">Action Figures</a></li><li><a href="/collections/merchandise-plush">Plush</a></li><li><a href="/collections/blind-boxes">Blind Boxes</a></li><li><a href="/collections/merchandise-anime">Anime</a></li><li><a href="/collections/merchandise-video-game">Video Game</a></li></ul><a
2901    class="s-mega-menu__shop-all"
2902    href="/collections/merchandise"
2903  >
2904    Shop all Merch
2905    <span aria-hidden="true"><svg
2906  xmlns="http://www.w3.org/2000/svg"
2907  width="24"
2908  height="24"
2909  viewBox="0 0 24 24"
2910  fill="none"
2911  aria-hidden="true"
2912  focusable="false"
2913  role="presentation"
2914>
2915  <path
2916    d="M2 12H21M13 4L21 12L13 20"
2917    stroke="currentColor"
2918    stroke-width="3"
2919    stroke-linecap="square"
2920    stroke-linejoin="miter"
2921  />
2922</svg>
2923</span>
2924  </a>
2925</div>
2926
2927</div><div class="s-mega-menu__column-stack s-mega-menu__column-stack--2"><div class="s-mega-menu__column">
2928  <a class="s-mega-menu__column-title" href="/collections/merchandise-statue-all">Statues</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/merchandise-statue-anime">Anime</a></li><li><a href="/collections/merchandise-statue-video-game">Video Game</a></li><li><a href="/collections/merchandise-statue-banpresto">Banpresto</a></li></ul><a
2929    class="s-mega-menu__shop-all"
2930    href="/collections/merchandise-statue-all"
2931  >
2932    Shop all Statues
2933    <span aria-hidden="true"><svg
2934  xmlns="http://www.w3.org/2000/svg"
2935  width="24"
2936  height="24"
2937  viewBox="0 0 24 24"
2938  fill="none"
2939  aria-hidden="true"
2940  focusable="false"
2941  role="presentation"
2942>
2943  <path
2944    d="M2 12H21M13 4L21 12L13 20"
2945    stroke="currentColor"
2946    stroke-width="3"
2947    stroke-linecap="square"
2948    stroke-linejoin="miter"
2949  />
2950</svg>
2951</span>
2952  </a>
2953</div>
2954
2955<div class="s-mega-menu__column">
2956  <a class="s-mega-menu__column-title" href="/collections/merchandise-pokemon-all">Pokemon</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/merchandise-pokemon-plush">Plush</a></li><li><a href="/collections/merchandise-pokemon-blind-box">Blind Boxes</a></li><li><a href="/collections/merchandise-pokemon-figure">Figures</a></li><li><a href="/collections/merchandise-pokemon-model-kit">Model Kits</a></li></ul><a
2957    class="s-mega-menu__shop-all"
2958    href="/collections/merchandise-pokemon-all"
2959  >
2960    Shop all Pokemon
2961    <span aria-hidden="true"><svg
2962  xmlns="http://www.w3.org/2000/svg"
2963  width="24"
2964  height="24"
2965  viewBox="0 0 24 24"
2966  fill="none"
2967  aria-hidden="true"
2968  focusable="false"
2969  role="presentation"
2970>
2971  <path
2972    d="M2 12H21M13 4L21 12L13 20"
2973    stroke="currentColor"
2974    stroke-width="3"
2975    stroke-linecap="square"
2976    stroke-linejoin="miter"
2977  />
2978</svg>
2979</span>
2980  </a>
2981</div>
2982
2983</div><div class="s-mega-menu__column-stack s-mega-menu__column-stack--3"><div class="s-mega-menu__column">
2984  <a class="s-mega-menu__column-title" href="/collections/model-kits">Model Kits</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/model-kit-gunpla">Gunpla</a></li><li><a href="/collections/model-kit-anime-model-kit">Anime</a></li><li><a href="/collections/pokemon-model-kits">Pokemon</a></li><li><a href="/collections/model-kits-other-model-kits">Other Model Kits</a></li><li><a href="/collections/model-kit-tool-and-accessory">Tools and Accessories</a></li></ul><a
2985    class="s-mega-menu__shop-all"
2986    href="/collections/model-kits"
2987  >
2988    Shop all Model Kits
2989    <span aria-hidden="true"><svg
2990  xmlns="http://www.w3.org/2000/svg"
2991  width="24"
2992  height="24"
2993  viewBox="0 0 24 24"
2994  fill="none"
2995  aria-hidden="true"
2996  focusable="false"
2997  role="presentation"
2998>
2999  <path
3000    d="M2 12H21M13 4L21 12L13 20"
3001    stroke="currentColor"
3002    stroke-width="3"
3003    stroke-linecap="square"
3004    stroke-linejoin="miter"
3005  />
3006</svg>
3007</span>
3008  </a>
3009</div>
3010
3011</div></div><div
3012                  class="s-mega-menu__columns js-mega-menu-content hidden"
3013                  data-tab="shop-sale"
3014                ><div class="s-mega-menu__column-stack s-mega-menu__column-stack--1"><div class="s-mega-menu__column">
3015  <a class="s-mega-menu__column-title" href="/collections/sale-all">Sale</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/b-grade">B-Grade</a></li><li><a href="/collections/clearance">Clearance</a></li><li><a href="/collections/sale-manga">Manga</a></li><li><a href="/collections/sale-graphic-novel">Graphic Novels</a></li><li><a href="/collections/sale-book">Books</a></li><li><a href="/collections/sale-board-game">Board Games</a></li><li><a href="/collections/sale-tcg">TCGs</a></li><li><a href="/collections/sale-roleplaying-game">Roleplaying Games</a></li><li><a href="/collections/sale-merchandise">Merchandise</a></li><li><a href="/collections/sale-model-kit">Model Kits</a></li><li><a href="/collections/sale-miniature-game">Miniature Games</a></li></ul><a
3016    class="s-mega-menu__shop-all"
3017    href="/collections/sale-all"
3018  >
3019    Shop all Sale
3020    <span aria-hidden="true"><svg
3021  xmlns="http://www.w3.org/2000/svg"
3022  width="24"
3023  height="24"
3024  viewBox="0 0 24 24"
3025  fill="none"
3026  aria-hidden="true"
3027  focusable="false"
3028  role="presentation"
3029>
3030  <path
3031    d="M2 12H21M13 4L21 12L13 20"
3032    stroke="currentColor"
3033    stroke-width="3"
3034    stroke-linecap="square"
3035    stroke-linejoin="miter"
3036  />
3037</svg>
3038</span>
3039  </a>
3040</div>
3041
3042</div></div></div>
3043          </div>
3044        </div>
3045      </section><section class="s-mega-menu__panel js-mega-menu-panel" data-menu="new-preorders" aria-hidden="true">
3046        <div class="container s-mega-menu__container js-mega-menu-container"><div class="s-mega-menu__layout">
3047            <div class="s-mega-menu__sidebar">
3048              <ul class="s-mega-menu__tabs" role="list"><li><button
3049                        class="s-mega-menu__tab js-mega-menu-tab is-active"
3050                        type="button"
3051                        data-tab="new-preorders-new-releases"
3052                        aria-selected="true"
3053                      >
3054                        <span>
3055                          New Releases
3056                        </span>
3057                      </button></li><li><button
3058                        class="s-mega-menu__tab js-mega-menu-tab"
3059                        type="button"
3060                        data-tab="new-preorders-pre-orders"
3061                        aria-selected="false"
3062                      >
3063                        <span>
3064                          Pre-Orders
3065                        </span>
3066                      </button></li><li><a class="s-mega-menu__tab" href="/collections/sale-all">
3067                        <span>Sale</span>
3068                      </a></li></ul></div>
3069
3070            <div class="s-mega-menu__content js-mega-menu-scroll"><div
3071                  class="s-mega-menu__columns js-mega-menu-content"
3072                  data-tab="new-preorders-new-releases"
3073                ><div class="s-mega-menu__column-stack s-mega-menu__column-stack--1"><div class="s-mega-menu__column">
3074  <a class="s-mega-menu__column-title" href="/collections/new-release-all">New Releases</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/new-release-manga">Manga</a></li><li><a href="/collections/new-release-graphic-novel">Graphic Novels</a></li><li><a href="/collections/new-release-book">Books</a></li><li><a href="/collections/new-release-board-game">Board Games</a></li><li><a href="/collections/new-release-tcg">TCGs</a></li><li><a href="/collections/new-release-roleplaying-game">Roleplaying Games</a></li><li><a href="/collections/new-release-merchandise">Merchandise</a></li><li><a href="/collections/new-release-model-kit">Model Kits</a></li><li><a href="/collections/new-release-miniature-game">Miniature Games</a></li></ul><a
3075    class="s-mega-menu__shop-all"
3076    href="/collections/new-release-all"
3077  >
3078    Shop all New Releases
3079    <span aria-hidden="true"><svg
3080  xmlns="http://www.w3.org/2000/svg"
3081  width="24"
3082  height="24"
3083  viewBox="0 0 24 24"
3084  fill="none"
3085  aria-hidden="true"
3086  focusable="false"
3087  role="presentation"
3088>
3089  <path
3090    d="M2 12H21M13 4L21 12L13 20"
3091    stroke="currentColor"
3092    stroke-width="3"
3093    stroke-linecap="square"
3094    stroke-linejoin="miter"
3095  />
3096</svg>
3097</span>
3098  </a>
3099</div>
3100
3101</div></div><div
3102                  class="s-mega-menu__columns js-mega-menu-content hidden"
3103                  data-tab="new-preorders-pre-orders"
3104                ><div class="s-mega-menu__column-stack s-mega-menu__column-stack--1"><div class="s-mega-menu__column">
3105  <a class="s-mega-menu__column-title" href="/collections/pre-order-all">Pre-Orders</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/pre-order-manga">Manga</a></li><li><a href="/collections/pre-order-graphic-novel">Graphic Novels</a></li><li><a href="/collections/pre-order-book">Books</a></li><li><a href="/collections/pre-order-board-game">Board Games</a></li><li><a href="/collections/pre-order-tcg">TCGs</a></li><li><a href="/collections/pre-order-roleplaying-game">Roleplaying Games</a></li><li><a href="/collections/pre-order-merchandise">Merchandise</a></li><li><a href="/collections/pre-order-model-kit">Model Kits</a></li><li><a href="/collections/pre-order-miniature-game">Miniature Games</a></li></ul><a
3106    class="s-mega-menu__shop-all"
3107    href="/collections/pre-order-all"
3108  >
3109    Shop all Pre-Orders
3110    <span aria-hidden="true"><svg
3111  xmlns="http://www.w3.org/2000/svg"
3112  width="24"
3113  height="24"
3114  viewBox="0 0 24 24"
3115  fill="none"
3116  aria-hidden="true"
3117  focusable="false"
3118  role="presentation"
3119>
3120  <path
3121    d="M2 12H21M13 4L21 12L13 20"
3122    stroke="currentColor"
3123    stroke-width="3"
3124    stroke-linecap="square"
3125    stroke-linejoin="miter"
3126  />
3127</svg>
3128</span>
3129  </a>
3130</div>
3131
3132</div></div></div>
3133          </div>
3134        </div>
3135      </section><section class="s-mega-menu__panel js-mega-menu-panel" data-menu="manga" aria-hidden="true">
3136        <div class="container s-mega-menu__container js-mega-menu-container"><div class="s-mega-menu__layout">
3137            <div class="s-mega-menu__sidebar">
3138              <ul class="s-mega-menu__tabs" role="list"><li><button
3139                        class="s-mega-menu__tab js-mega-menu-tab is-active"
3140                        type="button"
3141                        data-tab="manga-new-release-pre-order"
3142                        aria-selected="true"
3143                      >
3144                        <span>
3145                          New Release &amp; Pre-Order
3146                        </span>
3147                      </button></li><li><button
3148                        class="s-mega-menu__tab js-mega-menu-tab"
3149                        type="button"
3150                        data-tab="manga-genre"
3151                        aria-selected="false"
3152                      >
3153                        <span>
3154                          Genre
3155                        </span>
3156                      </button></li><li><button
3157                        class="s-mega-menu__tab js-mega-menu-tab"
3158                        type="button"
3159                        data-tab="manga-age-range"
3160                        aria-selected="false"
3161                      >
3162                        <span>
3163                          Age Range
3164                        </span>
3165                      </button></li><li><button
3166                        class="s-mega-menu__tab js-mega-menu-tab"
3167                        type="button"
3168                        data-tab="manga-publisher"
3169                        aria-selected="false"
3170                      >
3171                        <span>
3172                          Publisher
3173                        </span>
3174                      </button></li><li><a class="s-mega-menu__tab" href="/collections/manga-box-set">
3175                        <span>Box Sets</span>
3176                      </a></li><li><a class="s-mega-menu__tab" href="/collections/manga-special-edition">
3177                        <span>Special Editions</span>
3178                      </a></li><li><a class="s-mega-menu__tab" href="#">
3179                        <span>Current Anime Season / Airing Now</span>
3180                      </a></li></ul></div>
3181
3182            <div class="s-mega-menu__content js-mega-menu-scroll"><div
3183                  class="s-mega-menu__columns js-mega-menu-content"
3184                  data-tab="manga-new-release-pre-order"
3185                ><div class="s-mega-menu__column-stack">
3186                      <ul class="s-mega-menu__links" role="list"><li><a href="/collections/new-release-manga">New Releases</a></li><li><a href="/collections/pre-order-manga">Pre-Order</a></li></ul>
3187                    </div></div><div
3188                  class="s-mega-menu__columns js-mega-menu-content hidden"
3189                  data-tab="manga-genre"
3190                ><div class="s-mega-menu__column-stack">
3191                      <ul class="s-mega-menu__links" role="list"><li><a href="/collections/manga-action-and-adventure">Action and Adventure</a></li><li><a href="/collections/manga-comedy">Comedy</a></li><li><a href="/collections/manga-crime">Crime</a></li><li><a href="/collections/manga-drama">Drama</a></li><li><a href="/collections/manga-fantasy">Fantasy</a></li><li><a href="/collections/manga-horror">Horror</a></li><li><a href="/collections/manga-isekai">Isekai</a></li><li><a href="/collections/manga-lgbtq">LGBTQ</a></li><li><a href="/collections/manga-mystery">Mystery</a></li><li><a href="/collections/manga-occult">Occult</a></li><li><a href="/collections/manga-romance">Romance</a></li><li><a href="/collections/manga-school-life">School Life</a></li><li><a href="/collections/manga-science-fiction">Science Fiction</a></li><li><a href="/collections/manga-slice-of-life">Slice of Life</a></li><li><a href="/collections/manga-sports">Sports</a></li><li><a href="/collections/manga-supernatural">Supernatural</a></li><li><a href="/collections/manga-thriller">Thriller</a></li><li><a href="/collections/manga-yaoi">Yaoi</a></li><li><a href="/collections/manga-yuri">Yuri</a></li></ul>
3192                    </div></div><div
3193                  class="s-mega-menu__columns js-mega-menu-content hidden"
3194                  data-tab="manga-age-range"
3195                ><div class="s-mega-menu__column-stack">
3196                      <ul class="s-mega-menu__links" role="list"><li><a href="/collections/manga-all-ages">All Ages</a></li><li><a href="/collections/manga-teen">Teen</a></li><li><a href="/collections/manga-older-teen">Older Teen</a></li><li><a href="/collections/manga-mature">Mature</a></li></ul>
3197                    </div></div><div
3198                  class="s-mega-menu__columns js-mega-menu-content hidden"
3199                  data-tab="manga-publisher"
3200                ><div class="s-mega-menu__column-stack">
3201                      <ul class="s-mega-menu__links" role="list"><li><a href="/collections/manga-viz">Viz</a></li><li><a href="/collections/manga-kodansha">Kodansha</a></li><li><a href="/collections/manga-seven-seas">Seven Seas</a></li><li><a href="/collections/manga-yen-press">Yen Press</a></li><li><a href="/collections/manga-square-enix">Square Enix</a></li><li><a href="/collections/manga-tokyo-pop">Tokyo Pop</a></li><li><a href="/collections/manga-dark-horse">Dark Horse</a></li><li><a href="/collections/manga-udon">Udon</a></li><li><a href="/collections/manga-sublime">Sublime</a></li><li><a href="/collections/manga-vertical">Vertical</a></li><li><a href="/collections/manga-indie">Indie</a></li></ul>
3202                    </div></div></div>
3203          </div>
3204        </div>
3205      </section><section class="s-mega-menu__panel js-mega-menu-panel" data-menu="warhammer" aria-hidden="true">
3206        <div class="container s-mega-menu__container js-mega-menu-container"><div class="s-mega-menu__layout">
3207            <div class="s-mega-menu__sidebar">
3208              <ul class="s-mega-menu__tabs" role="list"><li><button
3209                        class="s-mega-menu__tab js-mega-menu-tab is-active"
3210                        type="button"
3211                        data-tab="warhammer-warhammer-40-000"
3212                        aria-selected="true"
3213                      >
3214                        <span>
3215                          Warhammer 40,000
3216                        </span>
3217                      </button></li><li><button
3218                        class="s-mega-menu__tab js-mega-menu-tab"
3219                        type="button"
3220                        data-tab="warhammer-age-of-sigmar"
3221                        aria-selected="false"
3222                      >
3223                        <span>
3224                          Age of Sigmar
3225                        </span>
3226                      </button></li><li><button
3227                        class="s-mega-menu__tab js-mega-menu-tab"
3228                        type="button"
3229                        data-tab="warhammer-the-horus-heresy"
3230                        aria-selected="false"
3231                      >
3232                        <span>
3233                          The Horus Heresy
3234                        </span>
3235                      </button></li><li><button
3236                        class="s-mega-menu__tab js-mega-menu-tab"
3237                        type="button"
3238                        data-tab="warhammer-the-old-world"
3239                        aria-selected="false"
3240                      >
3241                        <span>
3242                          The Old World
3243                        </span>
3244                      </button></li><li><button
3245                        class="s-mega-menu__tab js-mega-menu-tab"
3246                        type="button"
3247                        data-tab="warhammer-middle-earth-strategy-battle-game"
3248                        aria-selected="false"
3249                      >
3250                        <span>
3251                          Middle-Earth Strategy Battle Game
3252                        </span>
3253                      </button></li><li><button
3254                        class="s-mega-menu__tab js-mega-menu-tab"
3255                        type="button"
3256                        data-tab="warhammer-other-games"
3257                        aria-selected="false"
3258                      >
3259                        <span>
3260                          Other Games
3261                        </span>
3262                      </button></li><li><a class="s-mega-menu__tab" href="/collections/novel-black-library">
3263                        <span>Black Library</span>
3264                      </a></li><li><button
3265                        class="s-mega-menu__tab js-mega-menu-tab"
3266                        type="button"
3267                        data-tab="warhammer-warhammer-colour"
3268                        aria-selected="false"
3269                      >
3270                        <span>
3271                          Warhammer Colour
3272                        </span>
3273                      </button></li></ul></div>
3274
3275            <div class="s-mega-menu__content js-mega-menu-scroll"><div
3276                  class="s-mega-menu__columns js-mega-menu-content"
3277                  data-tab="warhammer-warhammer-40-000"
3278                ><div class="s-mega-menu__column-stack s-mega-menu__column-stack--1"><div class="s-mega-menu__column">
3279  <a class="s-mega-menu__column-title" href="/collections/warhammer-40-000-all">Warhammer 40,000</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/new-release-warhammer-40-000">New Releases</a></li><li><a href="/collections/pre-order-warhammer-40-000">Pre-Orders</a></li><li><a href="/collections/warhammer-40-000-starter-set">Starter Sets</a></li><li><a href="/collections/warhammer-40-000-rules-and-codex">Rules and Codex</a></li><li><a href="/collections/warhammer-40-000-combat-patrol">Combat Patrols</a></li><li><a href="/collections/warhammer-40-000-terrain">Terrain</a></li></ul><a
3280    class="s-mega-menu__shop-all"
3281    href="/collections/warhammer-40-000-all"
3282  >
3283    Shop all Warhammer 40,000
3284    <span aria-hidden="true"><svg
3285  xmlns="http://www.w3.org/2000/svg"
3286  width="24"
3287  height="24"
3288  viewBox="0 0 24 24"
3289  fill="none"
3290  aria-hidden="true"
3291  focusable="false"
3292  role="presentation"
3293>
3294  <path
3295    d="M2 12H21M13 4L21 12L13 20"
3296    stroke="currentColor"
3297    stroke-width="3"
3298    stroke-linecap="square"
3299    stroke-linejoin="miter"
3300  />
3301</svg>
3302</span>
3303  </a>
3304</div>
3305
3306<div class="s-mega-menu__column">
3307  <a class="s-mega-menu__column-title" href="/collections/warhammer-40-000-armies-of-chaos">Armies of Chaos</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/warhammer-40-000-chaos-daemons">Chaos Daemons</a></li><li><a href="/collections/warhammer-40-000-chaos-knights">Chaos Knights</a></li><li><a href="/collections/warhammer-40-000-chaos-space-marines">Chaos Space Marines</a></li><li><a href="/collections/warhammer-40-000-death-guard">Death Guard</a></li><li><a href="/collections/warhammer-40-000-emperors-children">Emperor&#39;s Children</a></li><li><a href="/collections/warhammer-40-000-iron-warriors">Iron Warriors</a></li><li><a href="/collections/warhammer-40-000-red-corsairs">Red Corsairs</a></li><li><a href="/collections/warhammer-40-000-thousand-sons">Thousand Sons</a></li><li><a href="/collections/warhammer-40-000-titanicus-traitoris">
3307Titanicus Traitoris</a></li><li><a href="/collections/warhammer-40-000-world-eaters">World Eaters</a></li></ul><a
3308    class="s-mega-menu__shop-all"
3309    href="/collections/warhammer-40-000-armies-of-chaos"
3310  >
3311    Shop all Armies of Chaos
3312    <span aria-hidden="true"><svg
3313  xmlns="http://www.w3.org/2000/svg"
3314  width="24"
3315  height="24"
3316  viewBox="0 0 24 24"
3317  fill="none"
3318  aria-hidden="true"
3319  focusable="false"
3320  role="presentation"
3321>
3322  <path
3323    d="M2 12H21M13 4L21 12L13 20"
3324    stroke="currentColor"
3325    stroke-width="3"
3326    stroke-linecap="square"
3327    stroke-linejoin="miter"
3328  />
3329</svg>
3330</span>
3331  </a>
3332</div>
3333
3334</div><div class="s-mega-menu__column-stack s-mega-menu__column-stack--2"><div class="s-mega-menu__column">
3335  <a class="s-mega-menu__column-title" href="/collections/warhammer-40-000-space-marines">Space Marines</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/warhammer-40-000-black-templars">Black Templars</a></li><li><a href="/collections/warhammer-40-000-blood-angels">Blood Angels</a></li><li><a href="/collections/warhammer-40-000-dark-angels">Dark Angels</a></li><li><a href="/collections/warhammer-40-000-deathwatch">Deathwatch</a></li><li><a href="/collections/warhammer-40-000-grey-knights">Grey Knights</a></li><li><a href="/collections/warhammer-40-000-imperial-fists">Imperial Fists</a></li><li><a href="/collections/warhammer-40-000-iron-hands">Iron Hands</a></li><li><a href="/collections/warhammer-40-000-raven-guard">Raven Guard</a></li><li><a href="/collections/warhammer-40-000-salamanders">Salamanders</a></li><li><a href="/collections/warhammer-40-000-space-wolves">Space Wolves</a></li><li><a href="/collections/warhammer-40-000-ultramarines">Ultramarines</a></li><li><a href="/collections/warhammer-40-000-white-scars">White Scars</a></li></ul><a
3336    class="s-mega-menu__shop-all"
3337    href="/collections/warhammer-40-000-space-marines"
3338  >
3339    Shop all Space Marines
3340    <span aria-hidden="true"><svg
3341  xmlns="http://www.w3.org/2000/svg"
3342  width="24"
3343  height="24"
3344  viewBox="0 0 24 24"
3345  fill="none"
3346  aria-hidden="true"
3347  focusable="false"
3348  role="presentation"
3349>
3350  <path
3351    d="M2 12H21M13 4L21 12L13 20"
3352    stroke="currentColor"
3353    stroke-width="3"
3354    stroke-linecap="square"
3355    stroke-linejoin="miter"
3356  />
3357</svg>
3358</span>
3359  </a>
3360</div>
3361
3362</div><div class="s-mega-menu__column-stack s-mega-menu__column-stack--3"><div class="s-mega-menu__column">
3363  <a class="s-mega-menu__column-title" href="/collections/warhammer-40-000-armies-of-the-imperium">Armies of the Imperium</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/warhammer-40-000-adepta-sororitas">Adepta Sororitas</a></li><li><a href="/collections/warhammer-40-000-adeptus-custodes">Adeptus Custodes</a></li><li><a href="/collections/warhammer-40-000-adeptus-mechanicus">Adeptus Mechanicus</a></li><li><a href="/collections/warhammer-40-000-adeptus-titanicus">Adeptus Titanicus</a></li><li><a href="/collections/warhammer-40-000-astra-militarum">Astra Militarum</a></li><li><a href="/collections/warhammer-40-000-agents-of-the-imperium">Agents of the Imperium</a></li><li><a href="/collections/warhammer-40-000-imperial-knights">Imperial Knights</a></li></ul><a
3364    class="s-mega-menu__shop-all"
3365    href="/collections/warhammer-40-000-armies-of-the-imperium"
3366  >
3367    Shop all Armies of the Imperium
3368    <span aria-hidden="true"><svg
3369  xmlns="http://www.w3.org/2000/svg"
3370  width="24"
3371  height="24"
3372  viewBox="0 0 24 24"
3373  fill="none"
3374  aria-hidden="true"
3375  focusable="false"
3376  role="presentation"
3377>
3378  <path
3379    d="M2 12H21M13 4L21 12L13 20"
3380    stroke="currentColor"
3381    stroke-width="3"
3382    stroke-linecap="square"
3383    stroke-linejoin="miter"
3384  />
3385</svg>
3386</span>
3387  </a>
3388</div>
3389
3390<div class="s-mega-menu__column">
3391  <a class="s-mega-menu__column-title" href="/collections/warhammer-40-000-xenos-armies">Xenos Armies</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/warhammer-40-000-aeldari">Aeldari</a></li><li><a href="/collections/warhammer-40-000-drukhari">Drukhari</a></li><li><a href="/collections/warhammer-40-000-genestealer-cults">Genestealer Cults</a></li><li><a href="/collections/warhammer-40-000-leagues-of-votann">Leagues of Votann</a></li><li><a href="/collections/warhammer-40-000-necrons">Necrons</a></li><li>
3391<a href="/collections/warhammer-40-000-orks">Orks</a></li><li><a href="/collections/warhammer-40-000-tau-empire">T&#39;au Empire</a></li><li><a href="/collections/warhammer-40-000-tyranids">Tyranids</a></li></ul><a
3392    class="s-mega-menu__shop-all"
3393    href="/collections/warhammer-40-000-xenos-armies"
3394  >
3395    Shop all Xenos Armies
3396    <span aria-hidden="true"><svg
3397  xmlns="http://www.w3.org/2000/svg"
3398  width="24"
3399  height="24"
3400  viewBox="0 0 24 24"
3401  fill="none"
3402  aria-hidden="true"
3403  focusable="false"
3404  role="presentation"
3405>
3406  <path
3407    d="M2 12H21M13 4L21 12L13 20"
3408    stroke="currentColor"
3409    stroke-width="3"
3410    stroke-linecap="square"
3411    stroke-linejoin="miter"
3412  />
3413</svg>
3414</span>
3415  </a>
3416</div>
3417
3418</div></div><div
3419                  class="s-mega-menu__columns js-mega-menu-content hidden"
3420                  data-tab="warhammer-age-of-sigmar"
3421                ><div class="s-mega-menu__column-stack s-mega-menu__column-stack--1"><div class="s-mega-menu__column">
3422  <a class="s-mega-menu__column-title" href="/collections/age-of-sigmar-all">Age of Sigmar</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/new-release-age-of-sigmar">New Releases</a></li><li><a href="/collections/pre-order-age-of-sigmar">Pre-Orders</a></li><li><a href="/collections/age-of-sigmar-starter-set">Starter Sets</a></li><li><a href="/collections/age-of-sigmar-rules-and-battletome">Rules and Battletome</a></li><li><a href="/collections/age-of-sigmar-spearhead">Spearheads</a></li><li><a href="/collections/age-of-sigmar-terrain">Terrain</a></li></ul><a
3423    class="s-mega-menu__shop-all"
3424    href="/collections/age-of-sigmar-all"
3425  >
3426    Shop all Age of Sigmar
3427    <span aria-hidden="true"><svg
3428  xmlns="http://www.w3.org/2000/svg"
3429  width="24"
3430  height="24"
3431  viewBox="0 0 24 24"
3432  fill="none"
3433  aria-hidden="true"
3434  focusable="false"
3435  role="presentation"
3436>
3437  <path
3438    d="M2 12H21M13 4L21 12L13 20"
3439    stroke="currentColor"
3440    stroke-width="3"
3441    stroke-linecap="square"
3442    stroke-linejoin="miter"
3443  />
3444</svg>
3445</span>
3446  </a>
3447</div>
3448
3449<div class="s-mega-menu__column">
3450  <a class="s-mega-menu__column-title" href="/collections/age-of-sigmar-destruction">Destruction</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/age-of-sigmar-gloomspite-gitz">Gloomspite Gitz</a></li><li><a href="/collections/age-of-sigmar-ogor-mawtribes">Ogor Mawtribes</a></li><li><a href="/collections/age-of-sigmar-orruk-warclans">Orruk Warclans</a></li><li><a href="/collections/age-of-sigmar-sons-of-behemat">Sons of Behemat</a></li></ul><a
3451    class="s-mega-menu__shop-all"
3452    href="/collections/age-of-sigmar-destruction"
3453  >
3454    Shop all Destruction
3455    <span aria-hidden="true"><svg
3456  xmlns="http://www.w3.org/2000/svg"
3457  width="24"
3458  height="24"
3459  viewBox="0 0 24 24"
3460  fill="none"
3461  aria-hidden="true"
3462  focusable="false"
3463  role="presentation"
3464>
3465  <path
3466    d="M2 12H21M13 4L21 12L13 20"
3467    stroke="currentColor"
3468    stroke-width="3"
3469    stroke-linecap="square"
3470    stroke-linejoin="miter"
3471  />
3472</svg>
3473</span>
3474  </a>
3475</div>
3476
3477</div><div class="s-mega-menu__column-stack s-mega-menu__column-stack--2"><div class="s-mega-menu__column">
3478  <a class="s-mega-menu__column-title" href="/collections/age-of-sigmar-order">Order</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/age-of-sigmar-cities-of-sigmar">Cities of Sigmar</a></li><li><a href="/collections/age-of-sigmar-daughters-of-khaine">Daughters of Khaine</a></li><li><a href="/collections/age-of-sigmar-fyreslayers">Fyreslayers</a></li><li><a href="/collections/age-of-sigmar-idoneth-deepkin">Idoneth Deepkin</a></li><li><a href="/collections/age-of-sigmar-kharadron-overlords">Kharadron Overlords</a></li><li><a href="/collections/age-of-sigmar-lumineth-realm-lords">Lumineth Realm-lords</a></li><li><a href="/collections/age-of-sigmar-seraphon">Seraphon</a></li><li><a href="/collections/age-of-sigmar-stormcast-eternals">Stormcast Eternals</a></li><li><a href="/collections/age-of-sigmar-sylvaneth">Sylvaneth</a></li></ul><a
3479    class="s-mega-menu__shop-all"
3480    href="/collections/age-of-sigmar-order"
3481  >
3482    Shop all Order
3483    <span aria-hidden="true"><svg
3484  xmlns="http://www.w3.org/2000/svg"
3485  width="24"
3486  height="24"
3487  viewBox="0 0 24 24"
3488  fill="none"
3489  aria-hidden="true"
3490  focusable="false"
3491  role="presentation"
3492>
3493  <path
3494    d="M2 12H21M13 4L21 12L13 20"
3495    stroke="currentColor"
3496    stroke-width="3"
3497    stroke-linecap="square"
3498    stroke-linejoin="miter"
3499  />
3500</svg>
3501</span>
3502  </a>
3503</div>
3504
3505</div><div class="s-mega-menu__column-stack s-mega-menu__column-stack--3"><div class="s-mega-menu__column">
3506  <a class="s-mega-menu__column-title" href="/collections/age-of-sigmar-death">Death</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/age-of-sigmar-flesh-eater-courts">Flesh-eater Courts</a></li><li><a href="/collections/age-of-sigmar-nighthaunt">Nighthaunt</a></li><li><a href="/collections/age-of-sigmar-ossiarch-bonereapers">Ossiarch Bonereapers</a></li><li><a href="/collections/age-of-sigmar-soulblight-gravelords">Soulblight Gravelords</a></li></ul><a
3507    class="s-mega-menu__shop-all"
3508    href="/collections/age-of-sigmar-death"
3509  >
3510    Shop all Death
3511    <span aria-hidden="true"><svg
3512  xmlns="http://www.w3.org/2000/svg"
3513  width="24"
3514  height="24"
3515  viewBox="0 0 24 24"
3516  fill="none"
3517  aria-hidden="true"
3518  focusable="false"
3519  role="presentation"
3520>
3521  <path
3522    d="M2 12H21M13 4L21 12L13 20"
3523    stroke="currentColor"
3524    stroke-width="3"
3525    stroke-linecap="square"
3526    stroke-linejoin="miter"
3527  />
3528</svg>
3529</span>
3530  </a>
3531</div>
3532
3533<div class="s-mega-menu__column">
3534  <a class="s-mega-menu__column-title" href="/collections/age-of-sigmar-chaos">Chaos</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/age-of-sigmar-blades-of-khorne">Blades of Khorne</a></li><li><a href="/collections/age-of-sigmar-disciples-of-tzeentch">Disciples of Tzeentch</a></li><li><a href="/collections/age-of-sigmar-hedonites-of-slaanesh">Hedonites of Slaanesh</a></li><li><a href="/collections/age-of-sigmar-helsmiths-of-hashut">Helsmiths of Hashut</a></li><li><a href="/collections/age-of-sigmar-maggotkin-of-nurgle">Maggotkin of Nurgle</a></li><li><a href="/collections/age-of-sigmar-skaven">Skaven</a></li><li><a href="/collections/age-of-sigmar-slaves-to-darkness">Slaves to Darkness</a></li></ul><a
3535    class="s-mega-menu__shop-all"
3536    href="/collections/age-of-sigmar-chaos"
3537  >
3538    Shop all Chaos
3539    <span aria-hidden="true"><svg
3540  xmlns="http://www.w3.org/2000/svg"
3541  width="24"
3542  height="24"
3543  viewBox="0 0 24 24"
3544  fill="none"
3545  aria-hidden="true"
3546  focusable="false"
3547  role="presentation"
3548>
3549  <path
3550    d="M2 12H21M13 4L21 12L13 20"
3551    stroke="currentColor"
3552    stroke-width="3"
3553    stroke-linecap="square"
3554    stroke-linejoin="miter"
3555  />
3556</svg>
3557</span>
3558  </a>
3559</div>
3560
3561</div></div><div
3562                  class="s-mega-menu__columns js-mega-menu-content hidden"
3563                  data-tab="warhammer-the-horus-heresy"
3564                ><div class="s-mega-menu__column-stack s-mega-menu__column-stack--1"><div class="s-mega-menu__column">
3565  <a class="s-mega-menu__column-title" href="/collections/the-horus-heresy-all">The Horus Heresy</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/new-release-the-horus-heresy">New Releases</a></li><li><a href="/collections/pre-order-the-horus-heresy">Pre-Orders</a></li><li><a href="/collections/the-horus-heresy-rules-and-starter-set">Rules &amp; Starter Sets</a></li><li><a href="/collections/the-horus-heresy-adeptus-titanicus">Adeptus Titanicus</a></li></ul><a
3566    class="s-mega-menu__shop-all"
3567    href="/collections/the-horus-heresy-all"
3568  >
3569    Shop all The Horus Heresy
3570    <span aria-hidden="true"><svg
3571  xmlns="http://www.w3.org/2000/svg"
3572  width="24"
3573  height="24"
3574  viewBox="0 0 24 24"
3575  fill="none"
3576  aria-hidden="true"
3577  focusable="false"
3578  role="presentation"
3579>
3580  <path
3581    d="M2 12H21M13 4L21 12L13 20"
3582    stroke="currentColor"
3583    stroke-width="3"
3584    stroke-linecap="square"
3585    stroke-linejoin="miter"
3586  />
3587</svg>
3588</span>
3589  </a>
3590</div>
3591
3592<div class="s-mega-menu__column">
3593  <a class="s-mega-menu__column-title" href="/collections/the-horus-heresy-forces-of-the-cult-mechanicum">Forces of the Cult Mechanicum</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/the-horus-heresy-mechanicum">Mechanicum</a></li><li><a href="/collections/the-horus-heresy-questoris-knights">Questoris Knights</a></li><li><a href="/collections/the-horus-heresy-titan-legions">Titan Legions</a></li></ul><a
3594    class="s-mega-menu__shop-all"
3595    href="/collections/the-horus-heresy-forces-of-the-cult-mechanicum"
3596  >
3597    Shop all Forces of the Cult Mechanicum
3598    <span aria-hidden="true"><svg
3599  xmlns="http://www.w3.org/2000/svg"
3600  width="24"
3601  height="24"
3602  viewBox="0 0 24 24"
3603  fill="none"
3604  aria-hidden="true"
3605  focusable="false"
3606  role="presentation"
3607>
3608  <path
3609    d="M2 12H21M13 4L21 12L13 20"
3610    stroke="currentColor"
3611    stroke-width="3"
3612    stroke-linecap="square"
3613    stroke-linejoin="miter"
3614  />
3615</svg>
3616</span>
3617  </a>
3618</div>
3619
3620<div class="s-mega-menu__column">
3621  <a class="s-mega-menu__column-title" href="/collections/the-horus-heresy-forces-of-the-emperor">Forces of the Emperor</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/the-horus-heresy-assassins">Assassins</a></li><li><a href="/collections/the-horus-heresy-legio-custodes">Legio Custodes</a></li><li><a href="/collections/the-horus-heresy-sisters-of-silence">Sisters of Silence</a></li><li><a href="/collections/the-horus-heresy-solar-auxilia">Solar Auxilia</a></li></ul><a
3622    class="s-mega-menu__shop-all"
3623    href="/collections/the-horus-heresy-forces-of-the-emperor"
3624  >
3625    Shop all Forces of the Emperor
3626    <span aria-hidden="true"><svg
3627  xmlns="http://www.w3.org/2000/svg"
3628  width="24"
3629  height="24"
3630  viewBox="0 0 24 24"
3631  fill="none"
3632  aria-hidden="true"
3633  focusable="false"
3634  role="presentation"
3635>
3636  <path
3637    d="M2 12H21M13 4L21 12L13 20"
3638    stroke="currentColor"
3639    stroke-width="3"
3640    stroke-linecap="square"
3641    stroke-linejoin="miter"
3642  />
3643</svg>
3644</span>
3645  </a>
3646</div>
3647
3648<div class="s-mega-menu__column">
3649  <a class="s-mega-menu__column-title" href="/collections/the-horus-heresy-armies-of-the-warmaster">Armies of the Warmaster</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/the-horus-heresy-daemons-of-the-ruinstorm">Daemons of the Ruinstorm</a></li></ul><a
3650    class="s-mega-menu__shop-all"
3651    href="/collections/the-horus-heresy-armies-of-the-warmaster"
3652  >
3653    Shop all Armies of the Warmaster
3654    <span aria-hidden="true"><svg
3655  xmlns="http://www.w3.org/2000/svg"
3656  width="24"
3657  height="24"
3658  viewBox="0 0 24 24"
3659  fill="none"
3660  aria-hidden="true"
3661  focusable="false"
3662  role="presentation"
3663>
3664  <path
3665    d="M2 12H21M13 4L21 12L13 20"
3666    stroke="currentColor"
3667    stroke-width="3"
3668    stroke-linecap="square"
3669    stroke-linejoin="miter"
3670  />
3671</svg>
3672</span>
3673  </a>
3674</div>
3675
3676</div><div class="s-mega-menu__column-stack s-mega-menu__column-stack--2"><div class="s-mega-menu__column">
3677  <a class="s-mega-menu__column-title" href="/collections/the-horus-heresy-loyalist-space-marine-legions">Loyalist Space Marine Legions</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/the-horus-heresy-blood-angels">Blood Angels</a></li><li><a href="/collections/the-horus-heresy-dark-angels">Dark Angels</a></li><li><a href="/collections/the-horus-heresy-imperial-fists">Imperial Fists</a></li><li><a href="/collections/the-horus-heresy-knights-errant">Knights Errant</a></li><li><a href="/collections/the-horus-heresy-iron-hands">Iron Hands</a></li><li><a href="/collections/the-horus-heresy-raven-guard">Raven Guard</a></li><li><a href="/collections/the-horus-heresy-salamanders">Salamanders</a></li><li><a href="/collections/the-horus-heresy-space-wolves">Space Wolves</a></li><li><a href="/collections/the-horus-heresy-ultramarines">Ultramarines</a></li><li><a href="/collections/the-horus-heresy-white-scars">White Scars</a></li></ul><a
3678    class="s-mega-menu__shop-all"
3679    href="/collections/the-horus-heresy-loyalist-space-marine-legions"
3680  >
3681    Shop all Loyalist Space Marine Legions
3682    <span aria-hidden="true"><svg
3683  xmlns="http://www.w3.org/2000/svg"
3684  width="24"
3685  height="24"
3686  viewBox="0 0 24 24"
3687  fill="none"
3688  aria-hidden="true"
3689  focusable="false"
3690  role="presentation"
3691>
3692  <path
3693    d="M2 12H21M13 4L21 12L13 20"
3694    stroke="currentColor"
3695    stroke-width="3"
3696    stroke-linecap="square"
3697    stroke-linejoin="miter"
3698  />
3699</svg>
3700</span>
3701  </a>
3702</div>
3703
3704</div><div class="s-mega-menu__column-stack s-mega-menu__column-stack--3"><div class="s-mega-menu__column">
3705  <a class="s-mega-menu__column-title" href="/collections/the-horus-heresy-traitor-space-marine-legions">Traitor Space Marine Legions</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/the-horus-heresy-alpha-legion">Alpha Legion</a></li><li><a href="/collections/the-horus-heresy-death-guard">Death Guard</a></li><li><a href="/collections/the-horus-heresy-emperors-children">Emperor&#39;s Children</a></li><li><a href="/collections/the-horus-heresy-iron-warriors">Iron Warriors</a></li><li><a href="/collections/the-horus-heresy-night-lords">Night Lords</a></li><li><a href="/collections/the-horus-heresy-sons-of-horus">Sons of Horus</a></li><li><a href="/collections/the-horus-heresy-thousand-sons">Thousand Sons</a></li><li><a href="/collections/the-horus-heresy-word-bearers">
3705Word Bearers</a></li><li><a href="/collections/the-horus-heresy-world-eaters">World Eaters</a></li></ul><a
3706    class="s-mega-menu__shop-all"
3707    href="/collections/the-horus-heresy-traitor-space-marine-legions"
3708  >
3709    Shop all Traitor Space Marine Legions
3710    <span aria-hidden="true"><svg
3711  xmlns="http://www.w3.org/2000/svg"
3712  width="24"
3713  height="24"
3714  viewBox="0 0 24 24"
3715  fill="none"
3716  aria-hidden="true"
3717  focusable="false"
3718  role="presentation"
3719>
3720  <path
3721    d="M2 12H21M13 4L21 12L13 20"
3722    stroke="currentColor"
3723    stroke-width="3"
3724    stroke-linecap="square"
3725    stroke-linejoin="miter"
3726  />
3727</svg>
3728</span>
3729  </a>
3730</div>
3731
3732<div class="s-mega-menu__column">
3733  <a class="s-mega-menu__column-title" href="/collections/the-horus-heresy-legions-imperialis">Legions Imperialis</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/the-horus-heresy-legions-imperialis-legiones-astartes">Legiones Astartes</a></li><li><a href="/collections/the-horus-heresy-legions-imperialis-solar-auxilia">Solar Auxilia</a></li><li><a href="/collections/the-horus-heresy-legions-imperialis-mechanicum">Mechanicum</a></li><li><a href="/collections/the-horus-heresy-legions-imperialis-dark-mechanicum">Dark Mechanicum</a></li><li><a href="/collections/the-horus-heresy-legions-imperialis-strategic-assets-knights-titans">Strategic Assets - Knights &amp; Titans</a></li><li><a href="/collections/the-horus-heresy-legions-imperialis-rules-starter-set">Rules &amp; Starter Set</a></li><li><a href="/collections/the-horus-heresy-terrain-base-accessory">Terrain, Bases, &amp; Accessories</a></li></ul><a
3734    class="s-mega-menu__shop-all"
3735    href="/collections/the-horus-heresy-legions-imperialis"
3736  >
3737    Shop all Legions Imperialis
3738    <span aria-hidden="true"><svg
3739  xmlns="http://www.w3.org/2000/svg"
3740  width="24"
3741  height="24"
3742  viewBox="0 0 24 24"
3743  fill="none"
3744  aria-hidden="true"
3745  focusable="false"
3746  role="presentation"
3747>
3748  <path
3749    d="M2 12H21M13 4L21 12L13 20"
3750    stroke="currentColor"
3751    stroke-width="3"
3752    stroke-linecap="square"
3753    stroke-linejoin="miter"
3754  />
3755</svg>
3756</span>
3757  </a>
3758</div>
3759
3760</div></div><div
3761                  class="s-mega-menu__columns js-mega-menu-content hidden"
3762                  data-tab="warhammer-the-old-world"
3763                ><div class="s-mega-menu__column-stack s-mega-menu__column-stack--1"><div class="s-mega-menu__column">
3764  <a class="s-mega-menu__column-title" href="/collections/the-old-world-all">The Old World - All</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/new-release-the-old-world">New Releases</a></li><li><a href="/collections/pre-order-the-old-world">Pre-Orders</a></li><li><a href="/collections/the-old-world-rules-starter-set">Rules &amp; Starter Sets</a></li><li><a href="/collections/the-old-world-scenery-bases-accessories">Scenery, Bases, &amp; Accessories</a></li></ul><a
3765    class="s-mega-menu__shop-all"
3766    href="/collections/the-old-world-all"
3767  >
3768    Shop all The Old World - All
3769    <span aria-hidden="true"><svg
3770  xmlns="http://www.w3.org/2000/svg"
3771  width="24"
3772  height="24"
3773  viewBox="0 0 24 24"
3774  fill="none"
3775  aria-hidden="true"
3776  focusable="false"
3777  role="presentation"
3778>
3779  <path
3780    d="M2 12H21M13 4L21 12L13 20"
3781    stroke="currentColor"
3782    stroke-width="3"
3783    stroke-linecap="square"
3784    stroke-linejoin="miter"
3785  />
3786</svg>
3787</span>
3788  </a>
3789</div>
3790
3791</div><div class="s-mega-menu__column-stack s-mega-menu__column-stack--2"><div class="s-mega-menu__column">
3792  <a class="s-mega-menu__column-title" href="/collections/the-old-world-armies-of-the-old-world">Armies of the Old World</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/the-old-world-beastmen-brayherds">Beastmen Brayherds</a></li><li><a href="/collections/the-old-world-dwarfen-mountain-holds">Dwarfen Mountain Holds</a></li><li><a href="/collections/the-old-world-empire-of-man">Empire of Man</a></li><li><a href="/collections/the-old-world-grand-cathay">Grand Cathay</a></li><li><a href="/collections/the-old-world-high-elf-realms">High Elf Realms</a></li><li><a href="/collections/the-old-world-kingdom-of-bretonnia">Kingdom of Bretonnia</a></li><li><a href="/collections/the-old-world-orc-and-goblin-tribes">Orc and Goblin Tribes</a></li><li><a href="/collections/the-old-world-tomb-kings-of-khemri">Tomb Kings of Khemri</a></li><li><a href="/collections/the-old-world-warriors-of-chaos">Warriors of Chaos</a></li><li><a href="/collections/the-old-world-wood-elf-realms">Wood Elf Realms</a></li></ul><a
3793    class="s-mega-menu__shop-all"
3794    href="/collections/the-old-world-armies-of-the-old-world"
3795  >
3796    Shop all Armies of the Old World
3797    <span aria-hidden="true"><svg
3798  xmlns="http://www.w3.org/2000/svg"
3799  width="24"
3800  height="24"
3801  viewBox="0 0 24 24"
3802  fill="none"
3803  aria-hidden="true"
3804  focusable="false"
3805  role="presentation"
3806>
3807  <path
3808    d="M2 12H21M13 4L21 12L13 20"
3809    stroke="currentColor"
3810    stroke-width="3"
3811    stroke-linecap="square"
3812    stroke-linejoin="miter"
3813  />
3814</svg>
3815</span>
3816  </a>
3817</div>
3818
3819</div></div><div
3820                  class="s-mega-menu__columns js-mega-menu-content hidden"
3821                  data-tab="warhammer-middle-earth-strategy-battle-game"
3822                ><div class="s-mega-menu__column-stack">
3823                      <ul class="s-mega-menu__links" role="list"><li><a href="/collections/new-release-middle-earth-strategy-battle-game">New Releases</a></li><li><a href="/collections/pre-order-middle-earth-strategy-battle-game">Pre-Orders</a></li><li><a href="/collections/middle-earth-strategy-battle-game-rules-starter-set">Rules &amp; Starter Sets</a></li><li><a href="/collections/middle-earth-strategy-battle-game-the-lord-of-the-rings-good">The Lord of the Rings - Good</a></li><li><a href="/collections/middle-earth-strategy-battle-game-the-lord-of-the-rings-evil">The Lord of the Rings - Evil</a></li><li><a href="/collections/middle-earth-strategy-battle-game-the-hobbit-good">The Hobbit - Good</a></li><li><a href="/collections/middle-earth-strategy-battle-game-the-hobbit-evil">The Hobbit - Evil</a></li><li><a href="/collections/middle-earth-strategy-battle-game-the-war-of-the-rohirrim-good">The War of the Rohirrim - Good</a></li><li><a href="/collections/middle-earth-strategy-battle-game-the-war-of-the-rohirrim-evil">The War of the Rohirrim - Evil</a></li><li><a href="/collections/middle-earth-strategy-battle-game-scenery-base-accessory">Scenery, Bases, &amp; Accessories</a></li></ul>
3824                    </div></div><div
3825                  class="s-mega-menu__columns js-mega-menu-content hidden"
3826                  data-tab="warhammer-other-games"
3827                ><div class="s-mega-menu__column-stack">
3828                      <ul class="s-mega-menu__links" role="list"><li><a href="/collections/kill-team-all">Kill Team</a></li><li><a href="/collections/necromunda-all">Necromunda</a></li><li><a href="/collections/blood-bowl-all">Blood Bowl</a></li><li><a href="/collections/warhammer-quest-darkwater-all">Warhammer Quest: Darkwater</a></li><li><a href="/collections/warhammer-underworlds-all">Warhammer Underworlds</a></li></ul>
3829                    </div></div><div
3830                  class="s-mega-menu__columns js-mega-menu-content hidden"
3831                  data-tab="warhammer-warhammer-colour"
3832                ><div class="s-mega-menu__column-stack s-mega-menu__column-stack--1"><div class="s-mega-menu__column">
3833  <a class="s-mega-menu__column-title" href="/collections/warhammer-colour">Warhammer Colour</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/warhammer-colour-tools-bases-and-accessories">Tools, Bases, and Accessories</a></li><li><a href="/collections/warhammer-colour-brushes">Brushes</a></li></ul><a
3834    class="s-mega-menu__shop-all"
3835    href="/collections/warhammer-colour"
3836  >
3837    Shop all Warhammer Colour
3838    <span aria-hidden="true"><svg
3839  xmlns="http://www.w3.org/2000/svg"
3840  width="24"
3841  height="24"
3842  viewBox="0 0 24 24"
3843  fill="none"
3844  aria-hidden="true"
3845  focusable="false"
3846  role="presentation"
3847>
3848  <path
3849    d="M2 12H21M13 4L21 12L13 20"
3850    stroke="currentColor"
3851    stroke-width="3"
3852    stroke-linecap="square"
3853    stroke-linejoin="miter"
3854  />
3855</svg>
3856</span>
3857  </a>
3858</div>
3859
3860</div><div class="s-mega-menu__column-stack s-mega-menu__column-stack--2"><div class="s-mega-menu__column">
3861  <a class="s-mega-menu__column-title" href="/collections/hobby-supply-paint-range-warhammer-colour">Paints</a><ul class="s-mega-menu__links" role="list"><li><a href="/collections/warhammer-colour-layer-paint">Layer</a></li><li><a href="/collections/warhammer-colour-contrast-paint">Contrast</a></li><li><a href="/collections/warhammer-colour-base-paint">Base</a></li><li><a href="/collections/warhammer-colour-air-paint">Air</a></li><li><a href="/collections/warhammer-colour-dry-paint">Dry</a></li><li><a href="/collections/warhammer-colour-technical-paint">Technical</a></li><li><a href="/collections/warhammer-colour-shade-paint">Shade</a></li><li><a href="/collections/warhammer-colour-spray-paint">Spray</a></li></ul><a
3862    class="s-mega-menu__shop-all"
3863    href="/collections/hobby-supply-paint-range-warhammer-colour"
3864  >
3865    Shop all Paints
3866    <span aria-hidden="true"><svg
3867  xmlns="http://www.w3.org/2000/svg"
3868  width="24"
3869  height="24"
3870  viewBox="0 0 24 24"
3871  fill="none"
3872  aria-hidden="true"
3873  focusable="false"
3874  role="presentation"
3875>
3876  <path
3877    d="M2 12H21M13 4L21 12L13 20"
3878    stroke="currentColor"
3879    stroke-width="3"
3880    stroke-linecap="square"
3881    stroke-linejoin="miter"
3882  />
3883</svg>
3884</span>
3885  </a>
3886</div>
3887
3888</div></div></div>
3889          </div>
3890        </div>
3891      </section><section class="s-mega-menu__panel js-mega-menu-panel" data-menu="board-games" aria-hidden="true">
3892        <div class="container s-mega-menu__container js-mega-menu-container"><div class="s-mega-menu__layout">
3893            <div class="s-mega-menu__sidebar">
3894              <ul class="s-mega-menu__tabs" role="list"><li><button
3895                        class="s-mega-menu__tab js-mega-menu-tab is-active"
3896                        type="button"
3897                        data-tab="board-games-new-release-pre-orders"
3898                        aria-selected="true"
3899                      >
3900                        <span>
3901                          New Release &amp; Pre-Orders
3902                        </span>
3903                      </button></li><li><button
3904                        class="s-mega-menu__tab js-mega-menu-tab"
3905                        type="button"
3906                        data-tab="board-games-category-genre"
3907                        aria-selected="false"
3908                      >
3909                        <span>
3910                          Category/Genre
3911                        </span>
3912                      </button></li><li><button
3913                        class="s-mega-menu__tab js-mega-menu-tab"
3914                        type="button"
3915                        data-tab="board-games-mechanics"
3916                        aria-selected="false"
3917                      >
3918                        <span>
3919                          Mechanics
3920                        </span>
3921                      </button></li><li><button
3922                        class="s-mega-menu__tab js-mega-menu-tab"
3923                        type="button"
3924                        data-tab="board-games-collections"
3925                        aria-selected="false"
3926                      >
3927                        <span>
3928                          Collections
3929                        </span>
3930                      </button></li></ul></div>
3931
3932            <div class="s-mega-menu__content js-mega-menu-scroll"><div
3933                  class="s-mega-menu__columns js-mega-menu-content"
3934                  data-tab="board-games-new-release-pre-orders"
3935                ><div class="s-mega-menu__column-stack">
3936                      <ul class="s-mega-menu__links" role="list"><li><a href="/collections/new-release-board-game">New Release</a></li><li><a href="/collections/pre-order-board-game">Pre-Order</a></li></ul>
3937                    </div></div><div
3938                  class="s-mega-menu__columns js-mega-menu-content hidden"
3939                  data-tab="board-games-category-genre"
3940                ><div class="s-mega-menu__column-stack">
3941                      <ul class="s-mega-menu__links" role="list"><li><a href="/collections/board-game-solo-game">Solo Games</a></li><li><a href="/collections/board-game-two-player-game">Two Player Games</a></li><li><a href="/collections/board-game-abstract-game">Abstract Games</a></li><li><a href="/collections/board-game-campaign-game">Campaign Games</a></li><li><a href="/collections/board-game-card-game">Card Games</a></li><li><a href="/collections/board-game-cooperative-game">Cooperative Games</a></li><li><a href="/collections/board-game-cosy-game">Cosy Games</a></li><li><a href="/collections/board-game-family-game">Family Games</a></li><li><a href="/collections/board-game-games-on-the-go">Games On-The-Go</a></li><li><a href="/collections/board-game-legacy-game">Legacy Games</a></li><li><a href="/collections/board-game-party-game">Party Games</a></li><li><a href="/collections/board-game-pick-up-and-play">Pick Up and Play!</a></li><li><a href="/collections/board-game-puzzle-game">Puzzle Games</a></li><li><a href="/collections/board-game-strategy-game">Strategy Games</a></li></ul>
3942                    </div></div><div
3943                  class="s-mega-menu__columns js-mega-menu-content hidden"
3944                  data-tab="board-games-mechanics"
3945                ><div class="s-mega-menu__column-stack">
3946                      <ul class="s-mega-menu__links" role="list"><li><a href="/collections/board-game-area-control">Area Control</a></li><li><a href="/collections/board-game-deck-building">Deck Building</a></li><li><a href="/collections/board-game-drafting">Drafting</a></li><li><a href="/collections/board-game-push-your-luck">Push Your Luck</a></li><li><a href="/collections/board-game-set-collection">Set Collection</a></li><li><a href="/collections/board-game-social-deduction">Social Deduction</a></li><li><a href="/collections/board-game-tile-placement">Tile Placement</a></li><li><a href="/collections/board-game-trick-taking">Trick Taking</a></li><li><a href="/collections/board-game-worker-placement">Worker Placement</a></li></ul>
3947                    </div></div><div
3948                  class="s-mega-menu__columns js-mega-menu-content hidden"
3949                  data-tab="board-games-collections"
3950                ><div class="s-mega-menu__column-stack">
3951                      <ul class="s-mega-menu__links" role="list"><li><a href="/collections/board-game-collection-escape-room">Escape Room</a></li><li><a href="/collections/board-game-collection-marvel">Marvel</a></li><li><a href="/collections/board-game-collection-disney">Disney</a></li><li><a href="/collections/board-game-collection-star-wars">Star Wars</a></li><li><a href="/collections/board-game-collection-lord-of-the-rings">Lord of the Rings</a></li></ul>
3952                    </div></div></div>
3953          </div>
3954        </div>
3955      </section></desktop-mega-menu>
3956
3957</header-custom>
3958
3959
3960</div><div id="shopify-section-sections--30321007591798__mobile_menu" class="shopify-section shopify-section-group-header-group"><link rel="stylesheet" href="//travellingman.com/cdn/shop/t/73/assets/section-mobile-menu.css?v=63052881268189696351790868176">
3961<script src="//travellingman.com/cdn/shop/t/73/assets/section-mobile-menu.js?v=142961270305334400061790868177" defer="defer"></script>
3961<style data-shopify>.s-mobile-menu {
3962    display: none;
3963  }
3964
3965  .s-mobile-menu__overlay {
3966    opacity: 0;
3967    pointer-events: none;
3968  }
3969
3970  .s-mobile-menu__screen {
3971    visibility: hidden;
3972    transform: translateX(-101%);
3973  }
3974
3975  .s-mobile-menu.is-active .s-mobile-menu__overlay {
3976    opacity: 1;
3977    pointer-events: auto;
3978  }
3979
3980  .s-mobile-menu.is-active .s-mobile-menu__inner,
3981  .s-mobile-menu__secondary.is-active,
3982  .s-mobile-menu__thirdary.is-active,
3983  .s-mobile-menu__fourthary.is-active {
3984    visibility: visible;
3985    transform: translateX(0);
3986  }
3987
3988  @media (max-width: 989px) {
3989    .s-mobile-menu {
3990      display: block;
3991    }
3992  }
3993
3994  .s-mobile-menu__wishlist-link {
3995    justify-content: flex-start;
3996    text-transform: uppercase;
3997  }</style><mobile-menu
3998  class="s-mobile-menu"
3999  style="--mobile-menu-bg: #ffffff;"
4000>
4001  <button class="s-mobile-menu__overlay js-mobile-menu__overlay" type="button" aria-label="Close menu"></button>
4002
4003  <div class="s-mobile-menu__screen s-mobile-menu__inner js-mobile-menu__inner">
4004    <header class="s-mobile-menu__header s-mobile-menu__header--root">
4005      <span class="s-mobile-menu__header-title">Menu</span>
4006      <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
4007        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
4008  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4009</svg>
4010      </button>
4011    </header>
4012    <div class="s-mobile-menu__scroll">
4013      <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button class="s-mobile-menu__link js-mobile-menu__link" type="button" data-name="shop" >
4014                <span>Shop</span
4015                ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4016  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4017</svg>
4018</span>
4019              </button></li><li class="s-mobile-menu__item"><button class="s-mobile-menu__link js-mobile-menu__link" type="button" data-name="new-preorders" >
4020                <span>New &amp; Preorders</span
4021                ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4022  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4023</svg>
4024</span>
4025              </button></li><li class="s-mobile-menu__item"><button class="s-mobile-menu__link js-mobile-menu__link" type="button" data-name="manga" >
4026                <span>Manga</span
4027                ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4028  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4029</svg>
4030</span>
4031              </button></li><li class="s-mobile-menu__item"><button class="s-mobile-menu__link js-mobile-menu__link" type="button" data-name="warhammer" >
4032                <span>Warhammer</span
4033                ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4034  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4035</svg>
4036</span>
4037              </button></li><li class="s-mobile-menu__item"><button class="s-mobile-menu__link js-mobile-menu__link" type="button" data-name="board-games" >
4038                <span>Board Games</span
4039                ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4040  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4041</svg>
4042</span>
4043              </button></li><li class="s-mobile-menu__item"><button class="s-mobile-menu__link js-mobile-menu__link" type="button" data-name="visit-us" >
4044                <span>Visit Us</span
4045                ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4046  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4047</svg>
4048</span>
4049              </button></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__link" href="/pages/contact-us" 
4050                ><span>Contact Us</span
4051                ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4052  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4053</svg>
4054</span></a
4055              ></li>
4056          <li class="s-mobile-menu__item"><a
4057                    class="s-mobile-menu__link s-mobile-menu__wishlist-link"
4058                    href="#"
4059                    data-wl-header-link
4060                    aria-label="View wishlist"
4061            >
4062              <span>Wishlist</span>
4063            </a>
4064          </li>
4065        
4066      </ul>
4067    </div>
4068    <footer class="s-mobile-menu__footer"><div>
4069      <form method="post" action="/localization" id="mobile-menu-localization-root" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
4070        <input type="hidden" name="country_code" value="GB">
4071<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-root-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
4072            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-root-country-button">
4073      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
4074          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4075        </svg></button>
4076    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
4077        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-root-country-opt-0"><li class="custom-select__option flex items-center js-option"
4078            id="mobile-menu-localization-root-country-opt-0"
4079            role="option"
4080            data-value="GB" aria-selected="true">
4081          <span class="pointer-events-none">United Kingdom [GBP]</span>
4082          </li></ul>
4083  </div></country-selector></div></div>
4083<script>
4084      customElements.whenDefined('custom-select').then(() => {
4085        if (!customElements.get('country-selector')) {
4086          class CountrySelector extends customElements.get('custom-select') {
4087            constructor() {
4088              super();
4089              this.loaded = false;
4090            }
4091
4092            async showListbox() {
4093              if (this.loaded) {
4094                super.showListbox();
4095                return;
4096              }
4097
4098              this.button.classList.add('is-loading');
4099              this.button.setAttribute('aria-disabled', 'true');
4100
4101              try {
4102                const response = await fetch('?section_id=country-selector');
4103                if (!response.ok) throw new Error(response.status);
4104
4105                const tmpl = document.createElement('template');
4106                tmpl.innerHTML = await response.text();
4107
4108                const el = tmpl.content.querySelector('.custom-select__listbox');
4109                this.listbox.innerHTML = el.innerHTML;
4110
4111                if (this.closest('.footer, .s-mobile-menu')) {
4112                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
4113                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
4114                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
4115                  });
4116                }
4117
4118                this.options = this.querySelectorAll('.custom-select__option');
4119
4120                this.popular = this.querySelectorAll('[data-popular]');
4121                if (this.popular.length) {
4122                  this.popular[this.popular.length - 1].closest('.custom-select__option')
4123                    .classList.add('custom-select__option--visual-group-end');
4124                }
4125
4126                this.selectedOption = this.querySelector('[aria-selected="true"]');
4127                if (!this.selectedOption) {
4128                  this.selectedOption = this.listbox.firstElementChild;
4129                }
4130
4131                this.loaded = true;
4132              } catch {
4133                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
4134              } finally {
4135                super.showListbox();
4136                this.button.classList.remove('is-loading');
4137                this.button.setAttribute('aria-disabled', 'false');
4138              }
4139            }
4140
4141            setButtonWidth() {
4142              return;
4143            }
4144          }
4145
4146          customElements.define('country-selector', CountrySelector);
4147        }
4148      });
4149    </script>
4149<script>
4150    document.getElementById('mobile-menu-localization-root').addEventListener('change', (evt) => {
4151      const input = evt.target.previousElementSibling;
4152      if (input && input.tagName === 'INPUT') {
4153        input.value = evt.detail.selectedValue;
4154        evt.currentTarget.submit();
4155      }
4156    });
4157  </script>
4157</form>
4158    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
4159
4160</footer>
4161
4162  </div>
4163
4164  <div class="s-mobile-menu__screen s-mobile-menu__secondary js-mobile-menu__secondary"><div class="s-mobile-menu__second-menu js-mobile-menu__second-menu" data-parent="shop">
4165          <header class="s-mobile-menu__header">
4166            <button
4167              class="s-mobile-menu__back js-mobile-menu__header-back-2"
4168              type="button"
4169              aria-label="Back to Menu"
4170            >
4171              <svg
4172  width="16"
4173  height="16"
4174  viewBox="0 0 16 16"
4175  fill="none"
4176  xmlns="http://www.w3.org/2000/svg"
4177  aria-hidden="true"
4178  focusable="false"
4179  role="presentation"
4180  class="icon"
4181>
4182  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
4183</svg>
4184
4185            </button>
4186            <span class="s-mobile-menu__header-title">Shop</span>
4187            <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
4188              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
4189  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4190</svg>
4191            </button>
4192          </header>
4193          <div class="s-mobile-menu__scroll">
4194            <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button
4195                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4196                      type="button"
4197                      data-name="shop-manga-graphic-novels-books"
4198                      
4199                    >
4200                      <span>Manga, Graphic Novels &amp; Books</span
4201                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4202  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4203</svg>
4204</span>
4205                    </button></li><li class="s-mobile-menu__item"><button
4206                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4207                      type="button"
4208                      data-name="shop-board-games"
4209                      
4210                    >
4211                      <span>Board Games</span
4212                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4213  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4214</svg>
4215</span>
4216                    </button></li><li class="s-mobile-menu__item"><button
4217                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4218                      type="button"
4219                      data-name="shop-roleplaying-games"
4220                      
4221                    >
4222                      <span>Roleplaying Games</span
4223                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4224  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4225</svg>
4226</span>
4227                    </button></li><li class="s-mobile-menu__item"><button
4228                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4229                      type="button"
4230                      data-name="shop-tcgs"
4231                      
4232                    >
4233                      <span>TCGs</span
4234                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4235  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4236</svg>
4237</span>
4238                    </button></li><li class="s-mobile-menu__item"><button
4239                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4240                      type="button"
4241                      data-name="shop-miniature-games"
4242                      
4243                    >
4244                      <span>Miniature Games</span
4245                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4246  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4247</svg>
4248</span>
4249                    </button></li><li class="s-mobile-menu__item"><button
4250                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4251                      type="button"
4252                      data-name="shop-hobby-supplies"
4253                      
4254                    >
4255                      <span>Hobby Supplies</span
4256                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4257  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4258</svg>
4259</span>
4260                    </button></li><li class="s-mobile-menu__item"><button
4261                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4262                      type="button"
4263                      data-name="shop-merchandise"
4264                      
4265                    >
4266                      <span>Merchandise</span
4267                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4268  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4269</svg>
4270</span>
4271                    </button></li><li class="s-mobile-menu__item"><button
4272                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4273                      type="button"
4274                      data-name="shop-sale"
4275                      
4276                    >
4277                      <span>Sale</span
4278                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4279  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4280</svg>
4281</span>
4282                    </button></li></ul>
4283          </div><footer class="s-mobile-menu__footer"><div>
4284      <form method="post" action="/localization" id="mobile-menu-localization-shop" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
4285        <input type="hidden" name="country_code" value="GB">
4286<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
4287            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-country-button">
4288      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
4289          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4290        </svg></button>
4291    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
4292        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-country-opt-0"><li class="custom-select__option flex items-center js-option"
4293            id="mobile-menu-localization-shop-country-opt-0"
4294            role="option"
4295            data-value="GB" aria-selected="true">
4296          <span class="pointer-events-none">United Kingdom [GBP]</span>
4297          </li></ul>
4298  </div></country-selector></div></div>
4298<script>
4299      customElements.whenDefined('custom-select').then(() => {
4300        if (!customElements.get('country-selector')) {
4301          class CountrySelector extends customElements.get('custom-select') {
4302            constructor() {
4303              super();
4304              this.loaded = false;
4305            }
4306
4307            async showListbox() {
4308              if (this.loaded) {
4309                super.showListbox();
4310                return;
4311              }
4312
4313              this.button.classList.add('is-loading');
4314              this.button.setAttribute('aria-disabled', 'true');
4315
4316              try {
4317                const response = await fetch('?section_id=country-selector');
4318                if (!response.ok) throw new Error(response.status);
4319
4320                const tmpl = document.createElement('template');
4321                tmpl.innerHTML = await response.text();
4322
4323                const el = tmpl.content.querySelector('.custom-select__listbox');
4324                this.listbox.innerHTML = el.innerHTML;
4325
4326                if (this.closest('.footer, .s-mobile-menu')) {
4327                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
4328                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
4329                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
4330                  });
4331                }
4332
4333                this.options = this.querySelectorAll('.custom-select__option');
4334
4335                this.popular = this.querySelectorAll('[data-popular]');
4336                if (this.popular.length) {
4337                  this.popular[this.popular.length - 1].closest('.custom-select__option')
4338                    .classList.add('custom-select__option--visual-group-end');
4339                }
4340
4341                this.selectedOption = this.querySelector('[aria-selected="true"]');
4342                if (!this.selectedOption) {
4343                  this.selectedOption = this.listbox.firstElementChild;
4344                }
4345
4346                this.loaded = true;
4347              } catch {
4348                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
4349              } finally {
4350                super.showListbox();
4351                this.button.classList.remove('is-loading');
4352                this.button.setAttribute('aria-disabled', 'false');
4353              }
4354            }
4355
4356            setButtonWidth() {
4357              return;
4358            }
4359          }
4360
4361          customElements.define('country-selector', CountrySelector);
4362        }
4363      });
4364    </script>
4364<script>
4365    document.getElementById('mobile-menu-localization-shop').addEventListener('change', (evt) => {
4366      const input = evt.target.previousElementSibling;
4367      if (input && input.tagName === 'INPUT') {
4368        input.value = evt.detail.selectedValue;
4369        evt.currentTarget.submit();
4370      }
4371    });
4372  </script>
4372</form>
4373    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
4374
4375</footer>
4376
4377        </div><div class="s-mobile-menu__second-menu js-mobile-menu__second-menu" data-parent="new-preorders">
4378          <header class="s-mobile-menu__header">
4379            <button
4380              class="s-mobile-menu__back js-mobile-menu__header-back-2"
4381              type="button"
4382              aria-label="Back to Menu"
4383            >
4384              <svg
4385  width="16"
4386  height="16"
4387  viewBox="0 0 16 16"
4388  fill="none"
4389  xmlns="http://www.w3.org/2000/svg"
4390  aria-hidden="true"
4391  focusable="false"
4392  role="presentation"
4393  class="icon"
4394>
4395  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
4396</svg>
4397
4398            </button>
4399            <span class="s-mobile-menu__header-title">New &amp; Preorders</span>
4400            <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
4401              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
4402  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4403</svg>
4404            </button>
4405          </header>
4406          <div class="s-mobile-menu__scroll">
4407            <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button
4408                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4409                      type="button"
4410                      data-name="new-preorders-new-releases"
4411                      
4412                    >
4413                      <span>New Releases</span
4414                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4415  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4416</svg>
4417</span>
4418                    </button></li><li class="s-mobile-menu__item"><button
4419                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4420                      type="button"
4421                      data-name="new-preorders-pre-orders"
4422                      
4423                    >
4424                      <span>Pre-Orders</span
4425                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4426  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4427</svg>
4428</span>
4429                    </button></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/sale-all" 
4430                      ><span>Sale</span
4431                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4432  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4433</svg>
4434</span></a
4435                    ></li></ul>
4436          </div><footer class="s-mobile-menu__footer"><div>
4437      <form method="post" action="/localization" id="mobile-menu-localization-new-preorders" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
4438        <input type="hidden" name="country_code" value="GB">
4439<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-new-preorders-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
4440            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-new-preorders-country-button">
4441      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
4442          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4443        </svg></button>
4444    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
4445        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-new-preorders-country-opt-0"><li class="custom-select__option flex items-center js-option"
4446            id="mobile-menu-localization-new-preorders-country-opt-0"
4447            role="option"
4448            data-value="GB" aria-selected="true">
4449          <span class="pointer-events-none">United Kingdom [GBP]</span>
4450          </li></ul>
4451  </div></country-selector></div></div>
4451<script>
4452      customElements.whenDefined('custom-select').then(() => {
4453        if (!customElements.get('country-selector')) {
4454          class CountrySelector extends customElements.get('custom-select') {
4455            constructor() {
4456              super();
4457              this.loaded = false;
4458            }
4459
4460            async showListbox() {
4461              if (this.loaded) {
4462                super.showListbox();
4463                return;
4464              }
4465
4466              this.button.classList.add('is-loading');
4467              this.button.setAttribute('aria-disabled', 'true');
4468
4469              try {
4470                const response = await fetch('?section_id=country-selector');
4471                if (!response.ok) throw new Error(response.status);
4472
4473                const tmpl = document.createElement('template');
4474                tmpl.innerHTML = await response.text();
4475
4476                const el = tmpl.content.querySelector('.custom-select__listbox');
4477                this.listbox.innerHTML = el.innerHTML;
4478
4479                if (this.closest('.footer, .s-mobile-menu')) {
4480                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
4481                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
4482                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
4483                  });
4484                }
4485
4486                this.options = this.querySelectorAll('.custom-select__option');
4487
4488                this.popular = this.querySelectorAll('[data-popular]');
4489                if (this.popular.length) {
4490                  this.popular[this.popular.length - 1].closest('.custom-select__option')
4491                    .classList.add('custom-select__option--visual-group-end');
4492                }
4493
4494                this.selectedOption = this.querySelector('[aria-selected="true"]');
4495                if (!this.selectedOption) {
4496                  this.selectedOption = this.listbox.firstElementChild;
4497                }
4498
4499                this.loaded = true;
4500              } catch {
4501                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
4502              } finally {
4503                super.showListbox();
4504                this.button.classList.remove('is-loading');
4505                this.button.setAttribute('aria-disabled', 'false');
4506              }
4507            }
4508
4509            setButtonWidth() {
4510              return;
4511            }
4512          }
4513
4514          customElements.define('country-selector', CountrySelector);
4515        }
4516      });
4517    </script>
4517<script>
4518    document.getElementById('mobile-menu-localization-new-preorders').addEventListener('change', (evt) => {
4519      const input = evt.target.previousElementSibling;
4520      if (input && input.tagName === 'INPUT') {
4521        input.value = evt.detail.selectedValue;
4522        evt.currentTarget.submit();
4523      }
4524    });
4525  </script>
4525</form>
4526    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
4527
4528</footer>
4529
4530        </div><div class="s-mobile-menu__second-menu js-mobile-menu__second-menu" data-parent="manga">
4531          <header class="s-mobile-menu__header">
4532            <button
4533              class="s-mobile-menu__back js-mobile-menu__header-back-2"
4534              type="button"
4535              aria-label="Back to Menu"
4536            >
4537              <svg
4538  width="16"
4539  height="16"
4540  viewBox="0 0 16 16"
4541  fill="none"
4542  xmlns="http://www.w3.org/2000/svg"
4543  aria-hidden="true"
4544  focusable="false"
4545  role="presentation"
4546  class="icon"
4547>
4548  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
4549</svg>
4550
4551            </button>
4552            <span class="s-mobile-menu__header-title">Manga</span>
4553            <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
4554              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
4555  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4556</svg>
4557            </button>
4558          </header>
4559          <div class="s-mobile-menu__scroll">
4560            <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button
4561                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4562                      type="button"
4563                      data-name="manga-new-release-pre-order"
4564                      
4565                    >
4566                      <span>New Release &amp; Pre-Order</span
4567                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4568  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4569</svg>
4570</span>
4571                    </button></li><li class="s-mobile-menu__item"><button
4572                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4573                      type="button"
4574                      data-name="manga-genre"
4575                      
4576                    >
4577                      <span>Genre</span
4578                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4579  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4580</svg>
4581</span>
4582                    </button></li><li class="s-mobile-menu__item"><button
4583                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4584                      type="button"
4585                      data-name="manga-age-range"
4586                      
4587                    >
4588                      <span>Age Range</span
4589                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4590  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4591</svg>
4592</span>
4593                    </button></li><li class="s-mobile-menu__item"><button
4594                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4595                      type="button"
4596                      data-name="manga-publisher"
4597                      
4598                    >
4599                      <span>Publisher</span
4600                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4601  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4602</svg>
4603</span>
4604                    </button></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-box-set" 
4605                      ><span>Box Sets</span
4606                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4607  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4608</svg>
4609</span></a
4610                    ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-special-edition" 
4611                      ><span>Special Editions</span
4612                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4613  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4614</svg>
4615</span></a
4616                    ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="#" 
4617                      ><span>Current Anime Season / Airing Now</span
4618                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4619  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4620</svg>
4621</span></a
4622                    ></li></ul>
4623          </div><footer class="s-mobile-menu__footer"><div>
4624      <form method="post" action="/localization" id="mobile-menu-localization-manga" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
4625        <input type="hidden" name="country_code" value="GB">
4626<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-manga-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
4627            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-manga-country-button">
4628      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
4629          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4630        </svg></button>
4631    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
4632        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-manga-country-opt-0"><li class="custom-select__option flex items-center js-option"
4633            id="mobile-menu-localization-manga-country-opt-0"
4634            role="option"
4635            data-value="GB" aria-selected="true">
4636          <span class="pointer-events-none">United Kingdom [GBP]</span>
4637          </li></ul>
4638  </div></country-selector></div></div>
4638<script>
4639      customElements.whenDefined('custom-select').then(() => {
4640        if (!customElements.get('country-selector')) {
4641          class CountrySelector extends customElements.get('custom-select') {
4642            constructor() {
4643              super();
4644              this.loaded = false;
4645            }
4646
4647            async showListbox() {
4648              if (this.loaded) {
4649                super.showListbox();
4650                return;
4651              }
4652
4653              this.button.classList.add('is-loading');
4654              this.button.setAttribute('aria-disabled', 'true');
4655
4656              try {
4657                const response = await fetch('?section_id=country-selector');
4658                if (!response.ok) throw new Error(response.status);
4659
4660                const tmpl = document.createElement('template');
4661                tmpl.innerHTML = await response.text();
4662
4663                const el = tmpl.content.querySelector('.custom-select__listbox');
4664                this.listbox.innerHTML = el.innerHTML;
4665
4666                if (this.closest('.footer, .s-mobile-menu')) {
4667                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
4668                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
4669                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
4670                  });
4671                }
4672
4673                this.options = this.querySelectorAll('.custom-select__option');
4674
4675                this.popular = this.querySelectorAll('[data-popular]');
4676                if (this.popular.length) {
4677                  this.popular[this.popular.length - 1].closest('.custom-select__option')
4678                    .classList.add('custom-select__option--visual-group-end');
4679                }
4680
4681                this.selectedOption = this.querySelector('[aria-selected="true"]');
4682                if (!this.selectedOption) {
4683                  this.selectedOption = this.listbox.firstElementChild;
4684                }
4685
4686                this.loaded = true;
4687              } catch {
4688                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
4689              } finally {
4690                super.showListbox();
4691                this.button.classList.remove('is-loading');
4692                this.button.setAttribute('aria-disabled', 'false');
4693              }
4694            }
4695
4696            setButtonWidth() {
4697              return;
4698            }
4699          }
4700
4701          customElements.define('country-selector', CountrySelector);
4702        }
4703      });
4704    </script>
4704<script>
4705    document.getElementById('mobile-menu-localization-manga').addEventListener('change', (evt) => {
4706      const input = evt.target.previousElementSibling;
4707      if (input && input.tagName === 'INPUT') {
4708        input.value = evt.detail.selectedValue;
4709        evt.currentTarget.submit();
4710      }
4711    });
4712  </script>
4712</form>
4713    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
4714
4715</footer>
4716
4717        </div><div class="s-mobile-menu__second-menu js-mobile-menu__second-menu" data-parent="warhammer">
4718          <header class="s-mobile-menu__header">
4719            <button
4720              class="s-mobile-menu__back js-mobile-menu__header-back-2"
4721              type="button"
4722              aria-label="Back to Menu"
4723            >
4724              <svg
4725  width="16"
4726  height="16"
4727  viewBox="0 0 16 16"
4728  fill="none"
4729  xmlns="http://www.w3.org/2000/svg"
4730  aria-hidden="true"
4731  focusable="false"
4732  role="presentation"
4733  class="icon"
4734>
4735  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
4736</svg>
4737
4738            </button>
4739            <span class="s-mobile-menu__header-title">Warhammer</span>
4740            <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
4741              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
4742  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4743</svg>
4744            </button>
4745          </header>
4746          <div class="s-mobile-menu__scroll">
4747            <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button
4748                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4749                      type="button"
4750                      data-name="warhammer-warhammer-40-000"
4751                      
4752                    >
4753                      <span>Warhammer 40,000</span
4754                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4755  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4756</svg>
4757</span>
4758                    </button></li><li class="s-mobile-menu__item"><button
4759                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4760                      type="button"
4761                      data-name="warhammer-age-of-sigmar"
4762                      
4763                    >
4764                      <span>Age of Sigmar</span
4765                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4766  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4767</svg>
4768</span>
4769                    </button></li><li class="s-mobile-menu__item"><button
4770                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4771                      type="button"
4772                      data-name="warhammer-the-horus-heresy"
4773                      
4774                    >
4775                      <span>The Horus Heresy</span
4776                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4777  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4778</svg>
4779</span>
4780                    </button></li><li class="s-mobile-menu__item"><button
4781                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4782                      type="button"
4783                      data-name="warhammer-the-old-world"
4784                      
4785                    >
4786                      <span>The Old World</span
4787                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4788  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4789</svg>
4790</span>
4791                    </button></li><li class="s-mobile-menu__item"><button
4792                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4793                      type="button"
4794                      data-name="warhammer-middle-earth-strategy-battle-game"
4795                      
4796                    >
4797                      <span>Middle-Earth Strategy Battle Game</span
4798                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4799  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4800</svg>
4801</span>
4802                    </button></li><li class="s-mobile-menu__item"><button
4803                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4804                      type="button"
4805                      data-name="warhammer-other-games"
4806                      
4807                    >
4808                      <span>Other Games</span
4809                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4810  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4811</svg>
4812</span>
4813                    </button></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/novel-black-library" 
4814                      ><span>Black Library</span
4815                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4816  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4817</svg>
4818</span></a
4819                    ></li><li class="s-mobile-menu__item"><button
4820                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4821                      type="button"
4822                      data-name="warhammer-warhammer-colour"
4823                      
4824                    >
4825                      <span>Warhammer Colour</span
4826                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4827  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4828</svg>
4829</span>
4830                    </button></li></ul>
4831          </div><footer class="s-mobile-menu__footer"><div>
4832      <form method="post" action="/localization" id="mobile-menu-localization-warhammer" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
4833        <input type="hidden" name="country_code" value="GB">
4834<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
4835            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-country-button">
4836      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
4837          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4838        </svg></button>
4839    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
4840        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-country-opt-0"><li class="custom-select__option flex items-center js-option"
4841            id="mobile-menu-localization-warhammer-country-opt-0"
4842            role="option"
4843            data-value="GB" aria-selected="true">
4844          <span class="pointer-events-none">United Kingdom [GBP]</span>
4845          </li></ul>
4846  </div></country-selector></div></div>
4846<script>
4847      customElements.whenDefined('custom-select').then(() => {
4848        if (!customElements.get('country-selector')) {
4849          class CountrySelector extends customElements.get('custom-select') {
4850            constructor() {
4851              super();
4852              this.loaded = false;
4853            }
4854
4855            async showListbox() {
4856              if (this.loaded) {
4857                super.showListbox();
4858                return;
4859              }
4860
4861              this.button.classList.add('is-loading');
4862              this.button.setAttribute('aria-disabled', 'true');
4863
4864              try {
4865                const response = await fetch('?section_id=country-selector');
4866                if (!response.ok) throw new Error(response.status);
4867
4868                const tmpl = document.createElement('template');
4869                tmpl.innerHTML = await response.text();
4870
4871                const el = tmpl.content.querySelector('.custom-select__listbox');
4872                this.listbox.innerHTML = el.innerHTML;
4873
4874                if (this.closest('.footer, .s-mobile-menu')) {
4875                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
4876                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
4877                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
4878                  });
4879                }
4880
4881                this.options = this.querySelectorAll('.custom-select__option');
4882
4883                this.popular = this.querySelectorAll('[data-popular]');
4884                if (this.popular.length) {
4885                  this.popular[this.popular.length - 1].closest('.custom-select__option')
4886                    .classList.add('custom-select__option--visual-group-end');
4887                }
4888
4889                this.selectedOption = this.querySelector('[aria-selected="true"]');
4890                if (!this.selectedOption) {
4891                  this.selectedOption = this.listbox.firstElementChild;
4892                }
4893
4894                this.loaded = true;
4895              } catch {
4896                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
4897              } finally {
4898                super.showListbox();
4899                this.button.classList.remove('is-loading');
4900                this.button.setAttribute('aria-disabled', 'false');
4901              }
4902            }
4903
4904            setButtonWidth() {
4905              return;
4906            }
4907          }
4908
4909          customElements.define('country-selector', CountrySelector);
4910        }
4911      });
4912    </script>
4912<script>
4913    document.getElementById('mobile-menu-localization-warhammer').addEventListener('change', (evt) => {
4914      const input = evt.target.previousElementSibling;
4915      if (input && input.tagName === 'INPUT') {
4916        input.value = evt.detail.selectedValue;
4917        evt.currentTarget.submit();
4918      }
4919    });
4920  </script>
4920</form>
4921    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
4922
4923</footer>
4924
4925        </div><div class="s-mobile-menu__second-menu js-mobile-menu__second-menu" data-parent="board-games">
4926          <header class="s-mobile-menu__header">
4927            <button
4928              class="s-mobile-menu__back js-mobile-menu__header-back-2"
4929              type="button"
4930              aria-label="Back to Menu"
4931            >
4932              <svg
4933  width="16"
4934  height="16"
4935  viewBox="0 0 16 16"
4936  fill="none"
4937  xmlns="http://www.w3.org/2000/svg"
4938  aria-hidden="true"
4939  focusable="false"
4940  role="presentation"
4941  class="icon"
4942>
4943  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
4944</svg>
4945
4946            </button>
4947            <span class="s-mobile-menu__header-title">Board Games</span>
4948            <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
4949              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
4950  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4951</svg>
4952            </button>
4953          </header>
4954          <div class="s-mobile-menu__scroll">
4955            <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/new-release-board-game" 
4956                      ><span>New Releases</span
4957                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4958  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4959</svg>
4960</span></a
4961                    ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/pre-order-board-game" 
4962                      ><span>Pre-Orders</span
4963                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4964  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4965</svg>
4966</span></a
4967                    ></li><li class="s-mobile-menu__item"><button
4968                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4969                      type="button"
4970                      data-name="board-games-category-genre"
4971                      
4972                    >
4973                      <span>Category/Genre</span
4974                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4975  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4976</svg>
4977</span>
4978                    </button></li><li class="s-mobile-menu__item"><button
4979                      class="s-mobile-menu__expanded-link js-mobile-menu__expanded-link"
4980                      type="button"
4981                      data-name="board-games-mechanics"
4982                      
4983                    >
4984                      <span>Mechanics</span
4985                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4986  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4987</svg>
4988</span>
4989                    </button></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-collection-escape-room" 
4990                      ><span>Escape Room</span
4991                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4992  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4993</svg>
4994</span></a
4995                    ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-collection-marvel" 
4996                      ><span>Marvel</span
4997                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
4998  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4999</svg>
5000</span></a
5001                    ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-collection-disney" 
5002                      ><span>Disney</span
5003                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5004  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5005</svg>
5006</span></a
5007                    ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-collection-star-wars" 
5008                      ><span>Star Wars</span
5009                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5010  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5011</svg>
5012</span></a
5013                    ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-collection-lord-of-the-rings" 
5014                      ><span>Lord of the Rings</span
5015                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5016  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5017</svg>
5018</span></a
5019                    ></li></ul>
5020          </div><footer class="s-mobile-menu__footer"><div>
5021      <form method="post" action="/localization" id="mobile-menu-localization-board-games" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
5022        <input type="hidden" name="country_code" value="GB">
5023<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-board-games-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
5024            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-board-games-country-button">
5025      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
5026          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5027        </svg></button>
5028    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
5029        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-board-games-country-opt-0"><li class="custom-select__option flex items-center js-option"
5030            id="mobile-menu-localization-board-games-country-opt-0"
5031            role="option"
5032            data-value="GB" aria-selected="true">
5033          <span class="pointer-events-none">United Kingdom [GBP]</span>
5034          </li></ul>
5035  </div></country-selector></div></div>
5035<script>
5036      customElements.whenDefined('custom-select').then(() => {
5037        if (!customElements.get('country-selector')) {
5038          class CountrySelector extends customElements.get('custom-select') {
5039            constructor() {
5040              super();
5041              this.loaded = false;
5042            }
5043
5044            async showListbox() {
5045              if (this.loaded) {
5046                super.showListbox();
5047                return;
5048              }
5049
5050              this.button.classList.add('is-loading');
5051              this.button.setAttribute('aria-disabled', 'true');
5052
5053              try {
5054                const response = await fetch('?section_id=country-selector');
5055                if (!response.ok) throw new Error(response.status);
5056
5057                const tmpl = document.createElement('template');
5058                tmpl.innerHTML = await response.text();
5059
5060                const el = tmpl.content.querySelector('.custom-select__listbox');
5061                this.listbox.innerHTML = el.innerHTML;
5062
5063                if (this.closest('.footer, .s-mobile-menu')) {
5064                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
5065                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
5066                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
5067                  });
5068                }
5069
5070                this.options = this.querySelectorAll('.custom-select__option');
5071
5072                this.popular = this.querySelectorAll('[data-popular]');
5073                if (this.popular.length) {
5074                  this.popular[this.popular.length - 1].closest('.custom-select__option')
5075                    .classList.add('custom-select__option--visual-group-end');
5076                }
5077
5078                this.selectedOption = this.querySelector('[aria-selected="true"]');
5079                if (!this.selectedOption) {
5080                  this.selectedOption = this.listbox.firstElementChild;
5081                }
5082
5083                this.loaded = true;
5084              } catch {
5085                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
5086              } finally {
5087                super.showListbox();
5088                this.button.classList.remove('is-loading');
5089                this.button.setAttribute('aria-disabled', 'false');
5090              }
5091            }
5092
5093            setButtonWidth() {
5094              return;
5095            }
5096          }
5097
5098          customElements.define('country-selector', CountrySelector);
5099        }
5100      });
5101    </script>
5101<script>
5102    document.getElementById('mobile-menu-localization-board-games').addEventListener('change', (evt) => {
5103      const input = evt.target.previousElementSibling;
5104      if (input && input.tagName === 'INPUT') {
5105        input.value = evt.detail.selectedValue;
5106        evt.currentTarget.submit();
5107      }
5108    });
5109  </script>
5109</form>
5110    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
5111
5112</footer>
5113
5114        </div><div class="s-mobile-menu__second-menu js-mobile-menu__second-menu" data-parent="visit-us">
5115          <header class="s-mobile-menu__header">
5116            <button
5117              class="s-mobile-menu__back js-mobile-menu__header-back-2"
5118              type="button"
5119              aria-label="Back to Menu"
5120            >
5121              <svg
5122  width="16"
5123  height="16"
5124  viewBox="0 0 16 16"
5125  fill="none"
5126  xmlns="http://www.w3.org/2000/svg"
5127  aria-hidden="true"
5128  focusable="false"
5129  role="presentation"
5130  class="icon"
5131>
5132  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
5133</svg>
5134
5135            </button>
5136            <span class="s-mobile-menu__header-title">Visit Us</span>
5137            <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
5138              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
5139  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5140</svg>
5141            </button>
5142          </header>
5143          <div class="s-mobile-menu__scroll">
5144            <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/pages/leeds" 
5145                      ><span>Leeds</span
5146                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5147  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5148</svg>
5149</span></a
5150                    ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/pages/manchester" 
5151                      ><span>Manchester</span
5152                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5153  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5154</svg>
5155</span></a
5156                    ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/pages/newcastle" 
5157                      ><span>Newcastle</span
5158                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5159  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5160</svg>
5161</span></a
5162                    ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/pages/york" 
5163                      ><span>York</span
5164                      ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5165  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5166</svg>
5167</span></a
5168                    ></li></ul>
5169          </div><footer class="s-mobile-menu__footer"><div>
5170      <form method="post" action="/localization" id="mobile-menu-localization-visit-us" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
5171        <input type="hidden" name="country_code" value="GB">
5172<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-visit-us-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
5173            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-visit-us-country-button">
5174      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
5175          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5176        </svg></button>
5177    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
5178        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-visit-us-country-opt-0"><li class="custom-select__option flex items-center js-option"
5179            id="mobile-menu-localization-visit-us-country-opt-0"
5180            role="option"
5181            data-value="GB" aria-selected="true">
5182          <span class="pointer-events-none">United Kingdom [GBP]</span>
5183          </li></ul>
5184  </div></country-selector></div></div>
5184<script>
5185      customElements.whenDefined('custom-select').then(() => {
5186        if (!customElements.get('country-selector')) {
5187          class CountrySelector extends customElements.get('custom-select') {
5188            constructor() {
5189              super();
5190              this.loaded = false;
5191            }
5192
5193            async showListbox() {
5194              if (this.loaded) {
5195                super.showListbox();
5196                return;
5197              }
5198
5199              this.button.classList.add('is-loading');
5200              this.button.setAttribute('aria-disabled', 'true');
5201
5202              try {
5203                const response = await fetch('?section_id=country-selector');
5204                if (!response.ok) throw new Error(response.status);
5205
5206                const tmpl = document.createElement('template');
5207                tmpl.innerHTML = await response.text();
5208
5209                const el = tmpl.content.querySelector('.custom-select__listbox');
5210                this.listbox.innerHTML = el.innerHTML;
5211
5212                if (this.closest('.footer, .s-mobile-menu')) {
5213                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
5214                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
5215                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
5216                  });
5217                }
5218
5219                this.options = this.querySelectorAll('.custom-select__option');
5220
5221                this.popular = this.querySelectorAll('[data-popular]');
5222                if (this.popular.length) {
5223                  this.popular[this.popular.length - 1].closest('.custom-select__option')
5224                    .classList.add('custom-select__option--visual-group-end');
5225                }
5226
5227                this.selectedOption = this.querySelector('[aria-selected="true"]');
5228                if (!this.selectedOption) {
5229                  this.selectedOption = this.listbox.firstElementChild;
5230                }
5231
5232                this.loaded = true;
5233              } catch {
5234                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
5235              } finally {
5236                super.showListbox();
5237                this.button.classList.remove('is-loading');
5238                this.button.setAttribute('aria-disabled', 'false');
5239              }
5240            }
5241
5242            setButtonWidth() {
5243              return;
5244            }
5245          }
5246
5247          customElements.define('country-selector', CountrySelector);
5248        }
5249      });
5250    </script>
5250<script>
5251    document.getElementById('mobile-menu-localization-visit-us').addEventListener('change', (evt) => {
5252      const input = evt.target.previousElementSibling;
5253      if (input && input.tagName === 'INPUT') {
5254        input.value = evt.detail.selectedValue;
5255        evt.currentTarget.submit();
5256      }
5257    });
5258  </script>
5258</form>
5259    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
5260
5261</footer>
5262
5263        </div></div>
5264
5265  <div class="s-mobile-menu__screen s-mobile-menu__thirdary js-mobile-menu__thirdary"><div
5266            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
5267            data-parent="shop-manga-graphic-novels-books"
5268          >
5269            <header class="s-mobile-menu__header">
5270              <button
5271                class="s-mobile-menu__back js-mobile-menu__header-back-3"
5272                type="button"
5273                aria-label="Back to Shop"
5274              >
5275                <svg
5276  width="16"
5277  height="16"
5278  viewBox="0 0 16 16"
5279  fill="none"
5280  xmlns="http://www.w3.org/2000/svg"
5281  aria-hidden="true"
5282  focusable="false"
5283  role="presentation"
5284  class="icon"
5285>
5286  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
5287</svg>
5288
5289              </button>
5290              <span class="s-mobile-menu__header-title">Manga, Graphic Novels &amp; Books</span>
5291              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
5292                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
5293  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5294</svg>
5295              </button>
5296            </header>
5297            <div class="s-mobile-menu__scroll">
5298              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button
5299                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
5300                        type="button"
5301                        data-name="shop-manga-graphic-novels-books-manga"
5302                        
5303                      >
5304                        <span>Manga</span
5305                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5306  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5307</svg>
5308</span>
5309                      </button></li><li class="s-mobile-menu__item"><button
5310                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
5311                        type="button"
5312                        data-name="shop-manga-graphic-novels-books-manhua-and-webcomics"
5313                        
5314                      >
5315                        <span>Manhua and Webcomics</span
5316                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5317  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5318</svg>
5319</span>
5320                      </button></li><li class="s-mobile-menu__item"><button
5321                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
5322                        type="button"
5323                        data-name="shop-manga-graphic-novels-books-light-novels"
5324                        
5325                      >
5326                        <span>Light Novels</span
5327                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5328  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5329</svg>
5330</span>
5331                      </button></li><li class="s-mobile-menu__item"><button
5332                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
5333                        type="button"
5334                        data-name="shop-manga-graphic-novels-books-danmei-and-baihe"
5335                        
5336                      >
5337                        <span>Danmei and Baihe</span
5338                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5339  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5340</svg>
5341</span>
5342                      </button></li><li class="s-mobile-menu__item"><button
5343                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
5344                        type="button"
5345                        data-name="shop-manga-graphic-novels-books-graphic-novels"
5346                        
5347                      >
5348                        <span>Graphic Novels</span
5349                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5350  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5351</svg>
5352</span>
5353                      </button></li><li class="s-mobile-menu__item"><button
5354                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
5355                        type="button"
5356                        data-name="shop-manga-graphic-novels-books-novels"
5357                        
5358                      >
5359                        <span>Novels</span
5360                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5361  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5362</svg>
5363</span>
5364                      </button></li><li class="s-mobile-menu__item"><button
5365                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
5366                        type="button"
5367                        data-name="shop-manga-graphic-novels-books-other-books"
5368                        
5369                      >
5370                        <span>Other Books</span
5371                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5372  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5373</svg>
5374</span>
5375                      </button></li></ul>
5376            </div><footer class="s-mobile-menu__footer"><div>
5377      <form method="post" action="/localization" id="mobile-menu-localization-shop-manga-graphic-novels-books" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
5378        <input type="hidden" name="country_code" value="GB">
5379<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-manga-graphic-novels-books-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
5380            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-manga-graphic-novels-books-country-button">
5381      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
5382          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5383        </svg></button>
5384    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
5385        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-manga-graphic-novels-books-country-opt-0"><li class="custom-select__option flex items-center js-option"
5386            id="mobile-menu-localization-shop-manga-graphic-novels-books-country-opt-0"
5387            role="option"
5388            data-value="GB" aria-selected="true">
5389          <span class="pointer-events-none">United Kingdom [GBP]</span>
5390          </li></ul>
5391  </div></country-selector></div></div>
5391<script>
5392      customElements.whenDefined('custom-select').then(() => {
5393        if (!customElements.get('country-selector')) {
5394          class CountrySelector extends customElements.get('custom-select') {
5395            constructor() {
5396              super();
5397              this.loaded = false;
5398            }
5399
5400            async showListbox() {
5401              if (this.loaded) {
5402                super.showListbox();
5403                return;
5404              }
5405
5406              this.button.classList.add('is-loading');
5407              this.button.setAttribute('aria-disabled', 'true');
5408
5409              try {
5410                const response = await fetch('?section_id=country-selector');
5411                if (!response.ok) throw new Error(response.status);
5412
5413                const tmpl = document.createElement('template');
5414                tmpl.innerHTML = await response.text();
5415
5416                const el = tmpl.content.querySelector('.custom-select__listbox');
5417                this.listbox.innerHTML = el.innerHTML;
5418
5419                if (this.closest('.footer, .s-mobile-menu')) {
5420                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
5421                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
5422                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
5423                  });
5424                }
5425
5426                this.options = this.querySelectorAll('.custom-select__option');
5427
5428                this.popular = this.querySelectorAll('[data-popular]');
5429                if (this.popular.length) {
5430                  this.popular[this.popular.length - 1].closest('.custom-select__option')
5431                    .classList.add('custom-select__option--visual-group-end');
5432                }
5433
5434                this.selectedOption = this.querySelector('[aria-selected="true"]');
5435                if (!this.selectedOption) {
5436                  this.selectedOption = this.listbox.firstElementChild;
5437                }
5438
5439                this.loaded = true;
5440              } catch {
5441                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
5442              } finally {
5443                super.showListbox();
5444                this.button.classList.remove('is-loading');
5445                this.button.setAttribute('aria-disabled', 'false');
5446              }
5447            }
5448
5449            setButtonWidth() {
5450              return;
5451            }
5452          }
5453
5454          customElements.define('country-selector', CountrySelector);
5455        }
5456      });
5457    </script>
5457<script>
5458    document.getElementById('mobile-menu-localization-shop-manga-graphic-novels-books').addEventListener('change', (evt) => {
5459      const input = evt.target.previousElementSibling;
5460      if (input && input.tagName === 'INPUT') {
5461        input.value = evt.detail.selectedValue;
5462        evt.currentTarget.submit();
5463      }
5464    });
5465  </script>
5465</form>
5466    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
5467
5468</footer>
5469
5470          </div><div
5471            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
5472            data-parent="shop-board-games"
5473          >
5474            <header class="s-mobile-menu__header">
5475              <button
5476                class="s-mobile-menu__back js-mobile-menu__header-back-3"
5477                type="button"
5478                aria-label="Back to Shop"
5479              >
5480                <svg
5481  width="16"
5482  height="16"
5483  viewBox="0 0 16 16"
5484  fill="none"
5485  xmlns="http://www.w3.org/2000/svg"
5486  aria-hidden="true"
5487  focusable="false"
5488  role="presentation"
5489  class="icon"
5490>
5491  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
5492</svg>
5493
5494              </button>
5495              <span class="s-mobile-menu__header-title">Board Games</span>
5496              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
5497                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
5498  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5499</svg>
5500              </button>
5501            </header>
5502            <div class="s-mobile-menu__scroll">
5503              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button
5504                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
5505                        type="button"
5506                        data-name="shop-board-games-new-release-pre-orders"
5507                        
5508                      >
5509                        <span>New Release &amp; Pre-Orders</span
5510                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5511  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5512</svg>
5513</span>
5514                      </button></li><li class="s-mobile-menu__item"><button
5515                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
5516                        type="button"
5517                        data-name="shop-board-games-category-genre"
5518                        
5519                      >
5520                        <span>Category/Genre</span
5521                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5522  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5523</svg>
5524</span>
5525                      </button></li><li class="s-mobile-menu__item"><button
5526                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
5527                        type="button"
5528                        data-name="shop-board-games-mechanics"
5529                        
5530                      >
5531                        <span>Mechanics</span
5532                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5533  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5534</svg>
5535</span>
5536                      </button></li><li class="s-mobile-menu__item"><button
5537                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
5538                        type="button"
5539                        data-name="shop-board-games-collections"
5540                        
5541                      >
5542                        <span>Collections</span
5543                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5544  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5545</svg>
5546</span>
5547                      </button></li></ul>
5548            </div><footer class="s-mobile-menu__footer"><div>
5549      <form method="post" action="/localization" id="mobile-menu-localization-shop-board-games" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
5550        <input type="hidden" name="country_code" value="GB">
5551<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-board-games-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
5552            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-board-games-country-button">
5553      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
5554          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5555        </svg></button>
5556    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
5557        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-board-games-country-opt-0"><li class="custom-select__option flex items-center js-option"
5558            id="mobile-menu-localization-shop-board-games-country-opt-0"
5559            role="option"
5560            data-value="GB" aria-selected="true">
5561          <span class="pointer-events-none">United Kingdom [GBP]</span>
5562          </li></ul>
5563  </div></country-selector></div></div>
5563<script>
5564      customElements.whenDefined('custom-select').then(() => {
5565        if (!customElements.get('country-selector')) {
5566          class CountrySelector extends customElements.get('custom-select') {
5567            constructor() {
5568              super();
5569              this.loaded = false;
5570            }
5571
5572            async showListbox() {
5573              if (this.loaded) {
5574                super.showListbox();
5575                return;
5576              }
5577
5578              this.button.classList.add('is-loading');
5579              this.button.setAttribute('aria-disabled', 'true');
5580
5581              try {
5582                const response = await fetch('?section_id=country-selector');
5583                if (!response.ok) throw new Error(response.status);
5584
5585                const tmpl = document.createElement('template');
5586                tmpl.innerHTML = await response.text();
5587
5588                const el = tmpl.content.querySelector('.custom-select__listbox');
5589                this.listbox.innerHTML = el.innerHTML;
5590
5591                if (this.closest('.footer, .s-mobile-menu')) {
5592                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
5593                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
5594                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
5595                  });
5596                }
5597
5598                this.options = this.querySelectorAll('.custom-select__option');
5599
5600                this.popular = this.querySelectorAll('[data-popular]');
5601                if (this.popular.length) {
5602                  this.popular[this.popular.length - 1].closest('.custom-select__option')
5603                    .classList.add('custom-select__option--visual-group-end');
5604                }
5605
5606                this.selectedOption = this.querySelector('[aria-selected="true"]');
5607                if (!this.selectedOption) {
5608                  this.selectedOption = this.listbox.firstElementChild;
5609                }
5610
5611                this.loaded = true;
5612              } catch {
5613                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
5614              } finally {
5615                super.showListbox();
5616                this.button.classList.remove('is-loading');
5617                this.button.setAttribute('aria-disabled', 'false');
5618              }
5619            }
5620
5621            setButtonWidth() {
5622              return;
5623            }
5624          }
5625
5626          customElements.define('country-selector', CountrySelector);
5627        }
5628      });
5629    </script>
5629<script>
5630    document.getElementById('mobile-menu-localization-shop-board-games').addEventListener('change', (evt) => {
5631      const input = evt.target.previousElementSibling;
5632      if (input && input.tagName === 'INPUT') {
5633        input.value = evt.detail.selectedValue;
5634        evt.currentTarget.submit();
5635      }
5636    });
5637  </script>
5637</form>
5638    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
5639
5640</footer>
5641
5642          </div><div
5643            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
5644            data-parent="shop-roleplaying-games"
5645          >
5646            <header class="s-mobile-menu__header">
5647              <button
5648                class="s-mobile-menu__back js-mobile-menu__header-back-3"
5649                type="button"
5650                aria-label="Back to Shop"
5651              >
5652                <svg
5653  width="16"
5654  height="16"
5655  viewBox="0 0 16 16"
5656  fill="none"
5657  xmlns="http://www.w3.org/2000/svg"
5658  aria-hidden="true"
5659  focusable="false"
5660  role="presentation"
5661  class="icon"
5662>
5663  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
5664</svg>
5665
5666              </button>
5667              <span class="s-mobile-menu__header-title">Roleplaying Games</span>
5668              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
5669                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
5670  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5671</svg>
5672              </button>
5673            </header>
5674            <div class="s-mobile-menu__scroll">
5675              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button
5676                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
5677                        type="button"
5678                        data-name="shop-roleplaying-games-roleplaying-games"
5679                        
5680                      >
5681                        <span>Roleplaying Games</span
5682                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5683  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5684</svg>
5685</span>
5686                      </button></li></ul>
5687            </div><footer class="s-mobile-menu__footer"><div>
5688      <form method="post" action="/localization" id="mobile-menu-localization-shop-roleplaying-games" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
5689        <input type="hidden" name="country_code" value="GB">
5690<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-roleplaying-games-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
5691            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-roleplaying-games-country-button">
5692      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
5693          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5694        </svg></button>
5695    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
5696        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-roleplaying-games-country-opt-0"><li class="custom-select__option flex items-center js-option"
5697            id="mobile-menu-localization-shop-roleplaying-games-country-opt-0"
5698            role="option"
5699            data-value="GB" aria-selected="true">
5700          <span class="pointer-events-none">United Kingdom [GBP]</span>
5701          </li></ul>
5702  </div></country-selector></div></div>
5702<script>
5703      customElements.whenDefined('custom-select').then(() => {
5704        if (!customElements.get('country-selector')) {
5705          class CountrySelector extends customElements.get('custom-select') {
5706            constructor() {
5707              super();
5708              this.loaded = false;
5709            }
5710
5711            async showListbox() {
5712              if (this.loaded) {
5713                super.showListbox();
5714                return;
5715              }
5716
5717              this.button.classList.add('is-loading');
5718              this.button.setAttribute('aria-disabled', 'true');
5719
5720              try {
5721                const response = await fetch('?section_id=country-selector');
5722                if (!response.ok) throw new Error(response.status);
5723
5724                const tmpl = document.createElement('template');
5725                tmpl.innerHTML = await response.text();
5726
5727                const el = tmpl.content.querySelector('.custom-select__listbox');
5728                this.listbox.innerHTML = el.innerHTML;
5729
5730                if (this.closest('.footer, .s-mobile-menu')) {
5731                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
5732                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
5733                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
5734                  });
5735                }
5736
5737                this.options = this.querySelectorAll('.custom-select__option');
5738
5739                this.popular = this.querySelectorAll('[data-popular]');
5740                if (this.popular.length) {
5741                  this.popular[this.popular.length - 1].closest('.custom-select__option')
5742                    .classList.add('custom-select__option--visual-group-end');
5743                }
5744
5745                this.selectedOption = this.querySelector('[aria-selected="true"]');
5746                if (!this.selectedOption) {
5747                  this.selectedOption = this.listbox.firstElementChild;
5748                }
5749
5750                this.loaded = true;
5751              } catch {
5752                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
5753              } finally {
5754                super.showListbox();
5755                this.button.classList.remove('is-loading');
5756                this.button.setAttribute('aria-disabled', 'false');
5757              }
5758            }
5759
5760            setButtonWidth() {
5761              return;
5762            }
5763          }
5764
5765          customElements.define('country-selector', CountrySelector);
5766        }
5767      });
5768    </script>
5768<script>
5769    document.getElementById('mobile-menu-localization-shop-roleplaying-games').addEventListener('change', (evt) => {
5770      const input = evt.target.previousElementSibling;
5771      if (input && input.tagName === 'INPUT') {
5772        input.value = evt.detail.selectedValue;
5773        evt.currentTarget.submit();
5774      }
5775    });
5776  </script>
5776</form>
5777    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
5778
5779</footer>
5780
5781          </div><div
5782            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
5783            data-parent="shop-tcgs"
5784          >
5785            <header class="s-mobile-menu__header">
5786              <button
5787                class="s-mobile-menu__back js-mobile-menu__header-back-3"
5788                type="button"
5789                aria-label="Back to Shop"
5790              >
5791                <svg
5792  width="16"
5793  height="16"
5794  viewBox="0 0 16 16"
5795  fill="none"
5796  xmlns="http://www.w3.org/2000/svg"
5797  aria-hidden="true"
5798  focusable="false"
5799  role="presentation"
5800  class="icon"
5801>
5802  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
5803</svg>
5804
5805              </button>
5806              <span class="s-mobile-menu__header-title">TCGs</span>
5807              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
5808                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
5809  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5810</svg>
5811              </button>
5812            </header>
5813            <div class="s-mobile-menu__scroll">
5814              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button
5815                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
5816                        type="button"
5817                        data-name="shop-tcgs-tcgs-ccgs"
5818                        
5819                      >
5820                        <span>TCGs &amp; CCGs</span
5821                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5822  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5823</svg>
5824</span>
5825                      </button></li><li class="s-mobile-menu__item"><button
5826                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
5827                        type="button"
5828                        data-name="shop-tcgs-accessories"
5829                        
5830                      >
5831                        <span>Accessories</span
5832                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5833  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5834</svg>
5835</span>
5836                      </button></li></ul>
5837            </div><footer class="s-mobile-menu__footer"><div>
5838      <form method="post" action="/localization" id="mobile-menu-localization-shop-tcgs" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
5839        <input type="hidden" name="country_code" value="GB">
5840<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-tcgs-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
5841            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-tcgs-country-button">
5842      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
5843          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5844        </svg></button>
5845    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
5846        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-tcgs-country-opt-0"><li class="custom-select__option flex items-center js-option"
5847            id="mobile-menu-localization-shop-tcgs-country-opt-0"
5848            role="option"
5849            data-value="GB" aria-selected="true">
5850          <span class="pointer-events-none">United Kingdom [GBP]</span>
5851          </li></ul>
5852  </div></country-selector></div></div>
5852<script>
5853      customElements.whenDefined('custom-select').then(() => {
5854        if (!customElements.get('country-selector')) {
5855          class CountrySelector extends customElements.get('custom-select') {
5856            constructor() {
5857              super();
5858              this.loaded = false;
5859            }
5860
5861            async showListbox() {
5862              if (this.loaded) {
5863                super.showListbox();
5864                return;
5865              }
5866
5867              this.button.classList.add('is-loading');
5868              this.button.setAttribute('aria-disabled', 'true');
5869
5870              try {
5871                const response = await fetch('?section_id=country-selector');
5872                if (!response.ok) throw new Error(response.status);
5873
5874                const tmpl = document.createElement('template');
5875                tmpl.innerHTML = await response.text();
5876
5877                const el = tmpl.content.querySelector('.custom-select__listbox');
5878                this.listbox.innerHTML = el.innerHTML;
5879
5880                if (this.closest('.footer, .s-mobile-menu')) {
5881                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
5882                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
5883                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
5884                  });
5885                }
5886
5887                this.options = this.querySelectorAll('.custom-select__option');
5888
5889                this.popular = this.querySelectorAll('[data-popular]');
5890                if (this.popular.length) {
5891                  this.popular[this.popular.length - 1].closest('.custom-select__option')
5892                    .classList.add('custom-select__option--visual-group-end');
5893                }
5894
5895                this.selectedOption = this.querySelector('[aria-selected="true"]');
5896                if (!this.selectedOption) {
5897                  this.selectedOption = this.listbox.firstElementChild;
5898                }
5899
5900                this.loaded = true;
5901              } catch {
5902                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
5903              } finally {
5904                super.showListbox();
5905                this.button.classList.remove('is-loading');
5906                this.button.setAttribute('aria-disabled', 'false');
5907              }
5908            }
5909
5910            setButtonWidth() {
5911              return;
5912            }
5913          }
5914
5915          customElements.define('country-selector', CountrySelector);
5916        }
5917      });
5918    </script>
5918<script>
5919    document.getElementById('mobile-menu-localization-shop-tcgs').addEventListener('change', (evt) => {
5920      const input = evt.target.previousElementSibling;
5921      if (input && input.tagName === 'INPUT') {
5922        input.value = evt.detail.selectedValue;
5923        evt.currentTarget.submit();
5924      }
5925    });
5926  </script>
5926</form>
5927    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
5928
5929</footer>
5930
5931          </div><div
5932            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
5933            data-parent="shop-miniature-games"
5934          >
5935            <header class="s-mobile-menu__header">
5936              <button
5937                class="s-mobile-menu__back js-mobile-menu__header-back-3"
5938                type="button"
5939                aria-label="Back to Shop"
5940              >
5941                <svg
5942  width="16"
5943  height="16"
5944  viewBox="0 0 16 16"
5945  fill="none"
5946  xmlns="http://www.w3.org/2000/svg"
5947  aria-hidden="true"
5948  focusable="false"
5949  role="presentation"
5950  class="icon"
5951>
5952  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
5953</svg>
5954
5955              </button>
5956              <span class="s-mobile-menu__header-title">Miniature Games</span>
5957              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
5958                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
5959  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
5960</svg>
5961              </button>
5962            </header>
5963            <div class="s-mobile-menu__scroll">
5964              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button
5965                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
5966                        type="button"
5967                        data-name="shop-miniature-games-miniature-games"
5968                        
5969                      >
5970                        <span>Miniature Games</span
5971                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5972  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5973</svg>
5974</span>
5975                      </button></li><li class="s-mobile-menu__item"><button
5976                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
5977                        type="button"
5978                        data-name="shop-miniature-games-warhammer"
5979                        
5980                      >
5981                        <span>Warhammer</span
5982                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5983  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5984</svg>
5985</span>
5986                      </button></li><li class="s-mobile-menu__item"><button
5987                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
5988                        type="button"
5989                        data-name="shop-miniature-games-accessories"
5990                        
5991                      >
5992                        <span>Accessories</span
5993                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
5994  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
5995</svg>
5996</span>
5997                      </button></li></ul>
5998            </div><footer class="s-mobile-menu__footer"><div>
5999      <form method="post" action="/localization" id="mobile-menu-localization-shop-miniature-games" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
6000        <input type="hidden" name="country_code" value="GB">
6001<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-miniature-games-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
6002            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-miniature-games-country-button">
6003      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
6004          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6005        </svg></button>
6006    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
6007        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-miniature-games-country-opt-0"><li class="custom-select__option flex items-center js-option"
6008            id="mobile-menu-localization-shop-miniature-games-country-opt-0"
6009            role="option"
6010            data-value="GB" aria-selected="true">
6011          <span class="pointer-events-none">United Kingdom [GBP]</span>
6012          </li></ul>
6013  </div></country-selector></div></div>
6013<script>
6014      customElements.whenDefined('custom-select').then(() => {
6015        if (!customElements.get('country-selector')) {
6016          class CountrySelector extends customElements.get('custom-select') {
6017            constructor() {
6018              super();
6019              this.loaded = false;
6020            }
6021
6022            async showListbox() {
6023              if (this.loaded) {
6024                super.showListbox();
6025                return;
6026              }
6027
6028              this.button.classList.add('is-loading');
6029              this.button.setAttribute('aria-disabled', 'true');
6030
6031              try {
6032                const response = await fetch('?section_id=country-selector');
6033                if (!response.ok) throw new Error(response.status);
6034
6035                const tmpl = document.createElement('template');
6036                tmpl.innerHTML = await response.text();
6037
6038                const el = tmpl.content.querySelector('.custom-select__listbox');
6039                this.listbox.innerHTML = el.innerHTML;
6040
6041                if (this.closest('.footer, .s-mobile-menu')) {
6042                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
6043                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
6044                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
6045                  });
6046                }
6047
6048                this.options = this.querySelectorAll('.custom-select__option');
6049
6050                this.popular = this.querySelectorAll('[data-popular]');
6051                if (this.popular.length) {
6052                  this.popular[this.popular.length - 1].closest('.custom-select__option')
6053                    .classList.add('custom-select__option--visual-group-end');
6054                }
6055
6056                this.selectedOption = this.querySelector('[aria-selected="true"]');
6057                if (!this.selectedOption) {
6058                  this.selectedOption = this.listbox.firstElementChild;
6059                }
6060
6061                this.loaded = true;
6062              } catch {
6063                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
6064              } finally {
6065                super.showListbox();
6066                this.button.classList.remove('is-loading');
6067                this.button.setAttribute('aria-disabled', 'false');
6068              }
6069            }
6070
6071            setButtonWidth() {
6072              return;
6073            }
6074          }
6075
6076          customElements.define('country-selector', CountrySelector);
6077        }
6078      });
6079    </script>
6079<script>
6080    document.getElementById('mobile-menu-localization-shop-miniature-games').addEventListener('change', (evt) => {
6081      const input = evt.target.previousElementSibling;
6082      if (input && input.tagName === 'INPUT') {
6083        input.value = evt.detail.selectedValue;
6084        evt.currentTarget.submit();
6085      }
6086    });
6087  </script>
6087</form>
6088    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
6089
6090</footer>
6091
6092          </div><div
6093            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
6094            data-parent="shop-hobby-supplies"
6095          >
6096            <header class="s-mobile-menu__header">
6097              <button
6098                class="s-mobile-menu__back js-mobile-menu__header-back-3"
6099                type="button"
6100                aria-label="Back to Shop"
6101              >
6102                <svg
6103  width="16"
6104  height="16"
6105  viewBox="0 0 16 16"
6106  fill="none"
6107  xmlns="http://www.w3.org/2000/svg"
6108  aria-hidden="true"
6109  focusable="false"
6110  role="presentation"
6111  class="icon"
6112>
6113  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
6114</svg>
6115
6116              </button>
6117              <span class="s-mobile-menu__header-title">Hobby Supplies</span>
6118              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
6119                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
6120  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6121</svg>
6122              </button>
6123            </header>
6124            <div class="s-mobile-menu__scroll">
6125              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button
6126                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
6127                        type="button"
6128                        data-name="shop-hobby-supplies-painting"
6129                        
6130                      >
6131                        <span>Painting</span
6132                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
6133  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
6134</svg>
6135</span>
6136                      </button></li><li class="s-mobile-menu__item"><button
6137                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
6138                        type="button"
6139                        data-name="shop-hobby-supplies-modelling"
6140                        
6141                      >
6142                        <span>Modelling</span
6143                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
6144  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
6145</svg>
6146</span>
6147                      </button></li><li class="s-mobile-menu__item"><button
6148                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
6149                        type="button"
6150                        data-name="shop-hobby-supplies-paint-ranges"
6151                        
6152                      >
6153                        <span>Paint Ranges</span
6154                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
6155  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
6156</svg>
6157</span>
6158                      </button></li></ul>
6159            </div><footer class="s-mobile-menu__footer"><div>
6160      <form method="post" action="/localization" id="mobile-menu-localization-shop-hobby-supplies" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
6161        <input type="hidden" name="country_code" value="GB">
6162<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-hobby-supplies-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
6163            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-hobby-supplies-country-button">
6164      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
6165          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6166        </svg></button>
6167    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
6168        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-hobby-supplies-country-opt-0"><li class="custom-select__option flex items-center js-option"
6169            id="mobile-menu-localization-shop-hobby-supplies-country-opt-0"
6170            role="option"
6171            data-value="GB" aria-selected="true">
6172          <span class="pointer-events-none">United Kingdom [GBP]</span>
6173          </li></ul>
6174  </div></country-selector></div></div>
6174<script>
6175      customElements.whenDefined('custom-select').then(() => {
6176        if (!customElements.get('country-selector')) {
6177          class CountrySelector extends customElements.get('custom-select') {
6178            constructor() {
6179              super();
6180              this.loaded = false;
6181            }
6182
6183            async showListbox() {
6184              if (this.loaded) {
6185                super.showListbox();
6186                return;
6187              }
6188
6189              this.button.classList.add('is-loading');
6190              this.button.setAttribute('aria-disabled', 'true');
6191
6192              try {
6193                const response = await fetch('?section_id=country-selector');
6194                if (!response.ok) throw new Error(response.status);
6195
6196                const tmpl = document.createElement('template');
6197                tmpl.innerHTML = await response.text();
6198
6199                const el = tmpl.content.querySelector('.custom-select__listbox');
6200                this.listbox.innerHTML = el.innerHTML;
6201
6202                if (this.closest('.footer, .s-mobile-menu')) {
6203                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
6204                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
6205                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
6206                  });
6207                }
6208
6209                this.options = this.querySelectorAll('.custom-select__option');
6210
6211                this.popular = this.querySelectorAll('[data-popular]');
6212                if (this.popular.length) {
6213                  this.popular[this.popular.length - 1].closest('.custom-select__option')
6214                    .classList.add('custom-select__option--visual-group-end');
6215                }
6216
6217                this.selectedOption = this.querySelector('[aria-selected="true"]');
6218                if (!this.selectedOption) {
6219                  this.selectedOption = this.listbox.firstElementChild;
6220                }
6221
6222                this.loaded = true;
6223              } catch {
6224                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
6225              } finally {
6226                super.showListbox();
6227                this.button.classList.remove('is-loading');
6228                this.button.setAttribute('aria-disabled', 'false');
6229              }
6230            }
6231
6232            setButtonWidth() {
6233              return;
6234            }
6235          }
6236
6237          customElements.define('country-selector', CountrySelector);
6238        }
6239      });
6240    </script>
6240<script>
6241    document.getElementById('mobile-menu-localization-shop-hobby-supplies').addEventListener('change', (evt) => {
6242      const input = evt.target.previousElementSibling;
6243      if (input && input.tagName === 'INPUT') {
6244        input.value = evt.detail.selectedValue;
6245        evt.currentTarget.submit();
6246      }
6247    });
6248  </script>
6248</form>
6249    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
6250
6251</footer>
6252
6253          </div><div
6254            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
6255            data-parent="shop-merchandise"
6256          >
6257            <header class="s-mobile-menu__header">
6258              <button
6259                class="s-mobile-menu__back js-mobile-menu__header-back-3"
6260                type="button"
6261                aria-label="Back to Shop"
6262              >
6263                <svg
6264  width="16"
6265  height="16"
6266  viewBox="0 0 16 16"
6267  fill="none"
6268  xmlns="http://www.w3.org/2000/svg"
6269  aria-hidden="true"
6270  focusable="false"
6271  role="presentation"
6272  class="icon"
6273>
6274  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
6275</svg>
6276
6277              </button>
6278              <span class="s-mobile-menu__header-title">Merchandise</span>
6279              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
6280                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
6281  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6282</svg>
6283              </button>
6284            </header>
6285            <div class="s-mobile-menu__scroll">
6286              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button
6287                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
6288                        type="button"
6289                        data-name="shop-merchandise-merch"
6290                        
6291                      >
6292                        <span>Merch</span
6293                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
6294  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
6295</svg>
6296</span>
6297                      </button></li><li class="s-mobile-menu__item"><button
6298                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
6299                        type="button"
6300                        data-name="shop-merchandise-statues"
6301                        
6302                      >
6303                        <span>Statues</span
6304                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
6305  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
6306</svg>
6307</span>
6308                      </button></li><li class="s-mobile-menu__item"><button
6309                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
6310                        type="button"
6311                        data-name="shop-merchandise-pokemon"
6312                        
6313                      >
6314                        <span>Pokemon</span
6315                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
6316  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
6317</svg>
6318</span>
6319                      </button></li><li class="s-mobile-menu__item"><button
6320                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
6321                        type="button"
6322                        data-name="shop-merchandise-model-kits"
6323                        
6324                      >
6325                        <span>Model Kits</span
6326                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
6327  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
6328</svg>
6329</span>
6330                      </button></li></ul>
6331            </div><footer class="s-mobile-menu__footer"><div>
6332      <form method="post" action="/localization" id="mobile-menu-localization-shop-merchandise" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
6333        <input type="hidden" name="country_code" value="GB">
6334<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-merchandise-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
6335            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-merchandise-country-button">
6336      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
6337          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6338        </svg></button>
6339    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
6340        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-merchandise-country-opt-0"><li class="custom-select__option flex items-center js-option"
6341            id="mobile-menu-localization-shop-merchandise-country-opt-0"
6342            role="option"
6343            data-value="GB" aria-selected="true">
6344          <span class="pointer-events-none">United Kingdom [GBP]</span>
6345          </li></ul>
6346  </div></country-selector></div></div>
6346<script>
6347      customElements.whenDefined('custom-select').then(() => {
6348        if (!customElements.get('country-selector')) {
6349          class CountrySelector extends customElements.get('custom-select') {
6350            constructor() {
6351              super();
6352              this.loaded = false;
6353            }
6354
6355            async showListbox() {
6356              if (this.loaded) {
6357                super.showListbox();
6358                return;
6359              }
6360
6361              this.button.classList.add('is-loading');
6362              this.button.setAttribute('aria-disabled', 'true');
6363
6364              try {
6365                const response = await fetch('?section_id=country-selector');
6366                if (!response.ok) throw new Error(response.status);
6367
6368                const tmpl = document.createElement('template');
6369                tmpl.innerHTML = await response.text();
6370
6371                const el = tmpl.content.querySelector('.custom-select__listbox');
6372                this.listbox.innerHTML = el.innerHTML;
6373
6374                if (this.closest('.footer, .s-mobile-menu')) {
6375                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
6376                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
6377                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
6378                  });
6379                }
6380
6381                this.options = this.querySelectorAll('.custom-select__option');
6382
6383                this.popular = this.querySelectorAll('[data-popular]');
6384                if (this.popular.length) {
6385                  this.popular[this.popular.length - 1].closest('.custom-select__option')
6386                    .classList.add('custom-select__option--visual-group-end');
6387                }
6388
6389                this.selectedOption = this.querySelector('[aria-selected="true"]');
6390                if (!this.selectedOption) {
6391                  this.selectedOption = this.listbox.firstElementChild;
6392                }
6393
6394                this.loaded = true;
6395              } catch {
6396                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
6397              } finally {
6398                super.showListbox();
6399                this.button.classList.remove('is-loading');
6400                this.button.setAttribute('aria-disabled', 'false');
6401              }
6402            }
6403
6404            setButtonWidth() {
6405              return;
6406            }
6407          }
6408
6409          customElements.define('country-selector', CountrySelector);
6410        }
6411      });
6412    </script>
6412<script>
6413    document.getElementById('mobile-menu-localization-shop-merchandise').addEventListener('change', (evt) => {
6414      const input = evt.target.previousElementSibling;
6415      if (input && input.tagName === 'INPUT') {
6416        input.value = evt.detail.selectedValue;
6417        evt.currentTarget.submit();
6418      }
6419    });
6420  </script>
6420</form>
6421    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
6422
6423</footer>
6424
6425          </div><div
6426            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
6427            data-parent="shop-sale"
6428          >
6429            <header class="s-mobile-menu__header">
6430              <button
6431                class="s-mobile-menu__back js-mobile-menu__header-back-3"
6432                type="button"
6433                aria-label="Back to Shop"
6434              >
6435                <svg
6436  width="16"
6437  height="16"
6438  viewBox="0 0 16 16"
6439  fill="none"
6440  xmlns="http://www.w3.org/2000/svg"
6441  aria-hidden="true"
6442  focusable="false"
6443  role="presentation"
6444  class="icon"
6445>
6446  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
6447</svg>
6448
6449              </button>
6450              <span class="s-mobile-menu__header-title">Sale</span>
6451              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
6452                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
6453  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6454</svg>
6455              </button>
6456            </header>
6457            <div class="s-mobile-menu__scroll">
6458              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button
6459                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
6460                        type="button"
6461                        data-name="shop-sale-sale"
6462                        
6463                      >
6464                        <span>Sale</span
6465                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
6466  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
6467</svg>
6468</span>
6469                      </button></li></ul>
6470            </div><footer class="s-mobile-menu__footer"><div>
6471      <form method="post" action="/localization" id="mobile-menu-localization-shop-sale" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
6472        <input type="hidden" name="country_code" value="GB">
6473<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-sale-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
6474            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-sale-country-button">
6475      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
6476          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6477        </svg></button>
6478    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
6479        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-sale-country-opt-0"><li class="custom-select__option flex items-center js-option"
6480            id="mobile-menu-localization-shop-sale-country-opt-0"
6481            role="option"
6482            data-value="GB" aria-selected="true">
6483          <span class="pointer-events-none">United Kingdom [GBP]</span>
6484          </li></ul>
6485  </div></country-selector></div></div>
6485<script>
6486      customElements.whenDefined('custom-select').then(() => {
6487        if (!customElements.get('country-selector')) {
6488          class CountrySelector extends customElements.get('custom-select') {
6489            constructor() {
6490              super();
6491              this.loaded = false;
6492            }
6493
6494            async showListbox() {
6495              if (this.loaded) {
6496                super.showListbox();
6497                return;
6498              }
6499
6500              this.button.classList.add('is-loading');
6501              this.button.setAttribute('aria-disabled', 'true');
6502
6503              try {
6504                const response = await fetch('?section_id=country-selector');
6505                if (!response.ok) throw new Error(response.status);
6506
6507                const tmpl = document.createElement('template');
6508                tmpl.innerHTML = await response.text();
6509
6510                const el = tmpl.content.querySelector('.custom-select__listbox');
6511                this.listbox.innerHTML = el.innerHTML;
6512
6513                if (this.closest('.footer, .s-mobile-menu')) {
6514                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
6515                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
6516                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
6517                  });
6518                }
6519
6520                this.options = this.querySelectorAll('.custom-select__option');
6521
6522                this.popular = this.querySelectorAll('[data-popular]');
6523                if (this.popular.length) {
6524                  this.popular[this.popular.length - 1].closest('.custom-select__option')
6525                    .classList.add('custom-select__option--visual-group-end');
6526                }
6527
6528                this.selectedOption = this.querySelector('[aria-selected="true"]');
6529                if (!this.selectedOption) {
6530                  this.selectedOption = this.listbox.firstElementChild;
6531                }
6532
6533                this.loaded = true;
6534              } catch {
6535                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
6536              } finally {
6537                super.showListbox();
6538                this.button.classList.remove('is-loading');
6539                this.button.setAttribute('aria-disabled', 'false');
6540              }
6541            }
6542
6543            setButtonWidth() {
6544              return;
6545            }
6546          }
6547
6548          customElements.define('country-selector', CountrySelector);
6549        }
6550      });
6551    </script>
6551<script>
6552    document.getElementById('mobile-menu-localization-shop-sale').addEventListener('change', (evt) => {
6553      const input = evt.target.previousElementSibling;
6554      if (input && input.tagName === 'INPUT') {
6555        input.value = evt.detail.selectedValue;
6556        evt.currentTarget.submit();
6557      }
6558    });
6559  </script>
6559</form>
6560    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
6561
6562</footer>
6563
6564          </div><div
6565            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
6566            data-parent="new-preorders-new-releases"
6567          >
6568            <header class="s-mobile-menu__header">
6569              <button
6570                class="s-mobile-menu__back js-mobile-menu__header-back-3"
6571                type="button"
6572                aria-label="Back to New &amp;amp; Preorders"
6573              >
6574                <svg
6575  width="16"
6576  height="16"
6577  viewBox="0 0 16 16"
6578  fill="none"
6579  xmlns="http://www.w3.org/2000/svg"
6580  aria-hidden="true"
6581  focusable="false"
6582  role="presentation"
6583  class="icon"
6584>
6585  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
6586</svg>
6587
6588              </button>
6589              <span class="s-mobile-menu__header-title">New Releases</span>
6590              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
6591                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
6592  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6593</svg>
6594              </button>
6595            </header>
6596            <div class="s-mobile-menu__scroll">
6597              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button
6598                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
6599                        type="button"
6600                        data-name="new-preorders-new-releases-new-releases"
6601                        
6602                      >
6603                        <span>New Releases</span
6604                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
6605  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
6606</svg>
6607</span>
6608                      </button></li></ul>
6609            </div><footer class="s-mobile-menu__footer"><div>
6610      <form method="post" action="/localization" id="mobile-menu-localization-new-preorders-new-releases" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
6611        <input type="hidden" name="country_code" value="GB">
6612<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-new-preorders-new-releases-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
6613            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-new-preorders-new-releases-country-button">
6614      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
6615          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6616        </svg></button>
6617    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
6618        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-new-preorders-new-releases-country-opt-0"><li class="custom-select__option flex items-center js-option"
6619            id="mobile-menu-localization-new-preorders-new-releases-country-opt-0"
6620            role="option"
6621            data-value="GB" aria-selected="true">
6622          <span class="pointer-events-none">United Kingdom [GBP]</span>
6623          </li></ul>
6624  </div></country-selector></div></div>
6624<script>
6625      customElements.whenDefined('custom-select').then(() => {
6626        if (!customElements.get('country-selector')) {
6627          class CountrySelector extends customElements.get('custom-select') {
6628            constructor() {
6629              super();
6630              this.loaded = false;
6631            }
6632
6633            async showListbox() {
6634              if (this.loaded) {
6635                super.showListbox();
6636                return;
6637              }
6638
6639              this.button.classList.add('is-loading');
6640              this.button.setAttribute('aria-disabled', 'true');
6641
6642              try {
6643                const response = await fetch('?section_id=country-selector');
6644                if (!response.ok) throw new Error(response.status);
6645
6646                const tmpl = document.createElement('template');
6647                tmpl.innerHTML = await response.text();
6648
6649                const el = tmpl.content.querySelector('.custom-select__listbox');
6650                this.listbox.innerHTML = el.innerHTML;
6651
6652                if (this.closest('.footer, .s-mobile-menu')) {
6653                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
6654                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
6655                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
6656                  });
6657                }
6658
6659                this.options = this.querySelectorAll('.custom-select__option');
6660
6661                this.popular = this.querySelectorAll('[data-popular]');
6662                if (this.popular.length) {
6663                  this.popular[this.popular.length - 1].closest('.custom-select__option')
6664                    .classList.add('custom-select__option--visual-group-end');
6665                }
6666
6667                this.selectedOption = this.querySelector('[aria-selected="true"]');
6668                if (!this.selectedOption) {
6669                  this.selectedOption = this.listbox.firstElementChild;
6670                }
6671
6672                this.loaded = true;
6673              } catch {
6674                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
6675              } finally {
6676                super.showListbox();
6677                this.button.classList.remove('is-loading');
6678                this.button.setAttribute('aria-disabled', 'false');
6679              }
6680            }
6681
6682            setButtonWidth() {
6683              return;
6684            }
6685          }
6686
6687          customElements.define('country-selector', CountrySelector);
6688        }
6689      });
6690    </script>
6690<script>
6691    document.getElementById('mobile-menu-localization-new-preorders-new-releases').addEventListener('change', (evt) => {
6692      const input = evt.target.previousElementSibling;
6693      if (input && input.tagName === 'INPUT') {
6694        input.value = evt.detail.selectedValue;
6695        evt.currentTarget.submit();
6696      }
6697    });
6698  </script>
6698</form>
6699    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
6700
6701</footer>
6702
6703          </div><div
6704            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
6705            data-parent="new-preorders-pre-orders"
6706          >
6707            <header class="s-mobile-menu__header">
6708              <button
6709                class="s-mobile-menu__back js-mobile-menu__header-back-3"
6710                type="button"
6711                aria-label="Back to New &amp;amp; Preorders"
6712              >
6713                <svg
6714  width="16"
6715  height="16"
6716  viewBox="0 0 16 16"
6717  fill="none"
6718  xmlns="http://www.w3.org/2000/svg"
6719  aria-hidden="true"
6720  focusable="false"
6721  role="presentation"
6722  class="icon"
6723>
6724  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
6725</svg>
6726
6727              </button>
6728              <span class="s-mobile-menu__header-title">Pre-Orders</span>
6729              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
6730                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
6731  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6732</svg>
6733              </button>
6734            </header>
6735            <div class="s-mobile-menu__scroll">
6736              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button
6737                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
6738                        type="button"
6739                        data-name="new-preorders-pre-orders-pre-orders"
6740                        
6741                      >
6742                        <span>Pre-Orders</span
6743                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
6744  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
6745</svg>
6746</span>
6747                      </button></li></ul>
6748            </div><footer class="s-mobile-menu__footer"><div>
6749      <form method="post" action="/localization" id="mobile-menu-localization-new-preorders-pre-orders" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
6750        <input type="hidden" name="country_code" value="GB">
6751<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-new-preorders-pre-orders-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
6752            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-new-preorders-pre-orders-country-button">
6753      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
6754          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6755        </svg></button>
6756    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
6757        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-new-preorders-pre-orders-country-opt-0"><li class="custom-select__option flex items-center js-option"
6758            id="mobile-menu-localization-new-preorders-pre-orders-country-opt-0"
6759            role="option"
6760            data-value="GB" aria-selected="true">
6761          <span class="pointer-events-none">United Kingdom [GBP]</span>
6762          </li></ul>
6763  </div></country-selector></div></div>
6763<script>
6764      customElements.whenDefined('custom-select').then(() => {
6765        if (!customElements.get('country-selector')) {
6766          class CountrySelector extends customElements.get('custom-select') {
6767            constructor() {
6768              super();
6769              this.loaded = false;
6770            }
6771
6772            async showListbox() {
6773              if (this.loaded) {
6774                super.showListbox();
6775                return;
6776              }
6777
6778              this.button.classList.add('is-loading');
6779              this.button.setAttribute('aria-disabled', 'true');
6780
6781              try {
6782                const response = await fetch('?section_id=country-selector');
6783                if (!response.ok) throw new Error(response.status);
6784
6785                const tmpl = document.createElement('template');
6786                tmpl.innerHTML = await response.text();
6787
6788                const el = tmpl.content.querySelector('.custom-select__listbox');
6789                this.listbox.innerHTML = el.innerHTML;
6790
6791                if (this.closest('.footer, .s-mobile-menu')) {
6792                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
6793                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
6794                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
6795                  });
6796                }
6797
6798                this.options = this.querySelectorAll('.custom-select__option');
6799
6800                this.popular = this.querySelectorAll('[data-popular]');
6801                if (this.popular.length) {
6802                  this.popular[this.popular.length - 1].closest('.custom-select__option')
6803                    .classList.add('custom-select__option--visual-group-end');
6804                }
6805
6806                this.selectedOption = this.querySelector('[aria-selected="true"]');
6807                if (!this.selectedOption) {
6808                  this.selectedOption = this.listbox.firstElementChild;
6809                }
6810
6811                this.loaded = true;
6812              } catch {
6813                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
6814              } finally {
6815                super.showListbox();
6816                this.button.classList.remove('is-loading');
6817                this.button.setAttribute('aria-disabled', 'false');
6818              }
6819            }
6820
6821            setButtonWidth() {
6822              return;
6823            }
6824          }
6825
6826          customElements.define('country-selector', CountrySelector);
6827        }
6828      });
6829    </script>
6829<script>
6830    document.getElementById('mobile-menu-localization-new-preorders-pre-orders').addEventListener('change', (evt) => {
6831      const input = evt.target.previousElementSibling;
6832      if (input && input.tagName === 'INPUT') {
6833        input.value = evt.detail.selectedValue;
6834        evt.currentTarget.submit();
6835      }
6836    });
6837  </script>
6837</form>
6838    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
6839
6840</footer>
6841
6842          </div><div
6843            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
6844            data-parent="manga-new-release-pre-order"
6845          >
6846            <header class="s-mobile-menu__header">
6847              <button
6848                class="s-mobile-menu__back js-mobile-menu__header-back-3"
6849                type="button"
6850                aria-label="Back to Manga"
6851              >
6852                <svg
6853  width="16"
6854  height="16"
6855  viewBox="0 0 16 16"
6856  fill="none"
6857  xmlns="http://www.w3.org/2000/svg"
6858  aria-hidden="true"
6859  focusable="false"
6860  role="presentation"
6861  class="icon"
6862>
6863  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
6864</svg>
6865
6866              </button>
6867              <span class="s-mobile-menu__header-title">New Release &amp; Pre-Order</span>
6868              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
6869                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
6870  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6871</svg>
6872              </button>
6873            </header>
6874            <div class="s-mobile-menu__scroll">
6875              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/new-release-manga" 
6876                        ><span>New Releases</span
6877                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
6878  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
6879</svg>
6880</span></a
6881                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/pre-order-manga" 
6882                        ><span>Pre-Order</span
6883                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
6884  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
6885</svg>
6886</span></a
6887                      ></li></ul>
6888            </div><footer class="s-mobile-menu__footer"><div>
6889      <form method="post" action="/localization" id="mobile-menu-localization-manga-new-release-pre-order" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
6890        <input type="hidden" name="country_code" value="GB">
6891<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-manga-new-release-pre-order-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
6892            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-manga-new-release-pre-order-country-button">
6893      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
6894          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6895        </svg></button>
6896    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
6897        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-manga-new-release-pre-order-country-opt-0"><li class="custom-select__option flex items-center js-option"
6898            id="mobile-menu-localization-manga-new-release-pre-order-country-opt-0"
6899            role="option"
6900            data-value="GB" aria-selected="true">
6901          <span class="pointer-events-none">United Kingdom [GBP]</span>
6902          </li></ul>
6903  </div></country-selector></div></div>
6903<script>
6904      customElements.whenDefined('custom-select').then(() => {
6905        if (!customElements.get('country-selector')) {
6906          class CountrySelector extends customElements.get('custom-select') {
6907            constructor() {
6908              super();
6909              this.loaded = false;
6910            }
6911
6912            async showListbox() {
6913              if (this.loaded) {
6914                super.showListbox();
6915                return;
6916              }
6917
6918              this.button.classList.add('is-loading');
6919              this.button.setAttribute('aria-disabled', 'true');
6920
6921              try {
6922                const response = await fetch('?section_id=country-selector');
6923                if (!response.ok) throw new Error(response.status);
6924
6925                const tmpl = document.createElement('template');
6926                tmpl.innerHTML = await response.text();
6927
6928                const el = tmpl.content.querySelector('.custom-select__listbox');
6929                this.listbox.innerHTML = el.innerHTML;
6930
6931                if (this.closest('.footer, .s-mobile-menu')) {
6932                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
6933                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
6934                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
6935                  });
6936                }
6937
6938                this.options = this.querySelectorAll('.custom-select__option');
6939
6940                this.popular = this.querySelectorAll('[data-popular]');
6941                if (this.popular.length) {
6942                  this.popular[this.popular.length - 1].closest('.custom-select__option')
6943                    .classList.add('custom-select__option--visual-group-end');
6944                }
6945
6946                this.selectedOption = this.querySelector('[aria-selected="true"]');
6947                if (!this.selectedOption) {
6948                  this.selectedOption = this.listbox.firstElementChild;
6949                }
6950
6951                this.loaded = true;
6952              } catch {
6953                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
6954              } finally {
6955                super.showListbox();
6956                this.button.classList.remove('is-loading');
6957                this.button.setAttribute('aria-disabled', 'false');
6958              }
6959            }
6960
6961            setButtonWidth() {
6962              return;
6963            }
6964          }
6965
6966          customElements.define('country-selector', CountrySelector);
6967        }
6968      });
6969    </script>
6969<script>
6970    document.getElementById('mobile-menu-localization-manga-new-release-pre-order').addEventListener('change', (evt) => {
6971      const input = evt.target.previousElementSibling;
6972      if (input && input.tagName === 'INPUT') {
6973        input.value = evt.detail.selectedValue;
6974        evt.currentTarget.submit();
6975      }
6976    });
6977  </script>
6977</form>
6978    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
6979
6980</footer>
6981
6982          </div><div
6983            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
6984            data-parent="manga-genre"
6985          >
6986            <header class="s-mobile-menu__header">
6987              <button
6988                class="s-mobile-menu__back js-mobile-menu__header-back-3"
6989                type="button"
6990                aria-label="Back to Manga"
6991              >
6992                <svg
6993  width="16"
6994  height="16"
6995  viewBox="0 0 16 16"
6996  fill="none"
6997  xmlns="http://www.w3.org/2000/svg"
6998  aria-hidden="true"
6999  focusable="false"
7000  role="presentation"
7001  class="icon"
7002>
7003  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
7004</svg>
7005
7006              </button>
7007              <span class="s-mobile-menu__header-title">Genre</span>
7008              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
7009                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
7010  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7011</svg>
7012              </button>
7013            </header>
7014            <div class="s-mobile-menu__scroll">
7015              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-action-and-adventure" 
7016                        ><span>Action and Adventure</span
7017                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7018  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7019</svg>
7020</span></a
7021                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-comedy" 
7022                        ><span>Comedy</span
7023                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7024  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7025</svg>
7026</span></a
7027                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-crime" 
7028                        ><span>Crime</span
7029                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7030  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7031</svg>
7032</span></a
7033                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-drama" 
7034                        ><span>Drama</span
7035                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7036  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7037</svg>
7038</span></a
7039                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-fantasy" 
7040                        ><span>Fantasy</span
7041                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7042  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7043</svg>
7044</span></a
7045                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-horror" 
7046                        ><span>Horror</span
7047                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7048  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7049</svg>
7050</span></a
7051                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-isekai" 
7052                        ><span>Isekai</span
7053                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7054  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7055</svg>
7056</span></a
7057                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-lgbtq" 
7058                        ><span>LGBTQ</span
7059                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7060  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7061</svg>
7062</span></a
7063                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-mystery" 
7064                        ><span>Mystery</span
7065                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7066  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7067</svg>
7068</span></a
7069                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-occult" 
7070                        ><span>Occult</span
7071                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7072  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7073</svg>
7074</span></a
7075                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-romance" 
7076                        ><span>Romance</span
7077                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7078  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7079</svg>
7080</span></a
7081                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-school-life" 
7082                        ><span>School Life</span
7083                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7084  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7085</svg>
7086</span></a
7087                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-science-fiction" 
7088                        ><span>Science Fiction</span
7089                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7090  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7091</svg>
7092</span></a
7093                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-slice-of-life" 
7094                        ><span>Slice of Life</span
7095                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7096  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7097</svg>
7098</span></a
7099                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-sports" 
7100                        ><span>
7100Sports</span
7101                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7102  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7103</svg>
7104</span></a
7105                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-supernatural" 
7106                        ><span>Supernatural</span
7107                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7108  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7109</svg>
7110</span></a
7111                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-thriller" 
7112                        ><span>Thriller</span
7113                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7114  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7115</svg>
7116</span></a
7117                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-yaoi" 
7118                        ><span>Yaoi</span
7119                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7120  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7121</svg>
7122</span></a
7123                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-yuri" 
7124                        ><span>Yuri</span
7125                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7126  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7127</svg>
7128</span></a
7129                      ></li></ul>
7130            </div><footer class="s-mobile-menu__footer"><div>
7131      <form method="post" action="/localization" id="mobile-menu-localization-manga-genre" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
7132        <input type="hidden" name="country_code" value="GB">
7133<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-manga-genre-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
7134            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-manga-genre-country-button">
7135      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
7136          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7137        </svg></button>
7138    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
7139        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-manga-genre-country-opt-0"><li class="custom-select__option flex items-center js-option"
7140            id="mobile-menu-localization-manga-genre-country-opt-0"
7141            role="option"
7142            data-value="GB" aria-selected="true">
7143          <span class="pointer-events-none">United Kingdom [GBP]</span>
7144          </li></ul>
7145  </div></country-selector></div></div>
7145<script>
7146      customElements.whenDefined('custom-select').then(() => {
7147        if (!customElements.get('country-selector')) {
7148          class CountrySelector extends customElements.get('custom-select') {
7149            constructor() {
7150              super();
7151              this.loaded = false;
7152            }
7153
7154            async showListbox() {
7155              if (this.loaded) {
7156                super.showListbox();
7157                return;
7158              }
7159
7160              this.button.classList.add('is-loading');
7161              this.button.setAttribute('aria-disabled', 'true');
7162
7163              try {
7164                const response = await fetch('?section_id=country-selector');
7165                if (!response.ok) throw new Error(response.status);
7166
7167                const tmpl = document.createElement('template');
7168                tmpl.innerHTML = await response.text();
7169
7170                const el = tmpl.content.querySelector('.custom-select__listbox');
7171                this.listbox.innerHTML = el.innerHTML;
7172
7173                if (this.closest('.footer, .s-mobile-menu')) {
7174                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
7175                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
7176                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
7177                  });
7178                }
7179
7180                this.options = this.querySelectorAll('.custom-select__option');
7181
7182                this.popular = this.querySelectorAll('[data-popular]');
7183                if (this.popular.length) {
7184                  this.popular[this.popular.length - 1].closest('.custom-select__option')
7185                    .classList.add('custom-select__option--visual-group-end');
7186                }
7187
7188                this.selectedOption = this.querySelector('[aria-selected="true"]');
7189                if (!this.selectedOption) {
7190                  this.selectedOption = this.listbox.firstElementChild;
7191                }
7192
7193                this.loaded = true;
7194              } catch {
7195                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
7196              } finally {
7197                super.showListbox();
7198                this.button.classList.remove('is-loading');
7199                this.button.setAttribute('aria-disabled', 'false');
7200              }
7201            }
7202
7203            setButtonWidth() {
7204              return;
7205            }
7206          }
7207
7208          customElements.define('country-selector', CountrySelector);
7209        }
7210      });
7211    </script>
7211<script>
7212    document.getElementById('mobile-menu-localization-manga-genre').addEventListener('change', (evt) => {
7213      const input = evt.target.previousElementSibling;
7214      if (input && input.tagName === 'INPUT') {
7215        input.value = evt.detail.selectedValue;
7216        evt.currentTarget.submit();
7217      }
7218    });
7219  </script>
7219</form>
7220    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
7221
7222</footer>
7223
7224          </div><div
7225            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
7226            data-parent="manga-age-range"
7227          >
7228            <header class="s-mobile-menu__header">
7229              <button
7230                class="s-mobile-menu__back js-mobile-menu__header-back-3"
7231                type="button"
7232                aria-label="Back to Manga"
7233              >
7234                <svg
7235  width="16"
7236  height="16"
7237  viewBox="0 0 16 16"
7238  fill="none"
7239  xmlns="http://www.w3.org/2000/svg"
7240  aria-hidden="true"
7241  focusable="false"
7242  role="presentation"
7243  class="icon"
7244>
7245  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
7246</svg>
7247
7248              </button>
7249              <span class="s-mobile-menu__header-title">Age Range</span>
7250              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
7251                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
7252  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7253</svg>
7254              </button>
7255            </header>
7256            <div class="s-mobile-menu__scroll">
7257              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-all-ages" 
7258                        ><span>All Ages</span
7259                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7260  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7261</svg>
7262</span></a
7263                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-teen" 
7264                        ><span>Teen</span
7265                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7266  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7267</svg>
7268</span></a
7269                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-older-teen" 
7270                        ><span>Older Teen</span
7271                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7272  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7273</svg>
7274</span></a
7275                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-mature" 
7276                        ><span>Mature</span
7277                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7278  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7279</svg>
7280</span></a
7281                      ></li></ul>
7282            </div><footer class="s-mobile-menu__footer"><div>
7283      <form method="post" action="/localization" id="mobile-menu-localization-manga-age-range" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
7284        <input type="hidden" name="country_code" value="GB">
7285<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-manga-age-range-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
7286            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-manga-age-range-country-button">
7287      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
7288          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7289        </svg></button>
7290    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
7291        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-manga-age-range-country-opt-0"><li class="custom-select__option flex items-center js-option"
7292            id="mobile-menu-localization-manga-age-range-country-opt-0"
7293            role="option"
7294            data-value="GB" aria-selected="true">
7295          <span class="pointer-events-none">United Kingdom [GBP]</span>
7296          </li></ul>
7297  </div></country-selector></div></div>
7297<script>
7298      customElements.whenDefined('custom-select').then(() => {
7299        if (!customElements.get('country-selector')) {
7300          class CountrySelector extends customElements.get('custom-select') {
7301            constructor() {
7302              super();
7303              this.loaded = false;
7304            }
7305
7306            async showListbox() {
7307              if (this.loaded) {
7308                super.showListbox();
7309                return;
7310              }
7311
7312              this.button.classList.add('is-loading');
7313              this.button.setAttribute('aria-disabled', 'true');
7314
7315              try {
7316                const response = await fetch('?section_id=country-selector');
7317                if (!response.ok) throw new Error(response.status);
7318
7319                const tmpl = document.createElement('template');
7320                tmpl.innerHTML = await response.text();
7321
7322                const el = tmpl.content.querySelector('.custom-select__listbox');
7323                this.listbox.innerHTML = el.innerHTML;
7324
7325                if (this.closest('.footer, .s-mobile-menu')) {
7326                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
7327                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
7328                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
7329                  });
7330                }
7331
7332                this.options = this.querySelectorAll('.custom-select__option');
7333
7334                this.popular = this.querySelectorAll('[data-popular]');
7335                if (this.popular.length) {
7336                  this.popular[this.popular.length - 1].closest('.custom-select__option')
7337                    .classList.add('custom-select__option--visual-group-end');
7338                }
7339
7340                this.selectedOption = this.querySelector('[aria-selected="true"]');
7341                if (!this.selectedOption) {
7342                  this.selectedOption = this.listbox.firstElementChild;
7343                }
7344
7345                this.loaded = true;
7346              } catch {
7347                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
7348              } finally {
7349                super.showListbox();
7350                this.button.classList.remove('is-loading');
7351                this.button.setAttribute('aria-disabled', 'false');
7352              }
7353            }
7354
7355            setButtonWidth() {
7356              return;
7357            }
7358          }
7359
7360          customElements.define('country-selector', CountrySelector);
7361        }
7362      });
7363    </script>
7363<script>
7364    document.getElementById('mobile-menu-localization-manga-age-range').addEventListener('change', (evt) => {
7365      const input = evt.target.previousElementSibling;
7366      if (input && input.tagName === 'INPUT') {
7367        input.value = evt.detail.selectedValue;
7368        evt.currentTarget.submit();
7369      }
7370    });
7371  </script>
7371</form>
7372    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
7373
7374</footer>
7375
7376          </div><div
7377            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
7378            data-parent="manga-publisher"
7379          >
7380            <header class="s-mobile-menu__header">
7381              <button
7382                class="s-mobile-menu__back js-mobile-menu__header-back-3"
7383                type="button"
7384                aria-label="Back to Manga"
7385              >
7386                <svg
7387  width="16"
7388  height="16"
7389  viewBox="0 0 16 16"
7390  fill="none"
7391  xmlns="http://www.w3.org/2000/svg"
7392  aria-hidden="true"
7393  focusable="false"
7394  role="presentation"
7395  class="icon"
7396>
7397  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
7398</svg>
7399
7400              </button>
7401              <span class="s-mobile-menu__header-title">Publisher</span>
7402              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
7403                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
7404  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7405</svg>
7406              </button>
7407            </header>
7408            <div class="s-mobile-menu__scroll">
7409              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-viz" 
7410                        ><span>Viz</span
7411                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7412  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7413</svg>
7414</span></a
7415                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-kodansha" 
7416                        ><span>Kodansha</span
7417                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7418  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7419</svg>
7420</span></a
7421                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-seven-seas" 
7422                        ><span>Seven Seas</span
7423                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7424  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7425</svg>
7426</span></a
7427                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-yen-press" 
7428                        ><span>Yen Press</span
7429                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7430  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7431</svg>
7432</span></a
7433                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-square-enix" 
7434                        ><span>Square Enix</span
7435                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7436  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7437</svg>
7438</span></a
7439                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-tokyo-pop" 
7440                        ><span>Tokyo Pop</span
7441                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7442  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7443</svg>
7444</span></a
7445                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-dark-horse" 
7446                        ><span>Dark Horse</span
7447                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7448  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7449</svg>
7450</span></a
7451                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-udon" 
7452                        ><span>Udon</span
7453                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7454  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7455</svg>
7456</span></a
7457                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-sublime" 
7458                        ><span>Sublime</span
7459                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7460  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7461</svg>
7462</span></a
7463                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-vertical" 
7464                        ><span>Vertical</span
7465                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7466  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7467</svg>
7468</span></a
7469                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/manga-indie" 
7470                        ><span>Indie</span
7471                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7472  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7473</svg>
7474</span></a
7475                      ></li></ul>
7476            </div><footer class="s-mobile-menu__footer"><div>
7477      <form method="post" action="/localization" id="mobile-menu-localization-manga-publisher" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
7478        <input type="hidden" name="country_code" value="GB">
7479<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-manga-publisher-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
7480            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-manga-publisher-country-button">
7481      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
7482          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7483        </svg></button>
7484    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
7485        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-manga-publisher-country-opt-0"><li class="custom-select__option flex items-center js-option"
7486            id="mobile-menu-localization-manga-publisher-country-opt-0"
7487            role="option"
7488            data-value="GB" aria-selected="true">
7489          <span class="pointer-events-none">United Kingdom [GBP]</span>
7490          </li></ul>
7491  </div></country-selector></div></div>
7491<script>
7492      customElements.whenDefined('custom-select').then(() => {
7493        if (!customElements.get('country-selector')) {
7494          class CountrySelector extends customElements.get('custom-select') {
7495            constructor() {
7496              super();
7497              this.loaded = false;
7498            }
7499
7500            async showListbox() {
7501              if (this.loaded) {
7502                super.showListbox();
7503                return;
7504              }
7505
7506              this.button.classList.add('is-loading');
7507              this.button.setAttribute('aria-disabled', 'true');
7508
7509              try {
7510                const response = await fetch('?section_id=country-selector');
7511                if (!response.ok) throw new Error(response.status);
7512
7513                const tmpl = document.createElement('template');
7514                tmpl.innerHTML = await response.text();
7515
7516                const el = tmpl.content.querySelector('.custom-select__listbox');
7517                this.listbox.innerHTML = el.innerHTML;
7518
7519                if (this.closest('.footer, .s-mobile-menu')) {
7520                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
7521                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
7522                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
7523                  });
7524                }
7525
7526                this.options = this.querySelectorAll('.custom-select__option');
7527
7528                this.popular = this.querySelectorAll('[data-popular]');
7529                if (this.popular.length) {
7530                  this.popular[this.popular.length - 1].closest('.custom-select__option')
7531                    .classList.add('custom-select__option--visual-group-end');
7532                }
7533
7534                this.selectedOption = this.querySelector('[aria-selected="true"]');
7535                if (!this.selectedOption) {
7536                  this.selectedOption = this.listbox.firstElementChild;
7537                }
7538
7539                this.loaded = true;
7540              } catch {
7541                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
7542              } finally {
7543                super.showListbox();
7544                this.button.classList.remove('is-loading');
7545                this.button.setAttribute('aria-disabled', 'false');
7546              }
7547            }
7548
7549            setButtonWidth() {
7550              return;
7551            }
7552          }
7553
7554          customElements.define('country-selector', CountrySelector);
7555        }
7556      });
7557    </script>
7557<script>
7558    document.getElementById('mobile-menu-localization-manga-publisher').addEventListener('change', (evt) => {
7559      const input = evt.target.previousElementSibling;
7560      if (input && input.tagName === 'INPUT') {
7561        input.value = evt.detail.selectedValue;
7562        evt.currentTarget.submit();
7563      }
7564    });
7565  </script>
7565</form>
7566    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
7567
7568</footer>
7569
7570          </div><div
7571            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
7572            data-parent="warhammer-warhammer-40-000"
7573          >
7574            <header class="s-mobile-menu__header">
7575              <button
7576                class="s-mobile-menu__back js-mobile-menu__header-back-3"
7577                type="button"
7578                aria-label="Back to Warhammer"
7579              >
7580                <svg
7581  width="16"
7582  height="16"
7583  viewBox="0 0 16 16"
7584  fill="none"
7585  xmlns="http://www.w3.org/2000/svg"
7586  aria-hidden="true"
7587  focusable="false"
7588  role="presentation"
7589  class="icon"
7590>
7591  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
7592</svg>
7593
7594              </button>
7595              <span class="s-mobile-menu__header-title">Warhammer 40,000</span>
7596              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
7597                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
7598  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7599</svg>
7600              </button>
7601            </header>
7602            <div class="s-mobile-menu__scroll">
7603              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button
7604                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
7605                        type="button"
7606                        data-name="warhammer-warhammer-40-000-warhammer-40-000"
7607                        
7608                      >
7609                        <span>Warhammer 40,000</span
7610                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7611  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7612</svg>
7613</span>
7614                      </button></li><li class="s-mobile-menu__item"><button
7615                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
7616                        type="button"
7617                        data-name="warhammer-warhammer-40-000-space-marines"
7618                        
7619                      >
7620                        <span>Space Marines</span
7621                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7622  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7623</svg>
7624</span>
7625                      </button></li><li class="s-mobile-menu__item"><button
7626                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
7627                        type="button"
7628                        data-name="warhammer-warhammer-40-000-armies-of-the-imperium"
7629                        
7630                      >
7631                        <span>Armies of the Imperium</span
7632                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7633  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7634</svg>
7635</span>
7636                      </button></li><li class="s-mobile-menu__item"><button
7637                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
7638                        type="button"
7639                        data-name="warhammer-warhammer-40-000-armies-of-chaos"
7640                        
7641                      >
7642                        <span>Armies of Chaos</span
7643                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7644  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7645</svg>
7646</span>
7647                      </button></li><li class="s-mobile-menu__item"><button
7648                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
7649                        type="button"
7650                        data-name="warhammer-warhammer-40-000-xenos-armies"
7651                        
7652                      >
7653                        <span>Xenos Armies</span
7654                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7655  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7656</svg>
7657</span>
7658                      </button></li></ul>
7659            </div><footer class="s-mobile-menu__footer"><div>
7660      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-warhammer-40-000" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
7661        <input type="hidden" name="country_code" value="GB">
7662<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-warhammer-40-000-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
7663            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-warhammer-40-000-country-button">
7664      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
7665          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7666        </svg></button>
7667    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
7668        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-warhammer-40-000-country-opt-0"><li class="custom-select__option flex items-center js-option"
7669            id="mobile-menu-localization-warhammer-warhammer-40-000-country-opt-0"
7670            role="option"
7671            data-value="GB" aria-selected="true">
7672          <span class="pointer-events-none">United Kingdom [GBP]</span>
7673          </li></ul>
7674  </div></country-selector></div></div>
7674<script>
7675      customElements.whenDefined('custom-select').then(() => {
7676        if (!customElements.get('country-selector')) {
7677          class CountrySelector extends customElements.get('custom-select') {
7678            constructor() {
7679              super();
7680              this.loaded = false;
7681            }
7682
7683            async showListbox() {
7684              if (this.loaded) {
7685                super.showListbox();
7686                return;
7687              }
7688
7689              this.button.classList.add('is-loading');
7690              this.button.setAttribute('aria-disabled', 'true');
7691
7692              try {
7693                const response = await fetch('?section_id=country-selector');
7694                if (!response.ok) throw new Error(response.status);
7695
7696                const tmpl = document.createElement('template');
7697                tmpl.innerHTML = await response.text();
7698
7699                const el = tmpl.content.querySelector('.custom-select__listbox');
7700                this.listbox.innerHTML = el.innerHTML;
7701
7702                if (this.closest('.footer, .s-mobile-menu')) {
7703                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
7704                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
7705                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
7706                  });
7707                }
7708
7709                this.options = this.querySelectorAll('.custom-select__option');
7710
7711                this.popular = this.querySelectorAll('[data-popular]');
7712                if (this.popular.length) {
7713                  this.popular[this.popular.length - 1].closest('.custom-select__option')
7714                    .classList.add('custom-select__option--visual-group-end');
7715                }
7716
7717                this.selectedOption = this.querySelector('[aria-selected="true"]');
7718                if (!this.selectedOption) {
7719                  this.selectedOption = this.listbox.firstElementChild;
7720                }
7721
7722                this.loaded = true;
7723              } catch {
7724                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
7725              } finally {
7726                super.showListbox();
7727                this.button.classList.remove('is-loading');
7728                this.button.setAttribute('aria-disabled', 'false');
7729              }
7730            }
7731
7732            setButtonWidth() {
7733              return;
7734            }
7735          }
7736
7737          customElements.define('country-selector', CountrySelector);
7738        }
7739      });
7740    </script>
7740<script>
7741    document.getElementById('mobile-menu-localization-warhammer-warhammer-40-000').addEventListener('change', (evt) => {
7742      const input = evt.target.previousElementSibling;
7743      if (input && input.tagName === 'INPUT') {
7744        input.value = evt.detail.selectedValue;
7745        evt.currentTarget.submit();
7746      }
7747    });
7748  </script>
7748</form>
7749    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
7750
7751</footer>
7752
7753          </div><div
7754            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
7755            data-parent="warhammer-age-of-sigmar"
7756          >
7757            <header class="s-mobile-menu__header">
7758              <button
7759                class="s-mobile-menu__back js-mobile-menu__header-back-3"
7760                type="button"
7761                aria-label="Back to Warhammer"
7762              >
7763                <svg
7764  width="16"
7765  height="16"
7766  viewBox="0 0 16 16"
7767  fill="none"
7768  xmlns="http://www.w3.org/2000/svg"
7769  aria-hidden="true"
7770  focusable="false"
7771  role="presentation"
7772  class="icon"
7773>
7774  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
7775</svg>
7776
7777              </button>
7778              <span class="s-mobile-menu__header-title">Age of Sigmar</span>
7779              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
7780                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
7781  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7782</svg>
7783              </button>
7784            </header>
7785            <div class="s-mobile-menu__scroll">
7786              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button
7787                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
7788                        type="button"
7789                        data-name="warhammer-age-of-sigmar-age-of-sigmar"
7790                        
7791                      >
7792                        <span>Age of Sigmar</span
7793                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7794  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7795</svg>
7796</span>
7797                      </button></li><li class="s-mobile-menu__item"><button
7798                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
7799                        type="button"
7800                        data-name="warhammer-age-of-sigmar-order"
7801                        
7802                      >
7803                        <span>Order</span
7804                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7805  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7806</svg>
7807</span>
7808                      </button></li><li class="s-mobile-menu__item"><button
7809                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
7810                        type="button"
7811                        data-name="warhammer-age-of-sigmar-death"
7812                        
7813                      >
7814                        <span>Death</span
7815                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7816  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7817</svg>
7818</span>
7819                      </button></li><li class="s-mobile-menu__item"><button
7820                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
7821                        type="button"
7822                        data-name="warhammer-age-of-sigmar-chaos"
7823                        
7824                      >
7825                        <span>Chaos</span
7826                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7827  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7828</svg>
7829</span>
7830                      </button></li><li class="s-mobile-menu__item"><button
7831                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
7832                        type="button"
7833                        data-name="warhammer-age-of-sigmar-destruction"
7834                        
7835                      >
7836                        <span>Destruction</span
7837                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7838  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7839</svg>
7840</span>
7841                      </button></li></ul>
7842            </div><footer class="s-mobile-menu__footer"><div>
7843      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-age-of-sigmar" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
7844        <input type="hidden" name="country_code" value="GB">
7845<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-age-of-sigmar-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
7846            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-age-of-sigmar-country-button">
7847      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
7848          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7849        </svg></button>
7850    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
7851        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-age-of-sigmar-country-opt-0"><li class="custom-select__option flex items-center js-option"
7852            id="mobile-menu-localization-warhammer-age-of-sigmar-country-opt-0"
7853            role="option"
7854            data-value="GB" aria-selected="true">
7855          <span class="pointer-events-none">United Kingdom [GBP]</span>
7856          </li></ul>
7857  </div></country-selector></div></div>
7857<script>
7858      customElements.whenDefined('custom-select').then(() => {
7859        if (!customElements.get('country-selector')) {
7860          class CountrySelector extends customElements.get('custom-select') {
7861            constructor() {
7862              super();
7863              this.loaded = false;
7864            }
7865
7866            async showListbox() {
7867              if (this.loaded) {
7868                super.showListbox();
7869                return;
7870              }
7871
7872              this.button.classList.add('is-loading');
7873              this.button.setAttribute('aria-disabled', 'true');
7874
7875              try {
7876                const response = await fetch('?section_id=country-selector');
7877                if (!response.ok) throw new Error(response.status);
7878
7879                const tmpl = document.createElement('template');
7880                tmpl.innerHTML = await response.text();
7881
7882                const el = tmpl.content.querySelector('.custom-select__listbox');
7883                this.listbox.innerHTML = el.innerHTML;
7884
7885                if (this.closest('.footer, .s-mobile-menu')) {
7886                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
7887                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
7888                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
7889                  });
7890                }
7891
7892                this.options = this.querySelectorAll('.custom-select__option');
7893
7894                this.popular = this.querySelectorAll('[data-popular]');
7895                if (this.popular.length) {
7896                  this.popular[this.popular.length - 1].closest('.custom-select__option')
7897                    .classList.add('custom-select__option--visual-group-end');
7898                }
7899
7900                this.selectedOption = this.querySelector('[aria-selected="true"]');
7901                if (!this.selectedOption) {
7902                  this.selectedOption = this.listbox.firstElementChild;
7903                }
7904
7905                this.loaded = true;
7906              } catch {
7907                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
7908              } finally {
7909                super.showListbox();
7910                this.button.classList.remove('is-loading');
7911                this.button.setAttribute('aria-disabled', 'false');
7912              }
7913            }
7914
7915            setButtonWidth() {
7916              return;
7917            }
7918          }
7919
7920          customElements.define('country-selector', CountrySelector);
7921        }
7922      });
7923    </script>
7923<script>
7924    document.getElementById('mobile-menu-localization-warhammer-age-of-sigmar').addEventListener('change', (evt) => {
7925      const input = evt.target.previousElementSibling;
7926      if (input && input.tagName === 'INPUT') {
7927        input.value = evt.detail.selectedValue;
7928        evt.currentTarget.submit();
7929      }
7930    });
7931  </script>
7931</form>
7932    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
7933
7934</footer>
7935
7936          </div><div
7937            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
7938            data-parent="warhammer-the-horus-heresy"
7939          >
7940            <header class="s-mobile-menu__header">
7941              <button
7942                class="s-mobile-menu__back js-mobile-menu__header-back-3"
7943                type="button"
7944                aria-label="Back to Warhammer"
7945              >
7946                <svg
7947  width="16"
7948  height="16"
7949  viewBox="0 0 16 16"
7950  fill="none"
7951  xmlns="http://www.w3.org/2000/svg"
7952  aria-hidden="true"
7953  focusable="false"
7954  role="presentation"
7955  class="icon"
7956>
7957  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
7958</svg>
7959
7960              </button>
7961              <span class="s-mobile-menu__header-title">The Horus Heresy</span>
7962              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
7963                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
7964  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7965</svg>
7966              </button>
7967            </header>
7968            <div class="s-mobile-menu__scroll">
7969              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button
7970                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
7971                        type="button"
7972                        data-name="warhammer-the-horus-heresy-the-horus-heresy"
7973                        
7974                      >
7975                        <span>The Horus Heresy</span
7976                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7977  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7978</svg>
7979</span>
7980                      </button></li><li class="s-mobile-menu__item"><button
7981                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
7982                        type="button"
7983                        data-name="warhammer-the-horus-heresy-loyalist-space-marine-legions"
7984                        
7985                      >
7986                        <span>Loyalist Space Marine Legions</span
7987                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7988  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
7989</svg>
7990</span>
7991                      </button></li><li class="s-mobile-menu__item"><button
7992                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
7993                        type="button"
7994                        data-name="warhammer-the-horus-heresy-traitor-space-marine-legions"
7995                        
7996                      >
7997                        <span>Traitor Space Marine Legions</span
7998                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
7999  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8000</svg>
8001</span>
8002                      </button></li><li class="s-mobile-menu__item"><button
8003                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
8004                        type="button"
8005                        data-name="warhammer-the-horus-heresy-forces-of-the-cult-mechanicum"
8006                        
8007                      >
8008                        <span>Forces of the Cult Mechanicum</span
8009                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8010  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8011</svg>
8012</span>
8013                      </button></li><li class="s-mobile-menu__item"><button
8014                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
8015                        type="button"
8016                        data-name="warhammer-the-horus-heresy-forces-of-the-emperor"
8017                        
8018                      >
8019                        <span>Forces of the Emperor</span
8020                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8021  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8022</svg>
8023</span>
8024                      </button></li><li class="s-mobile-menu__item"><button
8025                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
8026                        type="button"
8027                        data-name="warhammer-the-horus-heresy-armies-of-the-warmaster"
8028                        
8029                      >
8030                        <span>Armies of the Warmaster</span
8031                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8032  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8033</svg>
8034</span>
8035                      </button></li><li class="s-mobile-menu__item"><button
8036                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
8037                        type="button"
8038                        data-name="warhammer-the-horus-heresy-legions-imperialis"
8039                        
8040                      >
8041                        <span>Legions Imperialis</span
8042                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8043  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8044</svg>
8045</span>
8046                      </button></li></ul>
8047            </div><footer class="s-mobile-menu__footer"><div>
8048      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-the-horus-heresy" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
8049        <input type="hidden" name="country_code" value="GB">
8050<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-the-horus-heresy-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
8051            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-the-horus-heresy-country-button">
8052      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
8053          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8054        </svg></button>
8055    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
8056        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-the-horus-heresy-country-opt-0"><li class="custom-select__option flex items-center js-option"
8057            id="mobile-menu-localization-warhammer-the-horus-heresy-country-opt-0"
8058            role="option"
8059            data-value="GB" aria-selected="true">
8060          <span class="pointer-events-none">United Kingdom [GBP]</span>
8061          </li></ul>
8062  </div></country-selector></div></div>
8062<script>
8063      customElements.whenDefined('custom-select').then(() => {
8064        if (!customElements.get('country-selector')) {
8065          class CountrySelector extends customElements.get('custom-select') {
8066            constructor() {
8067              super();
8068              this.loaded = false;
8069            }
8070
8071            async showListbox() {
8072              if (this.loaded) {
8073                super.showListbox();
8074                return;
8075              }
8076
8077              this.button.classList.add('is-loading');
8078              this.button.setAttribute('aria-disabled', 'true');
8079
8080              try {
8081                const response = await fetch('?section_id=country-selector');
8082                if (!response.ok) throw new Error(response.status);
8083
8084                const tmpl = document.createElement('template');
8085                tmpl.innerHTML = await response.text();
8086
8087                const el = tmpl.content.querySelector('.custom-select__listbox');
8088                this.listbox.innerHTML = el.innerHTML;
8089
8090                if (this.closest('.footer, .s-mobile-menu')) {
8091                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
8092                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
8093                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
8094                  });
8095                }
8096
8097                this.options = this.querySelectorAll('.custom-select__option');
8098
8099                this.popular = this.querySelectorAll('[data-popular]');
8100                if (this.popular.length) {
8101                  this.popular[this.popular.length - 1].closest('.custom-select__option')
8102                    .classList.add('custom-select__option--visual-group-end');
8103                }
8104
8105                this.selectedOption = this.querySelector('[aria-selected="true"]');
8106                if (!this.selectedOption) {
8107                  this.selectedOption = this.listbox.firstElementChild;
8108                }
8109
8110                this.loaded = true;
8111              } catch {
8112                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
8113              } finally {
8114                super.showListbox();
8115                this.button.classList.remove('is-loading');
8116                this.button.setAttribute('aria-disabled', 'false');
8117              }
8118            }
8119
8120            setButtonWidth() {
8121              return;
8122            }
8123          }
8124
8125          customElements.define('country-selector', CountrySelector);
8126        }
8127      });
8128    </script>
8128<script>
8129    document.getElementById('mobile-menu-localization-warhammer-the-horus-heresy').addEventListener('change', (evt) => {
8130      const input = evt.target.previousElementSibling;
8131      if (input && input.tagName === 'INPUT') {
8132        input.value = evt.detail.selectedValue;
8133        evt.currentTarget.submit();
8134      }
8135    });
8136  </script>
8136</form>
8137    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
8138
8139</footer>
8140
8141          </div><div
8142            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
8143            data-parent="warhammer-the-old-world"
8144          >
8145            <header class="s-mobile-menu__header">
8146              <button
8147                class="s-mobile-menu__back js-mobile-menu__header-back-3"
8148                type="button"
8149                aria-label="Back to Warhammer"
8150              >
8151                <svg
8152  width="16"
8153  height="16"
8154  viewBox="0 0 16 16"
8155  fill="none"
8156  xmlns="http://www.w3.org/2000/svg"
8157  aria-hidden="true"
8158  focusable="false"
8159  role="presentation"
8160  class="icon"
8161>
8162  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
8163</svg>
8164
8165              </button>
8166              <span class="s-mobile-menu__header-title">The Old World</span>
8167              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
8168                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
8169  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8170</svg>
8171              </button>
8172            </header>
8173            <div class="s-mobile-menu__scroll">
8174              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button
8175                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
8176                        type="button"
8177                        data-name="warhammer-the-old-world-the-old-world-all"
8178                        
8179                      >
8180                        <span>The Old World - All</span
8181                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8182  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8183</svg>
8184</span>
8185                      </button></li><li class="s-mobile-menu__item"><button
8186                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
8187                        type="button"
8188                        data-name="warhammer-the-old-world-armies-of-the-old-world"
8189                        
8190                      >
8191                        <span>Armies of the Old World</span
8192                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8193  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8194</svg>
8195</span>
8196                      </button></li></ul>
8197            </div><footer class="s-mobile-menu__footer"><div>
8198      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-the-old-world" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
8199        <input type="hidden" name="country_code" value="GB">
8200<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-the-old-world-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
8201            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-the-old-world-country-button">
8202      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
8203          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8204        </svg></button>
8205    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
8206        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-the-old-world-country-opt-0"><li class="custom-select__option flex items-center js-option"
8207            id="mobile-menu-localization-warhammer-the-old-world-country-opt-0"
8208            role="option"
8209            data-value="GB" aria-selected="true">
8210          <span class="pointer-events-none">United Kingdom [GBP]</span>
8211          </li></ul>
8212  </div></country-selector></div></div>
8212<script>
8213      customElements.whenDefined('custom-select').then(() => {
8214        if (!customElements.get('country-selector')) {
8215          class CountrySelector extends customElements.get('custom-select') {
8216            constructor() {
8217              super();
8218              this.loaded = false;
8219            }
8220
8221            async showListbox() {
8222              if (this.loaded) {
8223                super.showListbox();
8224                return;
8225              }
8226
8227              this.button.classList.add('is-loading');
8228              this.button.setAttribute('aria-disabled', 'true');
8229
8230              try {
8231                const response = await fetch('?section_id=country-selector');
8232                if (!response.ok) throw new Error(response.status);
8233
8234                const tmpl = document.createElement('template');
8235                tmpl.innerHTML = await response.text();
8236
8237                const el = tmpl.content.querySelector('.custom-select__listbox');
8238                this.listbox.innerHTML = el.innerHTML;
8239
8240                if (this.closest('.footer, .s-mobile-menu')) {
8241                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
8242                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
8243                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
8244                  });
8245                }
8246
8247                this.options = this.querySelectorAll('.custom-select__option');
8248
8249                this.popular = this.querySelectorAll('[data-popular]');
8250                if (this.popular.length) {
8251                  this.popular[this.popular.length - 1].closest('.custom-select__option')
8252                    .classList.add('custom-select__option--visual-group-end');
8253                }
8254
8255                this.selectedOption = this.querySelector('[aria-selected="true"]');
8256                if (!this.selectedOption) {
8257                  this.selectedOption = this.listbox.firstElementChild;
8258                }
8259
8260                this.loaded = true;
8261              } catch {
8262                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
8263              } finally {
8264                super.showListbox();
8265                this.button.classList.remove('is-loading');
8266                this.button.setAttribute('aria-disabled', 'false');
8267              }
8268            }
8269
8270            setButtonWidth() {
8271              return;
8272            }
8273          }
8274
8275          customElements.define('country-selector', CountrySelector);
8276        }
8277      });
8278    </script>
8278<script>
8279    document.getElementById('mobile-menu-localization-warhammer-the-old-world').addEventListener('change', (evt) => {
8280      const input = evt.target.previousElementSibling;
8281      if (input && input.tagName === 'INPUT') {
8282        input.value = evt.detail.selectedValue;
8283        evt.currentTarget.submit();
8284      }
8285    });
8286  </script>
8286</form>
8287    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
8288
8289</footer>
8290
8291          </div><div
8292            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
8293            data-parent="warhammer-middle-earth-strategy-battle-game"
8294          >
8295            <header class="s-mobile-menu__header">
8296              <button
8297                class="s-mobile-menu__back js-mobile-menu__header-back-3"
8298                type="button"
8299                aria-label="Back to Warhammer"
8300              >
8301                <svg
8302  width="16"
8303  height="16"
8304  viewBox="0 0 16 16"
8305  fill="none"
8306  xmlns="http://www.w3.org/2000/svg"
8307  aria-hidden="true"
8308  focusable="false"
8309  role="presentation"
8310  class="icon"
8311>
8312  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
8313</svg>
8314
8315              </button>
8316              <span class="s-mobile-menu__header-title">Middle-Earth Strategy Battle Game</span>
8317              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
8318                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
8319  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8320</svg>
8321              </button>
8322            </header>
8323            <div class="s-mobile-menu__scroll">
8324              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/new-release-middle-earth-strategy-battle-game" 
8325                        ><span>New Releases</span
8326                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8327  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8328</svg>
8329</span></a
8330                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/pre-order-middle-earth-strategy-battle-game" 
8331                        ><span>Pre-Orders</span
8332                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8333  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8334</svg>
8335</span></a
8336                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/middle-earth-strategy-battle-game-rules-starter-set" 
8337                        ><span>Rules &amp; Starter Sets</span
8338                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8339  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8340</svg>
8341</span></a
8342                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/middle-earth-strategy-battle-game-the-lord-of-the-rings-good" 
8343                        ><span>The Lord of the Rings - Good</span
8344                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8345  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8346</svg>
8347</span></a
8348                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/middle-earth-strategy-battle-game-the-lord-of-the-rings-evil" 
8349                        ><span>The Lord of the Rings - Evil</span
8350                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8351  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8352</svg>
8353</span></a
8354                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/middle-earth-strategy-battle-game-the-hobbit-good" 
8355                        ><span>The Hobbit - Good</span
8356                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8357  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8358</svg>
8359</span></a
8360                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/middle-earth-strategy-battle-game-the-hobbit-evil" 
8361                        ><span>The Hobbit - Evil</span
8362                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8363  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8364</svg>
8365</span></a
8366                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/middle-earth-strategy-battle-game-the-war-of-the-rohirrim-good" 
8367                        ><span>The War of the Rohirrim - Good</span
8368                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8369  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8370</svg>
8371</span></a
8372                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/middle-earth-strategy-battle-game-the-war-of-the-rohirrim-evil" 
8373                        ><span>The War of the Rohirrim - Evil</span
8374                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8375  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8376</svg>
8377</span></a
8378                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/middle-earth-strategy-battle-game-scenery-base-accessory" 
8379                        ><span>Scenery, Bases, &amp; Accessories</span
8380                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8381  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8382</svg>
8383</span></a
8384                      ></li></ul>
8385            </div><footer class="s-mobile-menu__footer"><div>
8386      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-middle-earth-strategy-battle-game" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
8387        <input type="hidden" name="country_code" value="GB">
8388<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-middle-earth-strategy-battle-game-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
8389            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-middle-earth-strategy-battle-game-country-button">
8390      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
8391          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8392        </svg></button>
8393    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
8394        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-middle-earth-strategy-battle-game-country-opt-0"><li class="custom-select__option flex items-center js-option"
8395            id="mobile-menu-localization-warhammer-middle-earth-strategy-battle-game-country-opt-0"
8396            role="option"
8397            data-value="GB" aria-selected="true">
8398          <span class="pointer-events-none">United Kingdom [GBP]</span>
8399          </li></ul>
8400  </div></country-selector></div></div>
8400<script>
8401      customElements.whenDefined('custom-select').then(() => {
8402        if (!customElements.get('country-selector')) {
8403          class CountrySelector extends customElements.get('custom-select') {
8404            constructor() {
8405              super();
8406              this.loaded = false;
8407            }
8408
8409            async showListbox() {
8410              if (this.loaded) {
8411                super.showListbox();
8412                return;
8413              }
8414
8415              this.button.classList.add('is-loading');
8416              this.button.setAttribute('aria-disabled', 'true');
8417
8418              try {
8419                const response = await fetch('?section_id=country-selector');
8420                if (!response.ok) throw new Error(response.status);
8421
8422                const tmpl = document.createElement('template');
8423                tmpl.innerHTML = await response.text();
8424
8425                const el = tmpl.content.querySelector('.custom-select__listbox');
8426                this.listbox.innerHTML = el.innerHTML;
8427
8428                if (this.closest('.footer, .s-mobile-menu')) {
8429                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
8430                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
8431                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
8432                  });
8433                }
8434
8435                this.options = this.querySelectorAll('.custom-select__option');
8436
8437                this.popular = this.querySelectorAll('[data-popular]');
8438                if (this.popular.length) {
8439                  this.popular[this.popular.length - 1].closest('.custom-select__option')
8440                    .classList.add('custom-select__option--visual-group-end');
8441                }
8442
8443                this.selectedOption = this.querySelector('[aria-selected="true"]');
8444                if (!this.selectedOption) {
8445                  this.selectedOption = this.listbox.firstElementChild;
8446                }
8447
8448                this.loaded = true;
8449              } catch {
8450                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
8451              } finally {
8452                super.showListbox();
8453                this.button.classList.remove('is-loading');
8454                this.button.setAttribute('aria-disabled', 'false');
8455              }
8456            }
8457
8458            setButtonWidth() {
8459              return;
8460            }
8461          }
8462
8463          customElements.define('country-selector', CountrySelector);
8464        }
8465      });
8466    </script>
8466<script>
8467    document.getElementById('mobile-menu-localization-warhammer-middle-earth-strategy-battle-game').addEventListener('change', (evt) => {
8468      const input = evt.target.previousElementSibling;
8469      if (input && input.tagName === 'INPUT') {
8470        input.value = evt.detail.selectedValue;
8471        evt.currentTarget.submit();
8472      }
8473    });
8474  </script>
8474</form>
8475    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
8476
8477</footer>
8478
8479          </div><div
8480            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
8481            data-parent="warhammer-other-games"
8482          >
8483            <header class="s-mobile-menu__header">
8484              <button
8485                class="s-mobile-menu__back js-mobile-menu__header-back-3"
8486                type="button"
8487                aria-label="Back to Warhammer"
8488              >
8489                <svg
8490  width="16"
8491  height="16"
8492  viewBox="0 0 16 16"
8493  fill="none"
8494  xmlns="http://www.w3.org/2000/svg"
8495  aria-hidden="true"
8496  focusable="false"
8497  role="presentation"
8498  class="icon"
8499>
8500  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
8501</svg>
8502
8503              </button>
8504              <span class="s-mobile-menu__header-title">Other Games</span>
8505              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
8506                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
8507  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8508</svg>
8509              </button>
8510            </header>
8511            <div class="s-mobile-menu__scroll">
8512              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/kill-team-all" 
8513                        ><span>Kill Team</span
8514                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8515  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8516</svg>
8517</span></a
8518                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/necromunda-all" 
8519                        ><span>Necromunda</span
8520                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8521  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8522</svg>
8523</span></a
8524                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/blood-bowl-all" 
8525                        ><span>Blood Bowl</span
8526                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8527  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8528</svg>
8529</span></a
8530                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/warhammer-quest-darkwater-all" 
8531                        ><span>Warhammer Quest: Darkwater</span
8532                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8533  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8534</svg>
8535</span></a
8536                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/warhammer-underworlds-all" 
8537                        ><span>Warhammer Underworlds</span
8538                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8539  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8540</svg>
8541</span></a
8542                      ></li></ul>
8543            </div><footer class="s-mobile-menu__footer"><div>
8544      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-other
8544-games" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
8545        <input type="hidden" name="country_code" value="GB">
8546<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-other-games-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
8547            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-other-games-country-button">
8548      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
8549          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8550        </svg></button>
8551    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
8552        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-other-games-country-opt-0"><li class="custom-select__option flex items-center js-option"
8553            id="mobile-menu-localization-warhammer-other-games-country-opt-0"
8554            role="option"
8555            data-value="GB" aria-selected="true">
8556          <span class="pointer-events-none">United Kingdom [GBP]</span>
8557          </li></ul>
8558  </div></country-selector></div></div>
8558<script>
8559      customElements.whenDefined('custom-select').then(() => {
8560        if (!customElements.get('country-selector')) {
8561          class CountrySelector extends customElements.get('custom-select') {
8562            constructor() {
8563              super();
8564              this.loaded = false;
8565            }
8566
8567            async showListbox() {
8568              if (this.loaded) {
8569                super.showListbox();
8570                return;
8571              }
8572
8573              this.button.classList.add('is-loading');
8574              this.button.setAttribute('aria-disabled', 'true');
8575
8576              try {
8577                const response = await fetch('?section_id=country-selector');
8578                if (!response.ok) throw new Error(response.status);
8579
8580                const tmpl = document.createElement('template');
8581                tmpl.innerHTML = await response.text();
8582
8583                const el = tmpl.content.querySelector('.custom-select__listbox');
8584                this.listbox.innerHTML = el.innerHTML;
8585
8586                if (this.closest('.footer, .s-mobile-menu')) {
8587                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
8588                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
8589                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
8590                  });
8591                }
8592
8593                this.options = this.querySelectorAll('.custom-select__option');
8594
8595                this.popular = this.querySelectorAll('[data-popular]');
8596                if (this.popular.length) {
8597                  this.popular[this.popular.length - 1].closest('.custom-select__option')
8598                    .classList.add('custom-select__option--visual-group-end');
8599                }
8600
8601                this.selectedOption = this.querySelector('[aria-selected="true"]');
8602                if (!this.selectedOption) {
8603                  this.selectedOption = this.listbox.firstElementChild;
8604                }
8605
8606                this.loaded = true;
8607              } catch {
8608                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
8609              } finally {
8610                super.showListbox();
8611                this.button.classList.remove('is-loading');
8612                this.button.setAttribute('aria-disabled', 'false');
8613              }
8614            }
8615
8616            setButtonWidth() {
8617              return;
8618            }
8619          }
8620
8621          customElements.define('country-selector', CountrySelector);
8622        }
8623      });
8624    </script>
8624<script>
8625    document.getElementById('mobile-menu-localization-warhammer-other-games').addEventListener('change', (evt) => {
8626      const input = evt.target.previousElementSibling;
8627      if (input && input.tagName === 'INPUT') {
8628        input.value = evt.detail.selectedValue;
8629        evt.currentTarget.submit();
8630      }
8631    });
8632  </script>
8632</form>
8633    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
8634
8635</footer>
8636
8637          </div><div
8638            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
8639            data-parent="warhammer-warhammer-colour"
8640          >
8641            <header class="s-mobile-menu__header">
8642              <button
8643                class="s-mobile-menu__back js-mobile-menu__header-back-3"
8644                type="button"
8645                aria-label="Back to Warhammer"
8646              >
8647                <svg
8648  width="16"
8649  height="16"
8650  viewBox="0 0 16 16"
8651  fill="none"
8652  xmlns="http://www.w3.org/2000/svg"
8653  aria-hidden="true"
8654  focusable="false"
8655  role="presentation"
8656  class="icon"
8657>
8658  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
8659</svg>
8660
8661              </button>
8662              <span class="s-mobile-menu__header-title">Warhammer Colour</span>
8663              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
8664                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
8665  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8666</svg>
8667              </button>
8668            </header>
8669            <div class="s-mobile-menu__scroll">
8670              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><button
8671                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
8672                        type="button"
8673                        data-name="warhammer-warhammer-colour-warhammer-colour"
8674                        
8675                      >
8676                        <span>Warhammer Colour</span
8677                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8678  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8679</svg>
8680</span>
8681                      </button></li><li class="s-mobile-menu__item"><button
8682                        class="s-mobile-menu__expanded-link js-mobile-menu__third-link"
8683                        type="button"
8684                        data-name="warhammer-warhammer-colour-paints"
8685                        
8686                      >
8687                        <span>Paints</span
8688                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8689  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8690</svg>
8691</span>
8692                      </button></li></ul>
8693            </div><footer class="s-mobile-menu__footer"><div>
8694      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-warhammer-colour" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
8695        <input type="hidden" name="country_code" value="GB">
8696<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-warhammer-colour-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
8697            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-warhammer-colour-country-button">
8698      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
8699          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8700        </svg></button>
8701    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
8702        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-warhammer-colour-country-opt-0"><li class="custom-select__option flex items-center js-option"
8703            id="mobile-menu-localization-warhammer-warhammer-colour-country-opt-0"
8704            role="option"
8705            data-value="GB" aria-selected="true">
8706          <span class="pointer-events-none">United Kingdom [GBP]</span>
8707          </li></ul>
8708  </div></country-selector></div></div>
8708<script>
8709      customElements.whenDefined('custom-select').then(() => {
8710        if (!customElements.get('country-selector')) {
8711          class CountrySelector extends customElements.get('custom-select') {
8712            constructor() {
8713              super();
8714              this.loaded = false;
8715            }
8716
8717            async showListbox() {
8718              if (this.loaded) {
8719                super.showListbox();
8720                return;
8721              }
8722
8723              this.button.classList.add('is-loading');
8724              this.button.setAttribute('aria-disabled', 'true');
8725
8726              try {
8727                const response = await fetch('?section_id=country-selector');
8728                if (!response.ok) throw new Error(response.status);
8729
8730                const tmpl = document.createElement('template');
8731                tmpl.innerHTML = await response.text();
8732
8733                const el = tmpl.content.querySelector('.custom-select__listbox');
8734                this.listbox.innerHTML = el.innerHTML;
8735
8736                if (this.closest('.footer, .s-mobile-menu')) {
8737                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
8738                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
8739                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
8740                  });
8741                }
8742
8743                this.options = this.querySelectorAll('.custom-select__option');
8744
8745                this.popular = this.querySelectorAll('[data-popular]');
8746                if (this.popular.length) {
8747                  this.popular[this.popular.length - 1].closest('.custom-select__option')
8748                    .classList.add('custom-select__option--visual-group-end');
8749                }
8750
8751                this.selectedOption = this.querySelector('[aria-selected="true"]');
8752                if (!this.selectedOption) {
8753                  this.selectedOption = this.listbox.firstElementChild;
8754                }
8755
8756                this.loaded = true;
8757              } catch {
8758                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
8759              } finally {
8760                super.showListbox();
8761                this.button.classList.remove('is-loading');
8762                this.button.setAttribute('aria-disabled', 'false');
8763              }
8764            }
8765
8766            setButtonWidth() {
8767              return;
8768            }
8769          }
8770
8771          customElements.define('country-selector', CountrySelector);
8772        }
8773      });
8774    </script>
8774<script>
8775    document.getElementById('mobile-menu-localization-warhammer-warhammer-colour').addEventListener('change', (evt) => {
8776      const input = evt.target.previousElementSibling;
8777      if (input && input.tagName === 'INPUT') {
8778        input.value = evt.detail.selectedValue;
8779        evt.currentTarget.submit();
8780      }
8781    });
8782  </script>
8782</form>
8783    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
8784
8785</footer>
8786
8787          </div><div
8788            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
8789            data-parent="board-games-category-genre"
8790          >
8791            <header class="s-mobile-menu__header">
8792              <button
8793                class="s-mobile-menu__back js-mobile-menu__header-back-3"
8794                type="button"
8795                aria-label="Back to Board Games"
8796              >
8797                <svg
8798  width="16"
8799  height="16"
8800  viewBox="0 0 16 16"
8801  fill="none"
8802  xmlns="http://www.w3.org/2000/svg"
8803  aria-hidden="true"
8804  focusable="false"
8805  role="presentation"
8806  class="icon"
8807>
8808  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
8809</svg>
8810
8811              </button>
8812              <span class="s-mobile-menu__header-title">Category/Genre</span>
8813              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
8814                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
8815  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8816</svg>
8817              </button>
8818            </header>
8819            <div class="s-mobile-menu__scroll">
8820              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-two-player-game" 
8821                        ><span>Two Player</span
8822                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8823  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8824</svg>
8825</span></a
8826                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-solo-game" 
8827                        ><span>Solo</span
8828                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8829  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8830</svg>
8831</span></a
8832                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-cooperative-game" 
8833                        ><span>Cooperative</span
8834                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8835  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8836</svg>
8837</span></a
8838                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-abstract-game" 
8839                        ><span>Abstract</span
8840                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8841  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8842</svg>
8843</span></a
8844                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-party-game" 
8845                        ><span>Party</span
8846                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8847  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8848</svg>
8849</span></a
8850                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-family-game" 
8851                        ><span>Family</span
8852                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8853  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8854</svg>
8855</span></a
8856                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-cosy-game" 
8857                        ><span>Cosy Games</span
8858                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8859  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8860</svg>
8861</span></a
8862                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-games-on-the-go" 
8863                        ><span>Games On-The-Go</span
8864                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8865  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8866</svg>
8867</span></a
8868                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-legacy-game" 
8869                        ><span>Legacy Games</span
8870                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8871  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8872</svg>
8873</span></a
8874                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-pick-up-and-play" 
8875                        ><span>Pick Up and Play!</span
8876                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8877  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8878</svg>
8879</span></a
8880                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-card-game" 
8881                        ><span>Card Games</span
8882                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8883  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8884</svg>
8885</span></a
8886                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-strategy-game" 
8887                        ><span>Strategy</span
8888                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8889  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8890</svg>
8891</span></a
8892                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-puzzle-game" 
8893                        ><span>Puzzle</span
8894                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8895  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8896</svg>
8897</span></a
8898                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-campaign-game" 
8899                        ><span>Campaign Games</span
8900                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
8901  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
8902</svg>
8903</span></a
8904                      ></li></ul>
8905            </div><footer class="s-mobile-menu__footer"><div>
8906      <form method="post" action="/localization" id="mobile-menu-localization-board-games-category-genre" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
8907        <input type="hidden" name="country_code" value="GB">
8908<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-board-games-category-genre-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
8909            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-board-games-category-genre-country-button">
8910      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
8911          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8912        </svg></button>
8913    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
8914        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-board-games-category-genre-country-opt-0"><li class="custom-select__option flex items-center js-option"
8915            id="mobile-menu-localization-board-games-category-genre-country-opt-0"
8916            role="option"
8917            data-value="GB" aria-selected="true">
8918          <span class="pointer-events-none">United Kingdom [GBP]</span>
8919          </li></ul>
8920  </div></country-selector></div></div>
8920<script>
8921      customElements.whenDefined('custom-select').then(() => {
8922        if (!customElements.get('country-selector')) {
8923          class CountrySelector extends customElements.get('custom-select') {
8924            constructor() {
8925              super();
8926              this.loaded = false;
8927            }
8928
8929            async showListbox() {
8930              if (this.loaded) {
8931                super.showListbox();
8932                return;
8933              }
8934
8935              this.button.classList.add('is-loading');
8936              this.button.setAttribute('aria-disabled', 'true');
8937
8938              try {
8939                const response = await fetch('?section_id=country-selector');
8940                if (!response.ok) throw new Error(response.status);
8941
8942                const tmpl = document.createElement('template');
8943                tmpl.innerHTML = await response.text();
8944
8945                const el = tmpl.content.querySelector('.custom-select__listbox');
8946                this.listbox.innerHTML = el.innerHTML;
8947
8948                if (this.closest('.footer, .s-mobile-menu')) {
8949                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
8950                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
8951                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
8952                  });
8953                }
8954
8955                this.options = this.querySelectorAll('.custom-select__option');
8956
8957                this.popular = this.querySelectorAll('[data-popular]');
8958                if (this.popular.length) {
8959                  this.popular[this.popular.length - 1].closest('.custom-select__option')
8960                    .classList.add('custom-select__option--visual-group-end');
8961                }
8962
8963                this.selectedOption = this.querySelector('[aria-selected="true"]');
8964                if (!this.selectedOption) {
8965                  this.selectedOption = this.listbox.firstElementChild;
8966                }
8967
8968                this.loaded = true;
8969              } catch {
8970                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
8971              } finally {
8972                super.showListbox();
8973                this.button.classList.remove('is-loading');
8974                this.button.setAttribute('aria-disabled', 'false');
8975              }
8976            }
8977
8978            setButtonWidth() {
8979              return;
8980            }
8981          }
8982
8983          customElements.define('country-selector', CountrySelector);
8984        }
8985      });
8986    </script>
8986<script>
8987    document.getElementById('mobile-menu-localization-board-games-category-genre').addEventListener('change', (evt) => {
8988      const input = evt.target.previousElementSibling;
8989      if (input && input.tagName === 'INPUT') {
8990        input.value = evt.detail.selectedValue;
8991        evt.currentTarget.submit();
8992      }
8993    });
8994  </script>
8994</form>
8995    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
8996
8997</footer>
8998
8999          </div><div
9000            class="s-mobile-menu__third-menu js-mobile-menu__third-menu"
9001            data-parent="board-games-mechanics"
9002          >
9003            <header class="s-mobile-menu__header">
9004              <button
9005                class="s-mobile-menu__back js-mobile-menu__header-back-3"
9006                type="button"
9007                aria-label="Back to Board Games"
9008              >
9009                <svg
9010  width="16"
9011  height="16"
9012  viewBox="0 0 16 16"
9013  fill="none"
9014  xmlns="http://www.w3.org/2000/svg"
9015  aria-hidden="true"
9016  focusable="false"
9017  role="presentation"
9018  class="icon"
9019>
9020  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
9021</svg>
9022
9023              </button>
9024              <span class="s-mobile-menu__header-title">Mechanics</span>
9025              <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
9026                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
9027  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9028</svg>
9029              </button>
9030            </header>
9031            <div class="s-mobile-menu__scroll">
9032              <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-area-control" 
9033                        ><span>Area Control</span
9034                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9035  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9036</svg>
9037</span></a
9038                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-drafting" 
9039                        ><span>Drafting</span
9040                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9041  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9042</svg>
9043</span></a
9044                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-tile-placement" 
9045                        ><span>Tile Placement</span
9046                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9047  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9048</svg>
9049</span></a
9050                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-set-collection" 
9051                        ><span>Set Collection</span
9052                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9053  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9054</svg>
9055</span></a
9056                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-social-deduction" 
9057                        ><span>Social Deduction</span
9058                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9059  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9060</svg>
9061</span></a
9062                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-push-your-luck" 
9063                        ><span>Press Your Luck</span
9064                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9065  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9066</svg>
9067</span></a
9068                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-worker-placement" 
9069                        ><span>Worker Placement</span
9070                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9071  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9072</svg>
9073</span></a
9074                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-trick-taking" 
9075                        ><span>Trick Taking</span
9076                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9077  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9078</svg>
9079</span></a
9080                      ></li><li class="s-mobile-menu__item"><a class="s-mobile-menu__expanded-link" href="/collections/board-game-deck-building" 
9081                        ><span>Deck Building</span
9082                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9083  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9084</svg>
9085</span></a
9086                      ></li></ul>
9087            </div><footer class="s-mobile-menu__footer"><div>
9088      <form method="post" action="/localization" id="mobile-menu-localization-board-games-mechanics" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
9089        <input type="hidden" name="country_code" value="GB">
9090<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-board-games-mechanics-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
9091            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-board-games-mechanics-country-button">
9092      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
9093          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9094        </svg></button>
9095    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
9096        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-board-games-mechanics-country-opt-0"><li class="custom-select__option flex items-center js-option"
9097            id="mobile-menu-localization-board-games-mechanics-country-opt-0"
9098            role="option"
9099            data-value="GB" aria-selected="true">
9100          <span class="pointer-events-none">United Kingdom [GBP]</span>
9101          </li></ul>
9102  </div></country-selector></div></div>
9102<script>
9103      customElements.whenDefined('custom-select').then(() => {
9104        if (!customElements.get('country-selector')) {
9105          class CountrySelector extends customElements.get('custom-select') {
9106            constructor() {
9107              super();
9108              this.loaded = false;
9109            }
9110
9111            async showListbox() {
9112              if (this.loaded) {
9113                super.showListbox();
9114                return;
9115              }
9116
9117              this.button.classList.add('is-loading');
9118              this.button.setAttribute('aria-disabled', 'true');
9119
9120              try {
9121                const response = await fetch('?section_id=country-selector');
9122                if (!response.ok) throw new Error(response.status);
9123
9124                const tmpl = document.createElement('template');
9125                tmpl.innerHTML = await response.text();
9126
9127                const el = tmpl.content.querySelector('.custom-select__listbox');
9128                this.listbox.innerHTML = el.innerHTML;
9129
9130                if (this.closest('.footer, .s-mobile-menu')) {
9131                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
9132                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
9133                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
9134                  });
9135                }
9136
9137                this.options = this.querySelectorAll('.custom-select__option');
9138
9139                this.popular = this.querySelectorAll('[data-popular]');
9140                if (this.popular.length) {
9141                  this.popular[this.popular.length - 1].closest('.custom-select__option')
9142                    .classList.add('custom-select__option--visual-group-end');
9143                }
9144
9145                this.selectedOption = this.querySelector('[aria-selected="true"]');
9146                if (!this.selectedOption) {
9147                  this.selectedOption = this.listbox.firstElementChild;
9148                }
9149
9150                this.loaded = true;
9151              } catch {
9152                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
9153              } finally {
9154                super.showListbox();
9155                this.button.classList.remove('is-loading');
9156                this.button.setAttribute('aria-disabled', 'false');
9157              }
9158            }
9159
9160            setButtonWidth() {
9161              return;
9162            }
9163          }
9164
9165          customElements.define('country-selector', CountrySelector);
9166        }
9167      });
9168    </script>
9168<script>
9169    document.getElementById('mobile-menu-localization-board-games-mechanics').addEventListener('change', (evt) => {
9170      const input = evt.target.previousElementSibling;
9171      if (input && input.tagName === 'INPUT') {
9172        input.value = evt.detail.selectedValue;
9173        evt.currentTarget.submit();
9174      }
9175    });
9176  </script>
9176</form>
9177    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
9178
9179</footer>
9180
9181          </div></div>
9182
9183  <div class="s-mobile-menu__screen s-mobile-menu__fourthary js-mobile-menu__fourthary"><div
9184              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
9185              data-parent="shop-manga-graphic-novels-books-manga"
9186            >
9187              <header class="s-mobile-menu__header">
9188                <button
9189                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
9190                  type="button"
9191                  aria-label="Back to Manga, Graphic Novels &amp;amp; Books"
9192                >
9193                  <svg
9194  width="16"
9195  height="16"
9196  viewBox="0 0 16 16"
9197  fill="none"
9198  xmlns="http://www.w3.org/2000/svg"
9199  aria-hidden="true"
9200  focusable="false"
9201  role="presentation"
9202  class="icon"
9203>
9204  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
9205</svg>
9206
9207                </button>
9208                <span class="s-mobile-menu__header-title">Manga</span>
9209                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
9210                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
9211  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9212</svg>
9213                </button>
9214              </header>
9215              <div class="s-mobile-menu__scroll">
9216                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
9217                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-manga" 
9218                        ><span>New Releases</span
9219                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9220  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9221</svg>
9222</span></a
9223                      >
9224                    </li><li class="s-mobile-menu__item">
9225                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-manga" 
9226                        ><span>Pre-Orders</span
9227                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9228  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9229</svg>
9230</span></a
9231                      >
9232                    </li><li class="s-mobile-menu__item">
9233                      <a class="s-mobile-menu__expanded-link" href="/collections/manga-action-and-adventure" 
9234                        ><span>Action and Adventure</span
9235                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9236  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9237</svg>
9238</span></a
9239                      >
9240                    </li><li class="s-mobile-menu__item">
9241                      <a class="s-mobile-menu__expanded-link" href="/collections/manga-romance" 
9242                        ><span>Romance</span
9243                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9244  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9245</svg>
9246</span></a
9247                      >
9248                    </li><li class="s-mobile-menu__item">
9249                      <a class="s-mobile-menu__expanded-link" href="/collections/manga-horror" 
9250                        ><span>Horror</span
9251                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9252  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9253</svg>
9254</span></a
9255                      >
9256                    </li><li class="s-mobile-menu__item">
9257                      <a class="s-mobile-menu__expanded-link" href="/collections/manga-yaoi" 
9258                        ><span>Yaoi</span
9259                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9260  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9261</svg>
9262</span></a
9263                      >
9264                    </li><li class="s-mobile-menu__item">
9265                      <a class="s-mobile-menu__expanded-link" href="/collections/manga-yuri" 
9266                        ><span>Yuri</span
9267                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9268  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9269</svg>
9270</span></a
9271                      >
9272                    </li><li class="s-mobile-menu__item">
9273                      <a class="s-mobile-menu__expanded-link" href="/collections/manga-mature" 
9274                        ><span>Mature</span
9275                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9276  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9277</svg>
9278</span></a
9279                      >
9280                    </li><li class="s-mobile-menu__item">
9281                      <a class="s-mobile-menu__expanded-link" href="/collections/manga-all-ages" 
9282                        ><span>All Ages</span
9283                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9284  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9285</svg>
9286</span></a
9287                      >
9288                    </li><li class="s-mobile-menu__item">
9289                      <a class="s-mobile-menu__expanded-link" href="/collections/manga-box-set" 
9290                        ><span>Box Sets</span
9291                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9292  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9293</svg>
9294</span></a
9295                      >
9296                    </li><li class="s-mobile-menu__item">
9297                      <a class="s-mobile-menu__expanded-link" href="/collections/manga-special-edition" 
9298                        ><span>Special Editions</span
9299                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9300  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9301</svg>
9302</span></a
9303                      >
9304                    </li></ul>
9305              </div><footer class="s-mobile-menu__footer"><div>
9306      <form method="post" action="/localization" id="mobile-menu-localization-shop-manga-graphic-novels-books-manga" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
9307        <input type="hidden" name="country_code" value="GB">
9308<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-manga-graphic-novels-books-manga-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
9309            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-manga-graphic-novels-books-manga-country-button">
9310      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
9311          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9312        </svg></button>
9313    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
9314        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-manga-graphic-novels-books-manga-country-opt-0"><li class="custom-select__option flex items-center js-option"
9315            id="mobile-menu-localization-shop-manga-graphic-novels-books-manga-country-opt-0"
9316            role="option"
9317            data-value="GB" aria-selected="true">
9318          <span class="pointer-events-none">United Kingdom [GBP]</span>
9319          </li></ul>
9320  </div></country-selector></div></div>
9320<script>
9321      customElements.whenDefined('custom-select').then(() => {
9322        if (!customElements.get('country-selector')) {
9323          class CountrySelector extends customElements.get('custom-select') {
9324            constructor() {
9325              super();
9326              this.loaded = false;
9327            }
9328
9329            async showListbox() {
9330              if (this.loaded) {
9331                super.showListbox();
9332                return;
9333              }
9334
9335              this.button.classList.add('is-loading');
9336              this.button.setAttribute('aria-disabled', 'true');
9337
9338              try {
9339                const response = await fetch('?section_id=country-selector');
9340                if (!response.ok) throw new Error(response.status);
9341
9342                const tmpl = document.createElement('template');
9343                tmpl.innerHTML = await response.text();
9344
9345                const el = tmpl.content.querySelector('.custom-select__listbox');
9346                this.listbox.innerHTML = el.innerHTML;
9347
9348                if (this.closest('.footer, .s-mobile-menu')) {
9349                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
9350                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
9351                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
9352                  });
9353                }
9354
9355                this.options = this.querySelectorAll('.custom-select__option');
9356
9357                this.popular = this.querySelectorAll('[data-popular]');
9358                if (this.popular.length) {
9359                  this.popular[this.popular.length - 1].closest('.custom-select__option')
9360                    .classList.add('custom-select__option--visual-group-end');
9361                }
9362
9363                this.selectedOption = this.querySelector('[aria-selected="true"]');
9364                if (!this.selectedOption) {
9365                  this.selectedOption = this.listbox.firstElementChild;
9366                }
9367
9368                this.loaded = true;
9369              } catch {
9370                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
9371              } finally {
9372                super.showListbox();
9373                this.button.classList.remove('is-loading');
9374                this.button.setAttribute('aria-disabled', 'false');
9375              }
9376            }
9377
9378            setButtonWidth() {
9379              return;
9380            }
9381          }
9382
9383          customElements.define('country-selector', CountrySelector);
9384        }
9385      });
9386    </script>
9386<script>
9387    document.getElementById('mobile-menu-localization-shop-manga-graphic-novels-books-manga').addEventListener('change', (evt) => {
9388      const input = evt.target.previousElementSibling;
9389      if (input && input.tagName === 'INPUT') {
9390        input.value = evt.detail.selectedValue;
9391        evt.currentTarget.submit();
9392      }
9393    });
9394  </script>
9394</form>
9395    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
9396
9397</footer>
9398
9399            </div><div
9400              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
9401              data-parent="shop-manga-graphic-novels-books-manhua-and-webcomics"
9402            >
9403              <header class="s-mobile-menu__header">
9404                <button
9405                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
9406                  type="button"
9407                  aria-label="Back to Manga, Graphic Novels &amp;amp; Books"
9408                >
9409                  <svg
9410  width="16"
9411  height="16"
9412  viewBox="0 0 16 16"
9413  fill="none"
9414  xmlns="http://www.w3.org/2000/svg"
9415  aria-hidden="true"
9416  focusable="false"
9417  role="presentation"
9418  class="icon"
9419>
9420  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
9421</svg>
9422
9423                </button>
9424                <span class="s-mobile-menu__header-title">Manhua and Webcomics</span>
9425                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
9426                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
9427  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9428</svg>
9429                </button>
9430              </header>
9431              <div class="s-mobile-menu__scroll">
9432                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
9433                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-manhua-and-webcomic" 
9434                        ><span>New Release</span
9435                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9436  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9437</svg>
9438</span></a
9439                      >
9440                    </li><li class="s-mobile-menu__item">
9441                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-manhua-and-webcomic" 
9442                        ><span>Pre-Orders</span
9443                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9444  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9445</svg>
9446</span></a
9447                      >
9448                    </li><li class="s-mobile-menu__item">
9449                      <a class="s-mobile-menu__expanded-link" href="/collections/manhua-and-webcomic-action-and-adventure" 
9450                        ><span>Action and Adventure</span
9451                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9452  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9453</svg>
9454</span></a
9455                      >
9456                    </li><li class="s-mobile-menu__item">
9457                      <a class="s-mobile-menu__expanded-link" href="/collections/manhua-and-webcomic-romance" 
9458                        ><span>Romance</span
9459                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9460  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9461</svg>
9462</span></a
9463                      >
9464                    </li><li class="s-mobile-menu__item">
9465                      <a class="s-mobile-menu__expanded-link" href="/collections/manhua-and-webcomic-horror" 
9466                        ><span>Horror</span
9467                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9468  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9469</svg>
9470</span></a
9471                      >
9472                    </li><li class="s-mobile-menu__item">
9473                      <a class="s-mobile-menu__expanded-link" href="/collections/manhua-and-webcomic-yaoi" 
9474                        ><span>Yaoi</span
9475                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9476  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9477</svg>
9478</span></a
9479                      >
9480                    </li><li class="s-mobile-menu__item">
9481                      <a class="s-mobile-menu__expanded-link" href="/collections/manhua-and-webcomic-yuri" 
9482                        ><span>Yuri</span
9483                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9484  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9485</svg>
9486</span></a
9487                      >
9488                    </li><li class="s-mobile-menu__item">
9489                      <a class="s-mobile-menu__expanded-link" href="/collections/manhua-and-webcomic-mature" 
9490                        ><span>Mature</span
9491                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9492  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9493</svg>
9494</span></a
9495                      >
9496                    </li><li class="s-mobile-menu__item">
9497                      <a class="s-mobile-menu__expanded-link" href="/collections/manhua-and-webcomic-all-ages" 
9498                        ><span>All Ages</span
9499                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9500  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9501</svg>
9502</span></a
9503                      >
9504                    </li><li class="s-mobile-menu__item">
9505                      <a class="s-mobile-menu__expanded-link" href="/collections/manhua-and-webcomic-box-set" 
9506                        ><span>Box Sets</span
9507                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9508  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9509</svg>
9510</span></a
9511                      >
9512                    </li><li class="s-mobile-menu__item">
9513                      <a class="s-mobile-menu__expanded-link" href="/collections/manhua-and-webcomic-special-edition" 
9514                        ><span>Special Editions</span
9515                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9516  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9517</svg>
9518</span></a
9519                      >
9520                    </li></ul>
9521              </div><footer class="s-mobile-menu__footer"><div>
9522      <form method="post" action="/localization" id="mobile-menu-localization-shop-manga-graphic-novels-books-manhua-and-webcomics" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
9523        <input type="hidden" name="country_code" value="GB">
9524<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-manga-graphic-novels-books-manhua-and-webcomics-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
9525            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-manga-graphic-novels-books-manhua-and-webcomics-country-button">
9526      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
9527          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9528        </svg></button>
9529    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
9530        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-manga-graphic-novels-books-manhua-and-webcomics-country-opt-0"><li class="custom-select__option flex items-center js-option"
9531            id="mobile-menu-localization-shop-manga-graphic-novels-books-manhua-and-webcomics-country-opt-0"
9532            role="option"
9533            data-value="GB" aria-selected="true">
9534          <span class="pointer-events-none">United Kingdom [GBP]</span>
9535          </li></ul>
9536  </div></country-selector></div></div>
9536<script>
9537      customElements.whenDefined('custom-select').then(() => {
9538        if (!customElements.get('country-selector')) {
9539          class CountrySelector extends customElements.get('custom-select') {
9540            constructor() {
9541              super();
9542              this.loaded = false;
9543            }
9544
9545            async showListbox() {
9546              if (this.loaded) {
9547                super.showListbox();
9548                return;
9549              }
9550
9551              this.button.classList.add('is-loading');
9552              this.button.setAttribute('aria-disabled', 'true');
9553
9554              try {
9555                const response = await fetch('?section_id=country-selector');
9556                if (!response.ok) throw new Error(response.status);
9557
9558                const tmpl = document.createElement('template');
9559                tmpl.innerHTML = await response.text();
9560
9561                const el = tmpl.content.querySelector('.custom-select__listbox');
9562                this.listbox.innerHTML = el.innerHTML;
9563
9564                if (this.closest('.footer, .s-mobile-menu')) {
9565                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
9566                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
9567                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
9568                  });
9569                }
9570
9571                this.options = this.querySelectorAll('.custom-select__option');
9572
9573                this.popular = this.querySelectorAll('[data-popular]');
9574                if (this.popular.length) {
9575                  this.popular[this.popular.length - 1].closest('.custom-select__option')
9576                    .classList.add('custom-select__option--visual-group-end');
9577                }
9578
9579                this.selectedOption = this.querySelector('[aria-selected="true"]');
9580                if (!this.selectedOption) {
9581                  this.selectedOption = this.listbox.firstElementChild;
9582                }
9583
9584                this.loaded = true;
9585              } catch {
9586                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
9587              } finally {
9588                super.showListbox();
9589                this.button.classList.remove('is-loading');
9590                this.button.setAttribute('aria-disabled', 'false');
9591              }
9592            }
9593
9594            setButtonWidth() {
9595              return;
9596            }
9597          }
9598
9599          customElements.define('country-selector', CountrySelector);
9600        }
9601      });
9602    </script>
9602<script>
9603    document.getElementById('mobile-menu-localization-shop-manga-graphic-novels-books-manhua-and-webcomics').addEventListener('change', (evt) => {
9604      const input = evt.target.previousElementSibling;
9605      if (input && input.tagName === 'INPUT') {
9606        input.value = evt.detail.selectedValue;
9607        evt.currentTarget.submit();
9608      }
9609    });
9610  </script>
9610</form>
9611    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
9612
9613</footer>
9614
9615            </div><div
9616              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
9617              data-parent="shop-manga-graphic-novels-books-light-novels"
9618            >
9619              <header class="s-mobile-menu__header">
9620                <button
9621                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
9622                  type="button"
9623                  aria-label="Back to Manga, Graphic Novels &amp;amp; Books"
9624                >
9625                  <svg
9626  width="16"
9627  height="16"
9628  viewBox="0 0 16 16"
9629  fill="none"
9630  xmlns="http://www.w3.org/2000/svg"
9631  aria-hidden="true"
9632  focusable="false"
9633  role="presentation"
9634  class="icon"
9635>
9636  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
9637</svg>
9638
9639                </button>
9640                <span class="s-mobile-menu__header-title">Light Novels</span>
9641                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
9642                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
9643  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9644</svg>
9645                </button>
9646              </header>
9647              <div class="s-mobile-menu__scroll">
9648                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
9649                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-light-novel" 
9650                        ><span>New Releases</span
9651                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9652  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9653</svg>
9654</span></a
9655                      >
9656                    </li><li class="s-mobile-menu__item">
9657                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-light-novel" 
9658                        ><span>Pre-Orders</span
9659                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9660  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9661</svg>
9662</span></a
9663                      >
9664                    </li><li class="s-mobile-menu__item">
9665                      <a class="s-mobile-menu__expanded-link" href="/collections/light-novel-action-and-adventure" 
9666                        ><span>Action and Adventure</span
9667                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9668  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9669</svg>
9670</span></a
9671                      >
9672                    </li><li class="s-mobile-menu__item">
9673                      <a class="s-mobile-menu__expanded-link" href="/collections/light-novel-romance" 
9674                        ><span>Romance</span
9675                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9676  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9677</svg>
9678</span></a
9679                      >
9680                    </li><li class="s-mobile-menu__item">
9681                      <a class="s-mobile-menu__expanded-link" href="/collections/light-novel-horror" 
9682                        ><span>Horror</span
9683                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9684  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9685</svg>
9686</span></a
9687                      >
9688                    </li><li class="s-mobile-menu__item">
9689                      <a class="s-mobile-menu__expanded-link" href="/collections/light-novel-yaoi" 
9690                        ><span>Yaoi</span
9691                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9692  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9693</svg>
9694</span></a
9695                      >
9696                    </li><li class="s-mobile-menu__item">
9697                      <a class="s-mobile-menu__expanded-link" href="/collections/light-novel-yuri" 
9698                        ><span>Yuri</span
9699                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9700  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9701</svg>
9702</span></a
9703                      >
9704                    </li><li class="s-mobile-menu__item">
9705                      <a class="s-mobile-menu__expanded-link" href="/collections/light-novel-mature" 
9706                        ><span>Mature</span
9707                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9708  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9709</svg>
9710</span></a
9711                      >
9712                    </li></ul>
9713              </div><footer class="s-mobile-menu__footer"><div>
9714      <form method="post" action="/localization" id="mobile-menu-localization-shop-manga-graphic-novels-books-light-novels" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
9715        <input type="hidden" name="country_code" value="GB">
9716<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-manga-graphic-novels-books-light-novels-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
9717            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-manga-graphic-novels-books-light-novels-country-button">
9718      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
9719          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9720        </svg></button>
9721    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
9722        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-manga-graphic-novels-books-light-novels-country-opt-0"><li class="custom-select__option flex items-center js-option"
9723            id="mobile-menu-localization-shop-manga-graphic-novels-books-light-novels-country-opt-0"
9724            role="option"
9725            data-value="GB" aria-selected="true">
9726          <span class="pointer-events-none">United Kingdom [GBP]</span>
9727          </li></ul>
9728  </div></country-selector></div></div>
9728<script>
9729      customElements.whenDefined('custom-select').then(() => {
9730        if (!customElements.get('country-selector')) {
9731          class CountrySelector extends customElements.get('custom-select') {
9732            constructor() {
9733              super();
9734              this.loaded = false;
9735            }
9736
9737            async showListbox() {
9738              if (this.loaded) {
9739                super.showListbox();
9740                return;
9741              }
9742
9743              this.button.classList.add('is-loading');
9744              this.button.setAttribute('aria-disabled', 'true');
9745
9746              try {
9747                const response = await fetch('?section_id=country-selector');
9748                if (!response.ok) throw new Error(response.status);
9749
9750                const tmpl = document.createElement('template');
9751                tmpl.innerHTML = await response.text();
9752
9753                const el = tmpl.content.querySelector('.custom-select__listbox');
9754                this.listbox.innerHTML = el.innerHTML;
9755
9756                if (this.closest('.footer, .s-mobile-menu')) {
9757                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
9758                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
9759                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
9760                  });
9761                }
9762
9763                this.options = this.querySelectorAll('.custom-select__option');
9764
9765                this.popular = this.querySelectorAll('[data-popular]');
9766                if (this.popular.length) {
9767                  this.popular[this.popular.length - 1].closest('.custom-select__option')
9768                    .classList.add('custom-select__option--visual-group-end');
9769                }
9770
9771                this.selectedOption = this.querySelector('[aria-selected="true"]');
9772                if (!this.selectedOption) {
9773                  this.selectedOption = this.listbox.firstElementChild;
9774                }
9775
9776                this.loaded = true;
9777              } catch {
9778                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
9779              } finally {
9780                super.showListbox();
9781                this.button.classList.remove('is-loading');
9782                this.button.setAttribute('aria-disabled', 'false');
9783              }
9784            }
9785
9786            setButtonWidth() {
9787              return;
9788            }
9789          }
9790
9791          customElements.define('country-selector', CountrySelector);
9792        }
9793      });
9794    </script>
9794<script>
9795    document.getElementById('mobile-menu-localization-shop-manga-graphic-novels-books-light-novels').addEventListener('change', (evt) => {
9796      const input = evt.target.previousElementSibling;
9797      if (input && input.tagName === 'INPUT') {
9798        input.value = evt.detail.selectedValue;
9799        evt.currentTarget.submit();
9800      }
9801    });
9802  </script>
9802</form>
9803    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
9804
9805</footer>
9806
9807            </div><div
9808              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
9809              data-parent="shop-manga-graphic-novels-books-danmei-and-baihe"
9810            >
9811              <header class="s-mobile-menu__header">
9812                <button
9813                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
9814                  type="button"
9815                  aria-label="Back to Manga, Graphic Novels &amp;amp; Books"
9816                >
9817                  <svg
9818  width="16"
9819  height="16"
9820  viewBox="0 0 16 16"
9821  fill="none"
9822  xmlns="http://www.w3.org/2000/svg"
9823  aria-hidden="true"
9824  focusable="false"
9825  role="presentation"
9826  class="icon"
9827>
9828  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
9829</svg>
9830
9831                </button>
9832                <span class="s-mobile-menu__header-title">Danmei and Baihe</span>
9833                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
9834                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
9835  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9836</svg>
9837                </button>
9838              </header>
9839              <div class="s-mobile-menu__scroll">
9840                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
9841                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-danmei-and-baihe" 
9842                        ><span>New Releases</span
9843                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9844  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9845</svg>
9846</span></a
9847                      >
9848                    </li><li class="s-mobile-menu__item">
9849                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-danmei-and-baihe" 
9850                        ><span>Pre-Orders</span
9851                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9852  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9853</svg>
9854</span></a
9855                      >
9856                    </li><li class="s-mobile-menu__item">
9857                      <a class="s-mobile-menu__expanded-link" href="/collections/danmei-and-baihe-mature" 
9858                        ><span>Mature</span
9859                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9860  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9861</svg>
9862</span></a
9863                      >
9864                    </li><li class="s-mobile-menu__item">
9865                      <a class="s-mobile-menu__expanded-link" href="/collections/danmei-and-baihe-special-edition" 
9866                        ><span>Special Edition</span
9867                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
9868  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
9869</svg>
9870</span></a
9871                      >
9872                    </li></ul>
9873              </div><footer class="s-mobile-menu__footer"><div>
9874      <form method="post" action="/localization" id="mobile-menu-localization-shop-manga-graphic-novels-books-danmei-and-baihe" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
9875        <input type="hidden" name="country_code" value="GB">
9876<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-manga-graphic-novels-books-danmei-and-baihe-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
9877            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-manga-graphic-novels-books-danmei-and-baihe-country-button">
9878      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
9879          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9880        </svg></button>
9881    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
9882        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-manga-graphic-novels-books-danmei-and-baihe-country-opt-0"><li class="custom-select__option flex items-center js-option"
9883            id="mobile-menu-localization-shop-manga-graphic-novels-books-danmei-and-baihe-country-opt-0"
9884            role="option"
9885            data-value="GB" aria-selected="true">
9886          <span class="pointer-events-none">United Kingdom [GBP]</span>
9887          </li></ul>
9888  </div></country-selector></div></div>
9888<script>
9889      customElements.whenDefined('custom-select').then(() => {
9890        if (!customElements.get('country-selector')) {
9891          class CountrySelector extends customElements.get('custom-select') {
9892            constructor() {
9893              super();
9894              this.loaded = false;
9895            }
9896
9897            async showListbox() {
9898              if (this.loaded) {
9899                super.showListbox();
9900                return;
9901              }
9902
9903              this.button.classList.add('is-loading');
9904              this.button.setAttribute('aria-disabled', 'true');
9905
9906              try {
9907                const response = await fetch('?section_id=country-selector');
9908                if (!response.ok) throw new Error(response.status);
9909
9910                const tmpl = document.createElement('template');
9911                tmpl.innerHTML = await response.text();
9912
9913                const el = tmpl.content.querySelector('.custom-select__listbox');
9914                this.listbox.innerHTML = el.innerHTML;
9915
9916                if (this.closest('.footer, .s-mobile-menu')) {
9917                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
9918                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
9919                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
9920                  });
9921                }
9922
9923                this.options = this.querySelectorAll('.custom-select__option');
9924
9925                this.popular = this.querySelectorAll('[data-popular]');
9926                if (this.popular.length) {
9927                  this.popular[this.popular.length - 1].closest('.custom-select__option')
9928                    .classList.add('custom-select__option--visual-group-end');
9929                }
9930
9931                this.selectedOption = this.querySelector('[aria-selected="true"]');
9932                if (!this.selectedOption) {
9933                  this.selectedOption = this.listbox.firstElementChild;
9934                }
9935
9936                this.loaded = true;
9937              } catch {
9938                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
9939              } finally {
9940                super.showListbox();
9941                this.button.classList.remove('is-loading');
9942                this.button.setAttribute('aria-disabled', 'false');
9943              }
9944            }
9945
9946            setButtonWidth() {
9947              return;
9948            }
9949          }
9950
9951          customElements.define('country-selector', CountrySelector);
9952        }
9953      });
9954    </script>
9954<script>
9955    document.getElementById('mobile-menu-localization-shop-manga-graphic-novels-books-danmei-and-baihe').addEventListener('change', (evt) => {
9956      const input = evt.target.previousElementSibling;
9957      if (input && input.tagName === 'INPUT') {
9958        input.value = evt.detail.selectedValue;
9959        evt.currentTarget.submit();
9960      }
9961    });
9962  </script>
9962</form>
9963    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
9964
9965</footer>
9966
9967            </div><div
9968              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
9969              data-parent="shop-manga-graphic-novels-books-graphic-novels"
9970            >
9971              <header class="s-mobile-menu__header">
9972                <button
9973                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
9974                  type="button"
9975                  aria-label="Back to Manga, Graphic Novels &amp;amp; Books"
9976                >
9977                  <svg
9978  width="16"
9979  height="16"
9980  viewBox="0 0 16 16"
9981  fill="none"
9982  xmlns="http://www.w3.org/2000/svg"
9983  aria-hidden="true"
9984  focusable="false"
9985  role="presentation"
9986  class="icon"
9987>
9988  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
9989</svg>
9990
9991                </button>
9992                <span class="s-mobile-menu__header-title">Graphic Novels</span>
9993                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
9994                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
9995  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9996</svg>
9997                </button>
9998              </header>
9999              <div class="s-mobile-menu__scroll">
10000                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
10001                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-graphic-novel" 
10002                        ><span>New Releases</span
10003                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10004  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10005</svg>
10006</span></a
10007                      >
10008                    </li><li class="s-mobile-menu__item">
10009                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-graphic-novel" 
10010                        ><span>Pre-Orders</span
10011                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10012  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10013</svg>
10014</span></a
10015                      >
10016                    </li><li class="s-mobile-menu__item">
10017                      <a class="s-mobile-menu__expanded-link" href="/collections/graphic-novel-action-and-adventure" 
10018                        ><span>Action and Adventure</span
10019                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10020  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10021</svg>
10022</span></a
10023                      >
10024                    </li><li class="s-mobile-menu__item">
10025                      <a class="s-mobile-menu__expanded-link" href="/collections/graphic-novel-romance" 
10026                        ><span>Romance</span
10027                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10028  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10029</svg>
10030</span></a
10031                      >
10032                    </li><li class="s-mobile-menu__item">
10033                      <a class="s-mobile-menu__expanded-link" href="/collections/graphic-novel-horror" 
10034                        ><span>Horror</span
10035                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10036  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10037</svg>
10038</span></a
10039                      >
10040                    </li><li class="s-mobile-menu__item">
10041                      <a class="s-mobile-menu__expanded-link" href="/collections/graphic-novel-lgbtq" 
10042                        ><span>LGBTQ+</span
10043                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10044  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10045</svg>
10046</span></a
10047                      >
10048                    </li><li class="s-mobile-menu__item">
10049                      <a class="s-mobile-menu__expanded-link" href="/collections/graphic-novel-mature" 
10050                        ><span>Mature</span
10051                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10052  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10053</svg>
10054</span></a
10055                      >
10056                    </li><li class="s-mobile-menu__item">
10057                      <a class="s-mobile-menu__expanded-link" href="/collections/graphic-novel-all-ages" 
10058                        ><span>All Ages</span
10059                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10060  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10061</svg>
10062</span></a
10063                      >
10064                    </li><li class="s-mobile-menu__item">
10065                      <a class="s-mobile-menu__expanded-link" href="/collections/graphic-novel-omnibus" 
10066                        ><span>Omnibuses</span
10067                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10068  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10069</svg>
10070</span></a
10071                      >
10072                    </li></ul>
10073              </div><footer class="s-mobile-menu__footer"><div>
10074      <form method="post" action="/localization" id="mobile-menu-localization-shop-manga-graphic-novels-books-graphic-novels" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
10075        <input type="hidden" name="country_code" value="GB">
10076<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-manga-graphic-novels-books-graphic-novels-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
10077            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-manga-graphic-novels-books-graphic-novels-country-button">
10078      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
10079          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10080        </svg></button>
10081    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
10082        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-manga-graphic-novels-books-graphic-novels-country-opt-0"><li class="custom-select__option flex items-center js-option"
10083            id="mobile-menu-localization-shop-manga-graphic-novels-books-graphic-novels-country-opt-0"
10084            role="option"
10085            data-value="GB" aria-selected="true">
10086          <span class="pointer-events-none">United Kingdom [GBP]</span>
10087          </li></ul>
10088  </div></country-selector></div></div>
10088<script>
10089      customElements.whenDefined('custom-select').then(() => {
10090        if (!customElements.get('country-selector')) {
10091          class CountrySelector extends customElements.get('custom-select') {
10092            constructor() {
10093              super();
10094              this.loaded = false;
10095            }
10096
10097            async showListbox() {
10098              if (this.loaded) {
10099                super.showListbox();
10100                return;
10101              }
10102
10103              this.button.classList.add('is-loading');
10104              this.button.setAttribute('aria-disabled', 'true');
10105
10106              try {
10107                const response = await fetch('?section_id=country-selector');
10108                if (!response.ok) throw new Error(response.status);
10109
10110                const tmpl = document.createElement('template');
10111                tmpl.innerHTML = await response.text();
10112
10113                const el = tmpl.content.querySelector('.custom-select__listbox');
10114                this.listbox.innerHTML = el.innerHTML;
10115
10116                if (this.closest('.footer, .s-mobile-menu')) {
10117                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
10118                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
10119                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
10120                  });
10121                }
10122
10123                this.options = this.querySelectorAll('.custom-select__option');
10124
10125                this.popular = this.querySelectorAll('[data-popular]');
10126                if (this.popular.length) {
10127                  this.popular[this.popular.length - 1].closest('.custom-select__option')
10128                    .classList.add('custom-select__option--visual-group-end');
10129                }
10130
10131                this.selectedOption = this.querySelector('[aria-selected="true"]');
10132                if (!this.selectedOption) {
10133                  this.selectedOption = this.listbox.firstElementChild;
10134                }
10135
10136                this.loaded = true;
10137              } catch {
10138                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
10139              } finally {
10140                super.showListbox();
10141                this.button.classList.remove('is-loading');
10142                this.button.setAttribute('aria-disabled', 'false');
10143              }
10144            }
10145
10146            setButtonWidth() {
10147              return;
10148            }
10149          }
10150
10151          customElements.define('country-selector', CountrySelector);
10152        }
10153      });
10154    </script>
10154<script>
10155    document.getElementById('mobile-menu-localization-shop-manga-graphic-novels-books-graphic-novels').addEventListener('change', (evt) => {
10156      const input = evt.target.previousElementSibling;
10157      if (input && input.tagName === 'INPUT') {
10158        input.value = evt.detail.selectedValue;
10159        evt.currentTarget.submit();
10160      }
10161    });
10162  </script>
10162</form>
10163    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
10164
10165</footer>
10166
10167            </div><div
10168              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
10169              data-parent="shop-manga-graphic-novels-books-novels"
10170            >
10171              <header class="s-mobile-menu__header">
10172                <button
10173                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
10174                  type="button"
10175                  aria-label="Back to Manga, Graphic Novels &amp;amp; Books"
10176                >
10177                  <svg
10178  width="16"
10179  height="16"
10180  viewBox="0 0 16 16"
10181  fill="none"
10182  xmlns="http://www.w3.org/2000/svg"
10183  aria-hidden="true"
10184  focusable="false"
10185  role="presentation"
10186  class="icon"
10187>
10188  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
10189</svg>
10190
10191                </button>
10192                <span class="s-mobile-menu__header-title">Novels</span>
10193                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
10194                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
10195  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10196</svg>
10197                </button>
10198              </header>
10199              <div class="s-mobile-menu__scroll">
10200                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
10201                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-novel" 
10202                        ><span>New Releases</span
10203                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10204  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10205</svg>
10206</span></a
10207                      >
10208                    </li><li class="s-mobile-menu__item">
10209                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-novel" 
10210                        ><span>Pre-Order</span
10211                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10212  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10213</svg>
10214</span></a
10215                      >
10216                    </li><li class="s-mobile-menu__item">
10217                      <a class="s-mobile-menu__expanded-link" href="/collections/novel-black-library" 
10218                        ><span>Black Library</span
10219                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10220  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10221</svg>
10222</span></a
10223                      >
10224                    </li><li class="s-mobile-menu__item">
10225                      <a class="s-mobile-menu__expanded-link" href="/collections/novel-fiction" 
10226                        ><span>Fiction</span
10227                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10228  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10229</svg>
10230</span></a
10231                      >
10232                    </li><li class="s-mobile-menu__item">
10233                      <a class="s-mobile-menu__expanded-link" href="/collections/novel-non-fiction" 
10234                        ><span>Non-Fiction</span
10235                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10236  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10237</svg>
10238</span></a
10239                      >
10240                    </li><li class="s-mobile-menu__item">
10241                      <a class="s-mobile-menu__expanded-link" href="/collections/novel-choose-your-own-adventure" 
10242                        ><span>Choose Your Own Adventure</span
10243                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10244  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10245</svg>
10246</span></a
10247                      >
10248                    </li></ul>
10249              </div><footer class="s-mobile-menu__footer"><div>
10250      <form method="post" action="/localization" id="mobile-menu-localization-shop-manga-graphic-novels-books-novels" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
10251        <input type="hidden" name="country_code" value="GB">
10252<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-manga-graphic-novels-books-novels-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
10253            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-manga-graphic-novels-books-novels-country-button">
10254      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
10255          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10256        </svg></button>
10257    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
10258        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-manga-graphic-novels-books-novels-country-opt-0"><li class="custom-select__option flex items-center js-option"
10259            id="mobile-menu-localization-shop-manga-graphic-novels-books-novels-country-opt-0"
10260            role="option"
10261            data-value="GB" aria-selected="true">
10262          <span class="pointer-events-none">United Kingdom [GBP]</span>
10263          </li></ul>
10264  </div></country-selector></div></div>
10264<script>
10265      customElements.whenDefined('custom-select').then(() => {
10266        if (!customElements.get('country-selector')) {
10267          class CountrySelector extends customElements.get('custom-select') {
10268            constructor() {
10269              super();
10270              this.loaded = false;
10271            }
10272
10273            async showListbox() {
10274              if (this.loaded) {
10275                super.showListbox();
10276                return;
10277              }
10278
10279              this.button.classList.add('is-loading');
10280              this.button.setAttribute('aria-disabled', 'true');
10281
10282              try {
10283                const response = await fetch('?section_id=country-selector');
10284                if (!response.ok) throw new Error(response.status);
10285
10286                const tmpl = document.createElement('template');
10287                tmpl.innerHTML = await response.text();
10288
10289                const el = tmpl.content.querySelector('.custom-select__listbox');
10290                this.listbox.innerHTML = el.innerHTML;
10291
10292                if (this.closest('.footer, .s-mobile-menu')) {
10293                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
10294                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
10295                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
10296                  });
10297                }
10298
10299                this.options = this.querySelectorAll('.custom-select__option');
10300
10301                this.popular = this.querySelectorAll('[data-popular]');
10302                if (this.popular.length) {
10303                  this.popular[this.popular.length - 1].closest('.custom-select__option')
10304                    .classList.add('custom-select__option--visual-group-end');
10305                }
10306
10307                this.selectedOption = this.querySelector('[aria-selected="true"]');
10308                if (!this.selectedOption) {
10309                  this.selectedOption = this.listbox.firstElementChild;
10310                }
10311
10312                this.loaded = true;
10313              } catch {
10314                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
10315              } finally {
10316                super.showListbox();
10317                this.button.classList.remove('is-loading');
10318                this.button.setAttribute('aria-disabled', 'false');
10319              }
10320            }
10321
10322            setButtonWidth() {
10323              return;
10324            }
10325          }
10326
10327          customElements.define('country-selector', CountrySelector);
10328        }
10329      });
10330    </script>
10330<script>
10331    document.getElementById('mobile-menu-localization-shop-manga-graphic-novels-books-novels').addEventListener('change', (evt) => {
10332      const input = evt.target.previousElementSibling;
10333      if (input && input.tagName === 'INPUT') {
10334        input.value = evt.detail.selectedValue;
10335        evt.currentTarget.submit();
10336      }
10337    });
10338  </script>
10338</form>
10339    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
10340
10341</footer>
10342
10343            </div><div
10344              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
10345              data-parent="shop-manga-graphic-novels-books-other-books"
10346            >
10347              <header class="s-mobile-menu__header">
10348                <button
10349                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
10350                  type="button"
10351                  aria-label="Back to Manga, Graphic Novels &amp;amp; Books"
10352                >
10353                  <svg
10354  width="16"
10355  height="16"
10356  viewBox="0 0 16 16"
10357  fill="none"
10358  xmlns="http://www.w3.org/2000/svg"
10359  aria-hidden="true"
10360  focusable="false"
10361  role="presentation"
10362  class="icon"
10363>
10364  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
10365</svg>
10366
10367                </button>
10368                <span class="s-mobile-menu__header-title">Other Books</span>
10369                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
10370                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
10371  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10372</svg>
10373                </button>
10374              </header>
10375              <div class="s-mobile-menu__scroll">
10376                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
10377                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-other-book" 
10378                        ><span>New Releases</span
10379                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10380  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10381</svg>
10382</span></a
10383                      >
10384                    </li><li class="s-mobile-menu__item">
10385                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-other-book" 
10386                        ><span>Pre-Order</span
10387                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10388  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10389</svg>
10390</span></a
10391                      >
10392                    </li><li class="s-mobile-menu__item">
10393                      <a class="s-mobile-menu__expanded-link" href="/collections/other-book-art-books" 
10394                        ><span>Art Books</span
10395                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10396  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10397</svg>
10398</span></a
10399                      >
10400                    </li><li class="s-mobile-menu__item">
10401                      <a class="s-mobile-menu__expanded-link" href="/collections/other-book-cookbooks" 
10402                        ><span>Cookbooks</span
10403                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10404  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10405</svg>
10406</span></a
10407                      >
10408                    </li><li class="s-mobile-menu__item">
10409                      <a class="s-mobile-menu__expanded-link" href="/collections/other-book-arts-and-crafts" 
10410                        ><span>Arts and Crafts</span
10411                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10412  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10413</svg>
10414</span></a
10415                      >
10416                    </li><li class="s-mobile-menu__item">
10417                      <a class="s-mobile-menu__expanded-link" href="/collections/other-book-other" 
10418                        ><span>
10418Other</span
10419                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10420  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10421</svg>
10422</span></a
10423                      >
10424                    </li></ul>
10425              </div><footer class="s-mobile-menu__footer"><div>
10426      <form method="post" action="/localization" id="mobile-menu-localization-shop-manga-graphic-novels-books-other-books" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
10427        <input type="hidden" name="country_code" value="GB">
10428<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-manga-graphic-novels-books-other-books-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
10429            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-manga-graphic-novels-books-other-books-country-button">
10430      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
10431          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10432        </svg></button>
10433    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
10434        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-manga-graphic-novels-books-other-books-country-opt-0"><li class="custom-select__option flex items-center js-option"
10435            id="mobile-menu-localization-shop-manga-graphic-novels-books-other-books-country-opt-0"
10436            role="option"
10437            data-value="GB" aria-selected="true">
10438          <span class="pointer-events-none">United Kingdom [GBP]</span>
10439          </li></ul>
10440  </div></country-selector></div></div>
10440<script>
10441      customElements.whenDefined('custom-select').then(() => {
10442        if (!customElements.get('country-selector')) {
10443          class CountrySelector extends customElements.get('custom-select') {
10444            constructor() {
10445              super();
10446              this.loaded = false;
10447            }
10448
10449            async showListbox() {
10450              if (this.loaded) {
10451                super.showListbox();
10452                return;
10453              }
10454
10455              this.button.classList.add('is-loading');
10456              this.button.setAttribute('aria-disabled', 'true');
10457
10458              try {
10459                const response = await fetch('?section_id=country-selector');
10460                if (!response.ok) throw new Error(response.status);
10461
10462                const tmpl = document.createElement('template');
10463                tmpl.innerHTML = await response.text();
10464
10465                const el = tmpl.content.querySelector('.custom-select__listbox');
10466                this.listbox.innerHTML = el.innerHTML;
10467
10468                if (this.closest('.footer, .s-mobile-menu')) {
10469                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
10470                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
10471                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
10472                  });
10473                }
10474
10475                this.options = this.querySelectorAll('.custom-select__option');
10476
10477                this.popular = this.querySelectorAll('[data-popular]');
10478                if (this.popular.length) {
10479                  this.popular[this.popular.length - 1].closest('.custom-select__option')
10480                    .classList.add('custom-select__option--visual-group-end');
10481                }
10482
10483                this.selectedOption = this.querySelector('[aria-selected="true"]');
10484                if (!this.selectedOption) {
10485                  this.selectedOption = this.listbox.firstElementChild;
10486                }
10487
10488                this.loaded = true;
10489              } catch {
10490                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
10491              } finally {
10492                super.showListbox();
10493                this.button.classList.remove('is-loading');
10494                this.button.setAttribute('aria-disabled', 'false');
10495              }
10496            }
10497
10498            setButtonWidth() {
10499              return;
10500            }
10501          }
10502
10503          customElements.define('country-selector', CountrySelector);
10504        }
10505      });
10506    </script>
10506<script>
10507    document.getElementById('mobile-menu-localization-shop-manga-graphic-novels-books-other-books').addEventListener('change', (evt) => {
10508      const input = evt.target.previousElementSibling;
10509      if (input && input.tagName === 'INPUT') {
10510        input.value = evt.detail.selectedValue;
10511        evt.currentTarget.submit();
10512      }
10513    });
10514  </script>
10514</form>
10515    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
10516
10517</footer>
10518
10519            </div><div
10520              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
10521              data-parent="shop-board-games-new-release-pre-orders"
10522            >
10523              <header class="s-mobile-menu__header">
10524                <button
10525                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
10526                  type="button"
10527                  aria-label="Back to Board Games"
10528                >
10529                  <svg
10530  width="16"
10531  height="16"
10532  viewBox="0 0 16 16"
10533  fill="none"
10534  xmlns="http://www.w3.org/2000/svg"
10535  aria-hidden="true"
10536  focusable="false"
10537  role="presentation"
10538  class="icon"
10539>
10540  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
10541</svg>
10542
10543                </button>
10544                <span class="s-mobile-menu__header-title">New Release &amp; Pre-Orders</span>
10545                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
10546                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
10547  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10548</svg>
10549                </button>
10550              </header>
10551              <div class="s-mobile-menu__scroll">
10552                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
10553                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-board-game" 
10554                        ><span>New Release</span
10555                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10556  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10557</svg>
10558</span></a
10559                      >
10560                    </li><li class="s-mobile-menu__item">
10561                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-board-game" 
10562                        ><span>Pre-Order</span
10563                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10564  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10565</svg>
10566</span></a
10567                      >
10568                    </li></ul>
10569              </div><footer class="s-mobile-menu__footer"><div>
10570      <form method="post" action="/localization" id="mobile-menu-localization-shop-board-games-new-release-pre-orders" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
10571        <input type="hidden" name="country_code" value="GB">
10572<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-board-games-new-release-pre-orders-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
10573            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-board-games-new-release-pre-orders-country-button">
10574      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
10575          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10576        </svg></button>
10577    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
10578        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-board-games-new-release-pre-orders-country-opt-0"><li class="custom-select__option flex items-center js-option"
10579            id="mobile-menu-localization-shop-board-games-new-release-pre-orders-country-opt-0"
10580            role="option"
10581            data-value="GB" aria-selected="true">
10582          <span class="pointer-events-none">United Kingdom [GBP]</span>
10583          </li></ul>
10584  </div></country-selector></div></div>
10584<script>
10585      customElements.whenDefined('custom-select').then(() => {
10586        if (!customElements.get('country-selector')) {
10587          class CountrySelector extends customElements.get('custom-select') {
10588            constructor() {
10589              super();
10590              this.loaded = false;
10591            }
10592
10593            async showListbox() {
10594              if (this.loaded) {
10595                super.showListbox();
10596                return;
10597              }
10598
10599              this.button.classList.add('is-loading');
10600              this.button.setAttribute('aria-disabled', 'true');
10601
10602              try {
10603                const response = await fetch('?section_id=country-selector');
10604                if (!response.ok) throw new Error(response.status);
10605
10606                const tmpl = document.createElement('template');
10607                tmpl.innerHTML = await response.text();
10608
10609                const el = tmpl.content.querySelector('.custom-select__listbox');
10610                this.listbox.innerHTML = el.innerHTML;
10611
10612                if (this.closest('.footer, .s-mobile-menu')) {
10613                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
10614                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
10615                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
10616                  });
10617                }
10618
10619                this.options = this.querySelectorAll('.custom-select__option');
10620
10621                this.popular = this.querySelectorAll('[data-popular]');
10622                if (this.popular.length) {
10623                  this.popular[this.popular.length - 1].closest('.custom-select__option')
10624                    .classList.add('custom-select__option--visual-group-end');
10625                }
10626
10627                this.selectedOption = this.querySelector('[aria-selected="true"]');
10628                if (!this.selectedOption) {
10629                  this.selectedOption = this.listbox.firstElementChild;
10630                }
10631
10632                this.loaded = true;
10633              } catch {
10634                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
10635              } finally {
10636                super.showListbox();
10637                this.button.classList.remove('is-loading');
10638                this.button.setAttribute('aria-disabled', 'false');
10639              }
10640            }
10641
10642            setButtonWidth() {
10643              return;
10644            }
10645          }
10646
10647          customElements.define('country-selector', CountrySelector);
10648        }
10649      });
10650    </script>
10650<script>
10651    document.getElementById('mobile-menu-localization-shop-board-games-new-release-pre-orders').addEventListener('change', (evt) => {
10652      const input = evt.target.previousElementSibling;
10653      if (input && input.tagName === 'INPUT') {
10654        input.value = evt.detail.selectedValue;
10655        evt.currentTarget.submit();
10656      }
10657    });
10658  </script>
10658</form>
10659    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
10660
10661</footer>
10662
10663            </div><div
10664              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
10665              data-parent="shop-board-games-category-genre"
10666            >
10667              <header class="s-mobile-menu__header">
10668                <button
10669                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
10670                  type="button"
10671                  aria-label="Back to Board Games"
10672                >
10673                  <svg
10674  width="16"
10675  height="16"
10676  viewBox="0 0 16 16"
10677  fill="none"
10678  xmlns="http://www.w3.org/2000/svg"
10679  aria-hidden="true"
10680  focusable="false"
10681  role="presentation"
10682  class="icon"
10683>
10684  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
10685</svg>
10686
10687                </button>
10688                <span class="s-mobile-menu__header-title">Category/Genre</span>
10689                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
10690                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
10691  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10692</svg>
10693                </button>
10694              </header>
10695              <div class="s-mobile-menu__scroll">
10696                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
10697                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-solo-game" 
10698                        ><span>Solo Games</span
10699                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10700  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10701</svg>
10702</span></a
10703                      >
10704                    </li><li class="s-mobile-menu__item">
10705                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-two-player-game" 
10706                        ><span>Two Player Games</span
10707                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10708  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10709</svg>
10710</span></a
10711                      >
10712                    </li><li class="s-mobile-menu__item">
10713                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-abstract-game" 
10714                        ><span>Abstract Games</span
10715                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10716  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10717</svg>
10718</span></a
10719                      >
10720                    </li><li class="s-mobile-menu__item">
10721                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-campaign-game" 
10722                        ><span>Campaign Games</span
10723                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10724  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10725</svg>
10726</span></a
10727                      >
10728                    </li><li class="s-mobile-menu__item">
10729                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-card-game" 
10730                        ><span>Card Games</span
10731                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10732  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10733</svg>
10734</span></a
10735                      >
10736                    </li><li class="s-mobile-menu__item">
10737                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-cooperative-game" 
10738                        ><span>Cooperative Games</span
10739                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10740  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10741</svg>
10742</span></a
10743                      >
10744                    </li><li class="s-mobile-menu__item">
10745                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-cosy-game" 
10746                        ><span>Cosy Games</span
10747                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10748  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10749</svg>
10750</span></a
10751                      >
10752                    </li><li class="s-mobile-menu__item">
10753                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-family-game" 
10754                        ><span>Family Games</span
10755                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10756  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10757</svg>
10758</span></a
10759                      >
10760                    </li><li class="s-mobile-menu__item">
10761                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-games-on-the-go" 
10762                        ><span>Games On-The-Go</span
10763                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10764  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10765</svg>
10766</span></a
10767                      >
10768                    </li><li class="s-mobile-menu__item">
10769                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-legacy-game" 
10770                        ><span>Legacy Games</span
10771                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10772  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10773</svg>
10774</span></a
10775                      >
10776                    </li><li class="s-mobile-menu__item">
10777                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-party-game" 
10778                        ><span>Party Games</span
10779                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10780  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10781</svg>
10782</span></a
10783                      >
10784                    </li><li class="s-mobile-menu__item">
10785                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-pick-up-and-play" 
10786                        ><span>Pick Up and Play!</span
10787                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10788  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10789</svg>
10790</span></a
10791                      >
10792                    </li><li class="s-mobile-menu__item">
10793                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-puzzle-game" 
10794                        ><span>Puzzle Games</span
10795                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10796  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10797</svg>
10798</span></a
10799                      >
10800                    </li><li class="s-mobile-menu__item">
10801                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-strategy-game" 
10802                        ><span>Strategy Games</span
10803                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10804  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10805</svg>
10806</span></a
10807                      >
10808                    </li></ul>
10809              </div><footer class="s-mobile-menu__footer"><div>
10810      <form method="post" action="/localization" id="mobile-menu-localization-shop-board-games-category-genre" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
10811        <input type="hidden" name="country_code" value="GB">
10812<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-board-games-category-genre-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
10813            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-board-games-category-genre-country-button">
10814      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
10815          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10816        </svg></button>
10817    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
10818        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-board-games-category-genre-country-opt-0"><li class="custom-select__option flex items-center js-option"
10819            id="mobile-menu-localization-shop-board-games-category-genre-country-opt-0"
10820            role="option"
10821            data-value="GB" aria-selected="true">
10822          <span class="pointer-events-none">United Kingdom [GBP]</span>
10823          </li></ul>
10824  </div></country-selector></div></div>
10824<script>
10825      customElements.whenDefined('custom-select').then(() => {
10826        if (!customElements.get('country-selector')) {
10827          class CountrySelector extends customElements.get('custom-select') {
10828            constructor() {
10829              super();
10830              this.loaded = false;
10831            }
10832
10833            async showListbox() {
10834              if (this.loaded) {
10835                super.showListbox();
10836                return;
10837              }
10838
10839              this.button.classList.add('is-loading');
10840              this.button.setAttribute('aria-disabled', 'true');
10841
10842              try {
10843                const response = await fetch('?section_id=country-selector');
10844                if (!response.ok) throw new Error(response.status);
10845
10846                const tmpl = document.createElement('template');
10847                tmpl.innerHTML = await response.text();
10848
10849                const el = tmpl.content.querySelector('.custom-select__listbox');
10850                this.listbox.innerHTML = el.innerHTML;
10851
10852                if (this.closest('.footer, .s-mobile-menu')) {
10853                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
10854                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
10855                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
10856                  });
10857                }
10858
10859                this.options = this.querySelectorAll('.custom-select__option');
10860
10861                this.popular = this.querySelectorAll('[data-popular]');
10862                if (this.popular.length) {
10863                  this.popular[this.popular.length - 1].closest('.custom-select__option')
10864                    .classList.add('custom-select__option--visual-group-end');
10865                }
10866
10867                this.selectedOption = this.querySelector('[aria-selected="true"]');
10868                if (!this.selectedOption) {
10869                  this.selectedOption = this.listbox.firstElementChild;
10870                }
10871
10872                this.loaded = true;
10873              } catch {
10874                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
10875              } finally {
10876                super.showListbox();
10877                this.button.classList.remove('is-loading');
10878                this.button.setAttribute('aria-disabled', 'false');
10879              }
10880            }
10881
10882            setButtonWidth() {
10883              return;
10884            }
10885          }
10886
10887          customElements.define('country-selector', CountrySelector);
10888        }
10889      });
10890    </script>
10890<script>
10891    document.getElementById('mobile-menu-localization-shop-board-games-category-genre').addEventListener('change', (evt) => {
10892      const input = evt.target.previousElementSibling;
10893      if (input && input.tagName === 'INPUT') {
10894        input.value = evt.detail.selectedValue;
10895        evt.currentTarget.submit();
10896      }
10897    });
10898  </script>
10898</form>
10899    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
10900
10901</footer>
10902
10903            </div><div
10904              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
10905              data-parent="shop-board-games-mechanics"
10906            >
10907              <header class="s-mobile-menu__header">
10908                <button
10909                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
10910                  type="button"
10911                  aria-label="Back to Board Games"
10912                >
10913                  <svg
10914  width="16"
10915  height="16"
10916  viewBox="0 0 16 16"
10917  fill="none"
10918  xmlns="http://www.w3.org/2000/svg"
10919  aria-hidden="true"
10920  focusable="false"
10921  role="presentation"
10922  class="icon"
10923>
10924  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
10925</svg>
10926
10927                </button>
10928                <span class="s-mobile-menu__header-title">Mechanics</span>
10929                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
10930                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
10931  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10932</svg>
10933                </button>
10934              </header>
10935              <div class="s-mobile-menu__scroll">
10936                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
10937                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-area-control" 
10938                        ><span>Area Control</span
10939                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10940  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10941</svg>
10942</span></a
10943                      >
10944                    </li><li class="s-mobile-menu__item">
10945                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-deck-building" 
10946                        ><span>Deck Building</span
10947                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10948  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10949</svg>
10950</span></a
10951                      >
10952                    </li><li class="s-mobile-menu__item">
10953                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-drafting" 
10954                        ><span>Drafting</span
10955                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10956  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10957</svg>
10958</span></a
10959                      >
10960                    </li><li class="s-mobile-menu__item">
10961                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-push-your-luck" 
10962                        ><span>Push Your Luck</span
10963                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10964  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10965</svg>
10966</span></a
10967                      >
10968                    </li><li class="s-mobile-menu__item">
10969                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-set-collection" 
10970                        ><span>Set Collection</span
10971                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10972  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10973</svg>
10974</span></a
10975                      >
10976                    </li><li class="s-mobile-menu__item">
10977                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-social-
10977deduction" 
10978                        ><span>Social Deduction</span
10979                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10980  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10981</svg>
10982</span></a
10983                      >
10984                    </li><li class="s-mobile-menu__item">
10985                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-tile-placement" 
10986                        ><span>Tile Placement</span
10987                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10988  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10989</svg>
10990</span></a
10991                      >
10992                    </li><li class="s-mobile-menu__item">
10993                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-trick-taking" 
10994                        ><span>Trick Taking</span
10995                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
10996  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
10997</svg>
10998</span></a
10999                      >
11000                    </li><li class="s-mobile-menu__item">
11001                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-worker-placement" 
11002                        ><span>Worker Placement</span
11003                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11004  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11005</svg>
11006</span></a
11007                      >
11008                    </li></ul>
11009              </div><footer class="s-mobile-menu__footer"><div>
11010      <form method="post" action="/localization" id="mobile-menu-localization-shop-board-games-mechanics" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
11011        <input type="hidden" name="country_code" value="GB">
11012<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-board-games-mechanics-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
11013            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-board-games-mechanics-country-button">
11014      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
11015          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11016        </svg></button>
11017    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
11018        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-board-games-mechanics-country-opt-0"><li class="custom-select__option flex items-center js-option"
11019            id="mobile-menu-localization-shop-board-games-mechanics-country-opt-0"
11020            role="option"
11021            data-value="GB" aria-selected="true">
11022          <span class="pointer-events-none">United Kingdom [GBP]</span>
11023          </li></ul>
11024  </div></country-selector></div></div>
11024<script>
11025      customElements.whenDefined('custom-select').then(() => {
11026        if (!customElements.get('country-selector')) {
11027          class CountrySelector extends customElements.get('custom-select') {
11028            constructor() {
11029              super();
11030              this.loaded = false;
11031            }
11032
11033            async showListbox() {
11034              if (this.loaded) {
11035                super.showListbox();
11036                return;
11037              }
11038
11039              this.button.classList.add('is-loading');
11040              this.button.setAttribute('aria-disabled', 'true');
11041
11042              try {
11043                const response = await fetch('?section_id=country-selector');
11044                if (!response.ok) throw new Error(response.status);
11045
11046                const tmpl = document.createElement('template');
11047                tmpl.innerHTML = await response.text();
11048
11049                const el = tmpl.content.querySelector('.custom-select__listbox');
11050                this.listbox.innerHTML = el.innerHTML;
11051
11052                if (this.closest('.footer, .s-mobile-menu')) {
11053                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
11054                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
11055                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
11056                  });
11057                }
11058
11059                this.options = this.querySelectorAll('.custom-select__option');
11060
11061                this.popular = this.querySelectorAll('[data-popular]');
11062                if (this.popular.length) {
11063                  this.popular[this.popular.length - 1].closest('.custom-select__option')
11064                    .classList.add('custom-select__option--visual-group-end');
11065                }
11066
11067                this.selectedOption = this.querySelector('[aria-selected="true"]');
11068                if (!this.selectedOption) {
11069                  this.selectedOption = this.listbox.firstElementChild;
11070                }
11071
11072                this.loaded = true;
11073              } catch {
11074                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
11075              } finally {
11076                super.showListbox();
11077                this.button.classList.remove('is-loading');
11078                this.button.setAttribute('aria-disabled', 'false');
11079              }
11080            }
11081
11082            setButtonWidth() {
11083              return;
11084            }
11085          }
11086
11087          customElements.define('country-selector', CountrySelector);
11088        }
11089      });
11090    </script>
11090<script>
11091    document.getElementById('mobile-menu-localization-shop-board-games-mechanics').addEventListener('change', (evt) => {
11092      const input = evt.target.previousElementSibling;
11093      if (input && input.tagName === 'INPUT') {
11094        input.value = evt.detail.selectedValue;
11095        evt.currentTarget.submit();
11096      }
11097    });
11098  </script>
11098</form>
11099    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
11100
11101</footer>
11102
11103            </div><div
11104              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
11105              data-parent="shop-board-games-collections"
11106            >
11107              <header class="s-mobile-menu__header">
11108                <button
11109                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
11110                  type="button"
11111                  aria-label="Back to Board Games"
11112                >
11113                  <svg
11114  width="16"
11115  height="16"
11116  viewBox="0 0 16 16"
11117  fill="none"
11118  xmlns="http://www.w3.org/2000/svg"
11119  aria-hidden="true"
11120  focusable="false"
11121  role="presentation"
11122  class="icon"
11123>
11124  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
11125</svg>
11126
11127                </button>
11128                <span class="s-mobile-menu__header-title">Collections</span>
11129                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
11130                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
11131  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11132</svg>
11133                </button>
11134              </header>
11135              <div class="s-mobile-menu__scroll">
11136                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
11137                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-collection-escape-room" 
11138                        ><span>Escape Room</span
11139                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11140  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11141</svg>
11142</span></a
11143                      >
11144                    </li><li class="s-mobile-menu__item">
11145                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-collection-marvel" 
11146                        ><span>Marvel</span
11147                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11148  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11149</svg>
11150</span></a
11151                      >
11152                    </li><li class="s-mobile-menu__item">
11153                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-collection-disney" 
11154                        ><span>Disney</span
11155                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11156  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11157</svg>
11158</span></a
11159                      >
11160                    </li><li class="s-mobile-menu__item">
11161                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-collection-star-wars" 
11162                        ><span>Star Wars</span
11163                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11164  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11165</svg>
11166</span></a
11167                      >
11168                    </li><li class="s-mobile-menu__item">
11169                      <a class="s-mobile-menu__expanded-link" href="/collections/board-game-collection-lord-of-the-rings" 
11170                        ><span>Lord of the Rings</span
11171                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11172  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11173</svg>
11174</span></a
11175                      >
11176                    </li></ul>
11177              </div><footer class="s-mobile-menu__footer"><div>
11178      <form method="post" action="/localization" id="mobile-menu-localization-shop-board-games-collections" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
11179        <input type="hidden" name="country_code" value="GB">
11180<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-board-games-collections-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
11181            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-board-games-collections-country-button">
11182      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
11183          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11184        </svg></button>
11185    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
11186        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-board-games-collections-country-opt-0"><li class="custom-select__option flex items-center js-option"
11187            id="mobile-menu-localization-shop-board-games-collections-country-opt-0"
11188            role="option"
11189            data-value="GB" aria-selected="true">
11190          <span class="pointer-events-none">United Kingdom [GBP]</span>
11191          </li></ul>
11192  </div></country-selector></div></div>
11192<script>
11193      customElements.whenDefined('custom-select').then(() => {
11194        if (!customElements.get('country-selector')) {
11195          class CountrySelector extends customElements.get('custom-select') {
11196            constructor() {
11197              super();
11198              this.loaded = false;
11199            }
11200
11201            async showListbox() {
11202              if (this.loaded) {
11203                super.showListbox();
11204                return;
11205              }
11206
11207              this.button.classList.add('is-loading');
11208              this.button.setAttribute('aria-disabled', 'true');
11209
11210              try {
11211                const response = await fetch('?section_id=country-selector');
11212                if (!response.ok) throw new Error(response.status);
11213
11214                const tmpl = document.createElement('template');
11215                tmpl.innerHTML = await response.text();
11216
11217                const el = tmpl.content.querySelector('.custom-select__listbox');
11218                this.listbox.innerHTML = el.innerHTML;
11219
11220                if (this.closest('.footer, .s-mobile-menu')) {
11221                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
11222                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
11223                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
11224                  });
11225                }
11226
11227                this.options = this.querySelectorAll('.custom-select__option');
11228
11229                this.popular = this.querySelectorAll('[data-popular]');
11230                if (this.popular.length) {
11231                  this.popular[this.popular.length - 1].closest('.custom-select__option')
11232                    .classList.add('custom-select__option--visual-group-end');
11233                }
11234
11235                this.selectedOption = this.querySelector('[aria-selected="true"]');
11236                if (!this.selectedOption) {
11237                  this.selectedOption = this.listbox.firstElementChild;
11238                }
11239
11240                this.loaded = true;
11241              } catch {
11242                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
11243              } finally {
11244                super.showListbox();
11245                this.button.classList.remove('is-loading');
11246                this.button.setAttribute('aria-disabled', 'false');
11247              }
11248            }
11249
11250            setButtonWidth() {
11251              return;
11252            }
11253          }
11254
11255          customElements.define('country-selector', CountrySelector);
11256        }
11257      });
11258    </script>
11258<script>
11259    document.getElementById('mobile-menu-localization-shop-board-games-collections').addEventListener('change', (evt) => {
11260      const input = evt.target.previousElementSibling;
11261      if (input && input.tagName === 'INPUT') {
11262        input.value = evt.detail.selectedValue;
11263        evt.currentTarget.submit();
11264      }
11265    });
11266  </script>
11266</form>
11267    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
11268
11269</footer>
11270
11271            </div><div
11272              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
11273              data-parent="shop-roleplaying-games-roleplaying-games"
11274            >
11275              <header class="s-mobile-menu__header">
11276                <button
11277                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
11278                  type="button"
11279                  aria-label="Back to Roleplaying Games"
11280                >
11281                  <svg
11282  width="16"
11283  height="16"
11284  viewBox="0 0 16 16"
11285  fill="none"
11286  xmlns="http://www.w3.org/2000/svg"
11287  aria-hidden="true"
11288  focusable="false"
11289  role="presentation"
11290  class="icon"
11291>
11292  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
11293</svg>
11294
11295                </button>
11296                <span class="s-mobile-menu__header-title">Roleplaying Games</span>
11297                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
11298                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
11299  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11300</svg>
11301                </button>
11302              </header>
11303              <div class="s-mobile-menu__scroll">
11304                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
11305                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-roleplaying-game" 
11306                        ><span>New Releases</span
11307                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11308  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11309</svg>
11310</span></a
11311                      >
11312                    </li><li class="s-mobile-menu__item">
11313                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-roleplaying-game" 
11314                        ><span>Pre-Orders</span
11315                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11316  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11317</svg>
11318</span></a
11319                      >
11320                    </li><li class="s-mobile-menu__item">
11321                      <a class="s-mobile-menu__expanded-link" href="/collections/roleplaying-game-dungeons-dragons" 
11322                        ><span>Dungeons &amp; Dragons</span
11323                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11324  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11325</svg>
11326</span></a
11327                      >
11328                    </li><li class="s-mobile-menu__item">
11329                      <a class="s-mobile-menu__expanded-link" href="/collections/roleplaying-game-call-of-cthulhu" 
11330                        ><span>Call of Cthulhu</span
11331                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11332  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11333</svg>
11334</span></a
11335                      >
11336                    </li><li class="s-mobile-menu__item">
11337                      <a class="s-mobile-menu__expanded-link" href="/collections/roleplaying-game-pathfinder-and-starfinder" 
11338                        ><span>Pathfinder and Starfinder</span
11339                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11340  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11341</svg>
11342</span></a
11343                      >
11344                    </li><li class="s-mobile-menu__item">
11345                      <a class="s-mobile-menu__expanded-link" href="/collections/roleplaying-game-free-league" 
11346                        ><span>Free League</span
11347                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11348  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11349</svg>
11350</span></a
11351                      >
11352                    </li><li class="s-mobile-menu__item">
11353                      <a class="s-mobile-menu__expanded-link" href="/collections/roleplaying-game-borg-system" 
11354                        ><span>Börg System</span
11355                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11356  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11357</svg>
11358</span></a
11359                      >
11360                    </li><li class="s-mobile-menu__item">
11361                      <a class="s-mobile-menu__expanded-link" href="/collections/roleplaying-game-solo-rpg" 
11362                        ><span>Solo RPGs</span
11363                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11364  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11365</svg>
11366</span></a
11367                      >
11368                    </li><li class="s-mobile-menu__item">
11369                      <a class="s-mobile-menu__expanded-link" href="/collections/roleplaying-game-indie-rpg" 
11370                        ><span>Indie RPGs</span
11371                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11372  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11373</svg>
11374</span></a
11375                      >
11376                    </li><li class="s-mobile-menu__item">
11377                      <a class="s-mobile-menu__expanded-link" href="/collections/roleplaying-game-rpg-accessory" 
11378                        ><span>RPG Accessories</span
11379                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11380  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11381</svg>
11382</span></a
11383                      >
11384                    </li><li class="s-mobile-menu__item">
11385                      <a class="s-mobile-menu__expanded-link" href="/collections/roleplaying-starter-sets" 
11386                        ><span>Starter Sets</span
11387                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11388  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11389</svg>
11390</span></a
11391                      >
11392                    </li></ul>
11393              </div><footer class="s-mobile-menu__footer"><div>
11394      <form method="post" action="/localization" id="mobile-menu-localization-shop-roleplaying-games-roleplaying-games" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
11395        <input type="hidden" name="country_code" value="GB">
11396<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-roleplaying-games-roleplaying-games-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
11397            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-roleplaying-games-roleplaying-games-country-button">
11398      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
11399          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11400        </svg></button>
11401    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
11402        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-roleplaying-games-roleplaying-games-country-opt-0"><li class="custom-select__option flex items-center js-option"
11403            id="mobile-menu-localization-shop-roleplaying-games-roleplaying-games-country-opt-0"
11404            role="option"
11405            data-value="GB" aria-selected="true">
11406          <span class="pointer-events-none">United Kingdom [GBP]</span>
11407          </li></ul>
11408  </div></country-selector></div></div>
11408<script>
11409      customElements.whenDefined('custom-select').then(() => {
11410        if (!customElements.get('country-selector')) {
11411          class CountrySelector extends customElements.get('custom-select') {
11412            constructor() {
11413              super();
11414              this.loaded = false;
11415            }
11416
11417            async showListbox() {
11418              if (this.loaded) {
11419                super.showListbox();
11420                return;
11421              }
11422
11423              this.button.classList.add('is-loading');
11424              this.button.setAttribute('aria-disabled', 'true');
11425
11426              try {
11427                const response = await fetch('?section_id=country-selector');
11428                if (!response.ok) throw new Error(response.status);
11429
11430                const tmpl = document.createElement('template');
11431                tmpl.innerHTML = await response.text();
11432
11433                const el = tmpl.content.querySelector('.custom-select__listbox');
11434                this.listbox.innerHTML = el.innerHTML;
11435
11436                if (this.closest('.footer, .s-mobile-menu')) {
11437                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
11438                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
11439                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
11440                  });
11441                }
11442
11443                this.options = this.querySelectorAll('.custom-select__option');
11444
11445                this.popular = this.querySelectorAll('[data-popular]');
11446                if (this.popular.length) {
11447                  this.popular[this.popular.length - 1].closest('.custom-select__option')
11448                    .classList.add('custom-select__option--visual-group-end');
11449                }
11450
11451                this.selectedOption = this.querySelector('[aria-selected="true"]');
11452                if (!this.selectedOption) {
11453                  this.selectedOption = this.listbox.firstElementChild;
11454                }
11455
11456                this.loaded = true;
11457              } catch {
11458                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
11459              } finally {
11460                super.showListbox();
11461                this.button.classList.remove('is-loading');
11462                this.button.setAttribute('aria-disabled', 'false');
11463              }
11464            }
11465
11466            setButtonWidth() {
11467              return;
11468            }
11469          }
11470
11471          customElements.define('country-selector', CountrySelector);
11472        }
11473      });
11474    </script>
11474<script>
11475    document.getElementById('mobile-menu-localization-shop-roleplaying-games-roleplaying-games').addEventListener('change', (evt) => {
11476      const input = evt.target.previousElementSibling;
11477      if (input && input.tagName === 'INPUT') {
11478        input.value = evt.detail.selectedValue;
11479        evt.currentTarget.submit();
11480      }
11481    });
11482  </script>
11482</form>
11483    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
11484
11485</footer>
11486
11487            </div><div
11488              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
11489              data-parent="shop-tcgs-tcgs-ccgs"
11490            >
11491              <header class="s-mobile-menu__header">
11492                <button
11493                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
11494                  type="button"
11495                  aria-label="Back to TCGs"
11496                >
11497                  <svg
11498  width="16"
11499  height="16"
11500  viewBox="0 0 16 16"
11501  fill="none"
11502  xmlns="http://www.w3.org/2000/svg"
11503  aria-hidden="true"
11504  focusable="false"
11505  role="presentation"
11506  class="icon"
11507>
11508  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
11509</svg>
11510
11511                </button>
11512                <span class="s-mobile-menu__header-title">TCGs &amp; CCGs</span>
11513                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
11514                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
11515  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11516</svg>
11517                </button>
11518              </header>
11519              <div class="s-mobile-menu__scroll">
11520                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
11521                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-tcg" 
11522                        ><span>New Release</span
11523                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11524  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11525</svg>
11526</span></a
11527                      >
11528                    </li><li class="s-mobile-menu__item">
11529                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-tcg" 
11530                        ><span>Pre-Order</span
11531                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11532  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11533</svg>
11534</span></a
11535                      >
11536                    </li><li class="s-mobile-menu__item">
11537                      <a class="s-mobile-menu__expanded-link" href="/collections/tcg-pokemon-tcg" 
11538                        ><span>Pokémon TCG</span
11539                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11540  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11541</svg>
11542</span></a
11543                      >
11544                    </li><li class="s-mobile-menu__item">
11545                      <a class="s-mobile-menu__expanded-link" href="/collections/tcg-magic-the-gathering" 
11546                        ><span>Magic the Gathering</span
11547                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11548  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11549</svg>
11550</span></a
11551                      >
11552                    </li><li class="s-mobile-menu__item">
11553                      <a class="s-mobile-menu__expanded-link" href="/collections/tcg-one-piece-card-game" 
11554                        ><span>One Piece Card Game</span
11555                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11556  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11557</svg>
11558</span></a
11559                      >
11560                    </li><li class="s-mobile-menu__item">
11561                      <a class="s-mobile-menu__expanded-link" href="/collections/tcg-yu-gi-oh-tcg" 
11562                        ><span>Yu-Gi-Oh! TCG</span
11563                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11564  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11565</svg>
11566</span></a
11567                      >
11568                    </li><li class="s-mobile-menu__item">
11569                      <a class="s-mobile-menu__expanded-link" href="/collections/tcg-disney-lorcana-tcg" 
11570                        ><span>Lorcana TCG</span
11571                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11572  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11573</svg>
11574</span></a
11575                      >
11576                    </li><li class="s-mobile-menu__item">
11577                      <a class="s-mobile-menu__expanded-link" href="/collections/tcg-gundam-card-game" 
11578                        ><span>Gundam Card Game</span
11579                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11580  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11581</svg>
11582</span></a
11583                      >
11584                    </li><li class="s-mobile-menu__item">
11585                      <a class="s-mobile-menu__expanded-link" href="/collections/tcg-digimon-card-game" 
11586                        ><span>Digimon Card Game</span
11587                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11588  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11589</svg>
11590</span></a
11591                      >
11592                    </li><li class="s-mobile-menu__item">
11593                      <a class="s-mobile-menu__expanded-link" href="/collections/tcg-riftbound-league-of-legends-tcg" 
11594                        ><span>Riftbound League of Legends TCG</span
11595                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11596  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11597</svg>
11598</span></a
11599                      >
11600                    </li><li class="s-mobile-menu__item">
11601                      <a class="s-mobile-menu__expanded-link" href="/collections/tcg-star-wars-unlimited" 
11602                        ><span>Star Wars Unlimited</span
11603                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11604  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11605</svg>
11606</span></a
11607                      >
11608                    </li><li class="s-mobile-menu__item">
11609                      <a class="s-mobile-menu__expanded-link" href="/collections/tcg-dragon-ball-super-card-game" 
11610                        ><span>Dragon Ball Super Card Game</span
11611                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11612  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11613</svg>
11614</span></a
11615                      >
11616                    </li><li class="s-mobile-menu__item">
11617                      <a class="s-mobile-menu__expanded-link" href="/collections/tcg-other-tcg" 
11618                        ><span>Other TCGs</span
11619                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11620  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11621</svg>
11622</span></a
11623                      >
11624                    </li></ul>
11625              </div><footer class="s-mobile-menu__footer"><div>
11626      <form method="post" action="/localization" id="mobile-menu-localization-shop-tcgs-tcgs-ccgs" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
11627        <input type="hidden" name="country_code" value="GB">
11628<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-tcgs-tcgs-ccgs-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
11629            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-tcgs-tcgs-ccgs-country-button">
11630      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
11631          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11632        </svg></button>
11633    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
11634        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-tcgs-tcgs-ccgs-country-opt-0"><li class="custom-select__option flex items-center js-option"
11635            id="mobile-menu-localization-shop-tcgs-tcgs-ccgs-country-opt-0"
11636            role="option"
11637            data-value="GB" aria-selected="true">
11638          <span class="pointer-events-none">United Kingdom [GBP]</span>
11639          </li></ul>
11640  </div></country-selector></div></div>
11640<script>
11641      customElements.whenDefined('custom-select').then(() => {
11642        if (!customElements.get('country-selector')) {
11643          class CountrySelector extends customElements.get('custom-select') {
11644            constructor() {
11645              super();
11646              this.loaded = false;
11647            }
11648
11649            async showListbox() {
11650              if (this.loaded) {
11651                super.showListbox();
11652                return;
11653              }
11654
11655              this.button.classList.add('is-loading');
11656              this.button.setAttribute('aria-disabled', 'true');
11657
11658              try {
11659                const response = await fetch('?section_id=country-selector');
11660                if (!response.ok) throw new Error(response.status);
11661
11662                const tmpl = document.createElement('template');
11663                tmpl.innerHTML = await response.text();
11664
11665                const el = tmpl.content.querySelector('.custom-select__listbox');
11666                this.listbox.innerHTML = el.innerHTML;
11667
11668                if (this.closest('.footer, .s-mobile-menu')) {
11669                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
11670                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
11671                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
11672                  });
11673                }
11674
11675                this.options = this.querySelectorAll('.custom-select__option');
11676
11677                this.popular = this.querySelectorAll('[data-popular]');
11678                if (this.popular.length) {
11679                  this.popular[this.popular.length - 1].closest('.custom-select__option')
11680                    .classList.add('custom-select__option--visual-group-end');
11681                }
11682
11683                this.selectedOption = this.querySelector('[aria-selected="true"]');
11684                if (!this.selectedOption) {
11685                  this.selectedOption = this.listbox.firstElementChild;
11686                }
11687
11688                this.loaded = true;
11689              } catch {
11690                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
11691              } finally {
11692                super.showListbox();
11693                this.button.classList.remove('is-loading');
11694                this.button.setAttribute('aria-disabled', 'false');
11695              }
11696            }
11697
11698            setButtonWidth() {
11699              return;
11700            }
11701          }
11702
11703          customElements.define('country-selector', CountrySelector);
11704        }
11705      });
11706    </script>
11706<script>
11707    document.getElementById('mobile-menu-localization-shop-tcgs-tcgs-ccgs').addEventListener('change', (evt) => {
11708      const input = evt.target.previousElementSibling;
11709      if (input && input.tagName === 'INPUT') {
11710        input.value = evt.detail.selectedValue;
11711        evt.currentTarget.submit();
11712      }
11713    });
11714  </script>
11714</form>
11715    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
11716
11717</footer>
11718
11719            </div><div
11720              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
11721              data-parent="shop-tcgs-accessories"
11722            >
11723              <header class="s-mobile-menu__header">
11724                <button
11725                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
11726                  type="button"
11727                  aria-label="Back to TCGs"
11728                >
11729                  <svg
11730  width="16"
11731  height="16"
11732  viewBox="0 0 16 16"
11733  fill="none"
11734  xmlns="http://www.w3.org/2000/svg"
11735  aria-hidden="true"
11736  focusable="false"
11737  role="presentation"
11738  class="icon"
11739>
11740  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
11741</svg>
11742
11743                </button>
11744                <span class="s-mobile-menu__header-title">Accessories</span>
11745                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
11746                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
11747  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11748</svg>
11749                </button>
11750              </header>
11751              <div class="s-mobile-menu__scroll">
11752                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
11753                      <a class="s-mobile-menu__expanded-link" href="/collections/accessory-binders" 
11754                        ><span>Binders</span
11755                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11756  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11757</svg>
11758</span></a
11759                      >
11760                    </li><li class="s-mobile-menu__item">
11761                      <a class="s-mobile-menu__expanded-link" href="/collections/accessory-card-sleeves" 
11762                        ><span>Card Sleeves</span
11763                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11764  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11765</svg>
11766</span></a
11767                      >
11768                    </li><li class="s-mobile-menu__item">
11769                      <a class="s-mobile-menu__expanded-link" href="/collections/accessory-dice" 
11770                        ><span>Dice</span
11771                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11772  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11773</svg>
11774</span></a
11775                      >
11776                    </li><li class="s-mobile-menu__item">
11777                      <a class="s-mobile-menu__expanded-link" href="/collections/accessory-deck-boxes" 
11778                        ><span>Deck Boxes</span
11779                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11780  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11781</svg>
11782</span></a
11783                      >
11784                    </li><li class="s-mobile-menu__item">
11785                      <a class="s-mobile-menu__expanded-link" href="/collections/accessory-playmats" 
11786                        ><span>Playmats</span
11787                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11788  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11789</svg>
11790</span></a
11791                      >
11792                    </li><li class="s-mobile-menu__item">
11793                      <a class="s-mobile-menu__expanded-link" href="/collections/accessory-ultra-pro" 
11794                        ><span>Ultra Pro</span
11795                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11796  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11797</svg>
11798</span></a
11799                      >
11800                    </li><li class="s-mobile-menu__item">
11801                      <a class="s-mobile-menu__expanded-link" href="/collections/accessory-vaultx" 
11802                        ><span>VaultX</span
11803                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11804  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11805</svg>
11806</span></a
11807                      >
11808                    </li><li class="s-mobile-menu__item">
11809                      <a class="s-mobile-menu__expanded-link" href="/collections/accessory-gamegenic" 
11810                        ><span>Gamegenic</span
11811                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11812  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11813</svg>
11814</span></a
11815                      >
11816                    </li></ul>
11817              </div><footer class="s-mobile-menu__footer"><div>
11818      <form method="post" action="/localization" id="mobile-menu-localization-shop-tcgs-accessories" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
11819        <input type="hidden" name="country_code" value="GB">
11820<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-tcgs-accessories-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
11821            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-tcgs-accessories-country-button">
11822      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
11823          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11824        </svg></button>
11825    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
11826        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-tcgs-accessories-country-opt-0"><li class="custom-select__option flex items-center js-option"
11827            id="mobile-menu-localization-shop-tcgs-accessories-country-opt-0"
11828            role="option"
11829            data-value="GB" aria-selected="true">
11830          <span class="pointer-events-none">United Kingdom [GBP]</span>
11831          </li></ul>
11832  </div></country-selector></div></div>
11832<script>
11833      customElements.whenDefined('custom-select').then(() => {
11834        if (!customElements.get('country-selector')) {
11835          class CountrySelector extends customElements.get('custom-select') {
11836            constructor() {
11837              super();
11838              this.loaded = false;
11839            }
11840
11841            async showListbox() {
11842              if (this.loaded) {
11843                super.showListbox();
11844                return;
11845              }
11846
11847              this.button.classList.add('is-loading');
11848              this.button.setAttribute('aria-disabled', 'true');
11849
11850              try {
11851                const response = await fetch('?section_id=country-selector');
11852                if (!response.ok) throw new Error(response.status);
11853
11854                const tmpl = document.createElement('template');
11855                tmpl.innerHTML = await response.text();
11856
11857                const el = tmpl.content.querySelector('.custom-select__listbox');
11858                this.listbox.innerHTML = el.innerHTML;
11859
11860                if (this.closest('.footer, .s-mobile-menu')) {
11861                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
11862                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
11863                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
11864                  });
11865                }
11866
11867                this.options = this.querySelectorAll('.custom-select__option');
11868
11869                this.popular = this.querySelectorAll('[data-popular]');
11870                if (this.popular.length) {
11871                  this.popular[this.popular.length - 1].closest('.custom-select__option')
11872                    .classList.add('custom-select__option--visual-group-end');
11873                }
11874
11875                this.selectedOption = this.querySelector('[aria-selected="true"]');
11876                if (!this.selectedOption) {
11877                  this.selectedOption = this.listbox.firstElementChild;
11878                }
11879
11880                this.loaded = true;
11881              } catch {
11882                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
11883              } finally {
11884                super.showListbox();
11885                this.button.classList.remove('is-loading');
11886                this.button.setAttribute('aria-disabled', 'false');
11887              }
11888            }
11889
11890            setButtonWidth() {
11891              return;
11892            }
11893          }
11894
11895          customElements.define('country-selector', CountrySelector);
11896        }
11897      });
11898    </script>
11898<script>
11899    document.getElementById('mobile-menu-localization-shop-tcgs-accessories').addEventListener('change', (evt) => {
11900      const input = evt.target.previousElementSibling;
11901      if (input && input.tagName === 'INPUT') {
11902        input.value = evt.detail.selectedValue;
11903        evt.currentTarget.submit();
11904      }
11905    });
11906  </script>
11906</form>
11907    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
11908
11909</footer>
11910
11911            </div><div
11912              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
11913              data-parent="shop-miniature-games-miniature-games"
11914            >
11915              <header class="s-mobile-menu__header">
11916                <button
11917                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
11918                  type="button"
11919                  aria-label="Back to Miniature Games"
11920                >
11921                  <svg
11922  width="16"
11923  height="16"
11924  viewBox="0 0 16 16"
11925  fill="none"
11926  xmlns="http://www.w3.org/2000/svg"
11927  aria-hidden="true"
11928  focusable="false"
11929  role="presentation"
11930  class="icon"
11931>
11932  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
11933</svg>
11934
11935                </button>
11936                <span class="s-mobile-menu__header-title">Miniature Games</span>
11937                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
11938                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
11939  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11940</svg>
11941                </button>
11942              </header>
11943              <div class="s-mobile-menu__scroll">
11944                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
11945                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-miniature-game" 
11946                        ><span>New Releases</span
11947                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11948  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11949</svg>
11950</span></a
11951                      >
11952                    </li><li class="s-mobile-menu__item">
11953                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-miniature-game" 
11954                        ><span>Pre-Orders</span
11955                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11956  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11957</svg>
11958</span></a
11959                      >
11960                    </li><li class="s-mobile-menu__item">
11961                      <a class="s-mobile-menu__expanded-link" href="/collections/miniature-game-trench-crusade" 
11962                        ><span>Trench Crusade</span
11963                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11964  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11965</svg>
11966</span></a
11967                      >
11968                    </li><li class="s-mobile-menu__item">
11969                      <a class="s-mobile-menu__expanded-link" href="/collections/miniature-game-starcraft" 
11970                        ><span>Starcraft</span
11971                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11972  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11973</svg>
11974</span></a
11975                      >
11976                    </li><li class="s-mobile-menu__item">
11977                      <a class="s-mobile-menu__expanded-link" href="/collections/miniature-game-dungeons-lasers" 
11978                        ><span>Dungeons &amp; Lasers</span
11979                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11980  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11981</svg>
11982</span></a
11983                      >
11984                    </li><li class="s-mobile-menu__item">
11985                      <a class="s-mobile-menu__expanded-link" href="/collections/miniature-game-other-miniature-game" 
11986                        ><span>Other Miniature Games</span
11987                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11988  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11989</svg>
11990</span></a
11991                      >
11992                    </li><li class="s-mobile-menu__item">
11993                      <a class="s-mobile-menu__expanded-link" href="/collections/miniature-game-terrain" 
11994                        ><span>Terrain</span
11995                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
11996  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
11997</svg>
11998</span></a
11999                      >
12000                    </li><li class="s-mobile-menu__item">
12001                      <a class="s-mobile-menu__expanded-link" href="/collections/miniature-game-starter-set" 
12002                        ><span>Starter Sets</span
12003                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12004  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12005</svg>
12006</span></a
12007                      >
12008                    </li></ul>
12009              </div><footer class="s-mobile-menu__footer"><div>
12010      <form method="post" action="/localization" id="mobile-menu-localization-shop-miniature-games-miniature-games" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
12011        <input type="hidden" name="country_code" value="GB">
12012<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-miniature-games-miniature-games-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
12013            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-miniature-games-miniature-games-country-button">
12014      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
12015          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12016        </svg></button>
12017    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
12018        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-miniature-games-miniature-games-country-opt-0"><li class="custom-select__option flex items-center js-option"
12019            id="mobile-menu-localization-shop-miniature-games-miniature-games-country-opt-0"
12020            role="option"
12021            data-value="GB" aria-selected="true">
12022          <span class="pointer-events-none">United Kingdom [GBP]</span>
12023          </li></ul>
12024  </div></country-selector></div></div>
12024<script>
12025      customElements.whenDefined('custom-select').then(() => {
12026        if (!customElements.get('country-selector')) {
12027          class CountrySelector extends customElements.get('custom-select') {
12028            constructor() {
12029              super();
12030              this.loaded = false;
12031            }
12032
12033            async showListbox() {
12034              if (this.loaded) {
12035                super.showListbox();
12036                return;
12037              }
12038
12039              this.button.classList.add('is-loading');
12040              this.button.setAttribute('aria-disabled', 'true');
12041
12042              try {
12043                const response = await fetch('?section_id=country-selector');
12044                if (!response.ok) throw new Error(response.status);
12045
12046                const tmpl = document.createElement('template');
12047                tmpl.innerHTML = await response.text();
12048
12049                const el = tmpl.content.querySelector('.custom-select__listbox');
12050                this.listbox.innerHTML = el.innerHTML;
12051
12052                if (this.closest('.footer, .s-mobile-menu')) {
12053                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
12054                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
12055                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
12056                  });
12057                }
12058
12059                this.options = this.querySelectorAll('.custom-select__option');
12060
12061                this.popular = this.querySelectorAll('[data-popular]');
12062                if (this.popular.length) {
12063                  this.popular[this.popular.length - 1].closest('.custom-select__option')
12064                    .classList.add('custom-select__option--visual-group-end');
12065                }
12066
12067                this.selectedOption = this.querySelector('[aria-selected="true"]');
12068                if (!this.selectedOption) {
12069                  this.selectedOption = this.listbox.firstElementChild;
12070                }
12071
12072                this.loaded = true;
12073              } catch {
12074                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
12075              } finally {
12076                super.showListbox();
12077                this.button.classList.remove('is-loading');
12078                this.button.setAttribute('aria-disabled', 'false');
12079              }
12080            }
12081
12082            setButtonWidth() {
12083              return;
12084            }
12085          }
12086
12087          customElements.define('country-selector', CountrySelector);
12088        }
12089      });
12090    </script>
12090<script>
12091    document.getElementById('mobile-menu-localization-shop-miniature-games-miniature-games').addEventListener('change', (evt) => {
12092      const input = evt.target.previousElementSibling;
12093      if (input && input.tagName === 'INPUT') {
12094        input.value = evt.detail.selectedValue;
12095        evt.currentTarget.submit();
12096      }
12097    });
12098  </script>
12098</form>
12099    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
12100
12101</footer>
12102
12103            </div><div
12104              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
12105              data-parent="shop-miniature-games-warhammer"
12106            >
12107              <header class="s-mobile-menu__header">
12108                <button
12109                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
12110                  type="button"
12111                  aria-label="Back to Miniature Games"
12112                >
12113                  <svg
12114  width="16"
12115  height="16"
12116  viewBox="0 0 16 16"
12117  fill="none"
12118  xmlns="http://www.w3.org/2000/svg"
12119  aria-hidden="true"
12120  focusable="false"
12121  role="presentation"
12122  class="icon"
12123>
12124  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
12125</svg>
12126
12127                </button>
12128                <span class="s-mobile-menu__header-title">Warhammer</span>
12129                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
12130                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
12131  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12132</svg>
12133                </button>
12134              </header>
12135              <div class="s-mobile-menu__scroll">
12136                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
12137                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-all" 
12138                        ><span>Warhammer 40,000</span
12139                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12140  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12141</svg>
12142</span></a
12143                      >
12144                    </li><li class="s-mobile-menu__item">
12145                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-all" 
12146                        ><span>Age of Sigmar</span
12147                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12148  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12149</svg>
12150</span></a
12151                      >
12152                    </li><li class="s-mobile-menu__item">
12153                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-all" 
12154                        ><span>The Horus Heresy</span
12155                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12156  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12157</svg>
12158</span></a
12159                      >
12160                    </li><li class="s-mobile-menu__item">
12161                      <a class="s-mobile-menu__expanded-link" href="/collections/the-old-world-all" 
12162                        ><span>The Old World</span
12163                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12164  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12165</svg>
12166</span></a
12167                      >
12168                    </li><li class="s-mobile-menu__item">
12169                      <a class="s-mobile-menu__expanded-link" href="/collections/middle-earth-strategy-battle-game-all" 
12170                        ><span>Middle Earth Strategy Battle Game</span
12171                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12172  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12173</svg>
12174</span></a
12175                      >
12176                    </li><li class="s-mobile-menu__item">
12177                      <a class="s-mobile-menu__expanded-link" href="/collections/kill-team-all" 
12178                        ><span>Kill Team</span
12179                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12180  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12181</svg>
12182</span></a
12183                      >
12184                    </li><li class="s-mobile-menu__item">
12185                      <a class="s-mobile-menu__expanded-link" href="/collections/necromunda-all" 
12186                        ><span>Necromunda</span
12187                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12188  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12189</svg>
12190</span></a
12191                      >
12192                    </li><li class="s-mobile-menu__item">
12193                      <a class="s-mobile-menu__expanded-link" href="/collections/blood-bowl-all" 
12194                        ><span>Blood Bowl</span
12195                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12196  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12197</svg>
12198</span></a
12199                      >
12200                    </li><li class="s-mobile-menu__item">
12201                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-quest-darkwater-all" 
12202                        ><span>
12202Warhammer Quest: Darkwater</span
12203                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12204  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12205</svg>
12206</span></a
12207                      >
12208                    </li><li class="s-mobile-menu__item">
12209                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-underworlds-all" 
12210                        ><span>Warhammer Underworlds</span
12211                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12212  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12213</svg>
12214</span></a
12215                      >
12216                    </li></ul>
12217              </div><footer class="s-mobile-menu__footer"><div>
12218      <form method="post" action="/localization" id="mobile-menu-localization-shop-miniature-games-warhammer" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
12219        <input type="hidden" name="country_code" value="GB">
12220<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-miniature-games-warhammer-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
12221            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-miniature-games-warhammer-country-button">
12222      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
12223          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12224        </svg></button>
12225    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
12226        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-miniature-games-warhammer-country-opt-0"><li class="custom-select__option flex items-center js-option"
12227            id="mobile-menu-localization-shop-miniature-games-warhammer-country-opt-0"
12228            role="option"
12229            data-value="GB" aria-selected="true">
12230          <span class="pointer-events-none">United Kingdom [GBP]</span>
12231          </li></ul>
12232  </div></country-selector></div></div>
12232<script>
12233      customElements.whenDefined('custom-select').then(() => {
12234        if (!customElements.get('country-selector')) {
12235          class CountrySelector extends customElements.get('custom-select') {
12236            constructor() {
12237              super();
12238              this.loaded = false;
12239            }
12240
12241            async showListbox() {
12242              if (this.loaded) {
12243                super.showListbox();
12244                return;
12245              }
12246
12247              this.button.classList.add('is-loading');
12248              this.button.setAttribute('aria-disabled', 'true');
12249
12250              try {
12251                const response = await fetch('?section_id=country-selector');
12252                if (!response.ok) throw new Error(response.status);
12253
12254                const tmpl = document.createElement('template');
12255                tmpl.innerHTML = await response.text();
12256
12257                const el = tmpl.content.querySelector('.custom-select__listbox');
12258                this.listbox.innerHTML = el.innerHTML;
12259
12260                if (this.closest('.footer, .s-mobile-menu')) {
12261                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
12262                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
12263                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
12264                  });
12265                }
12266
12267                this.options = this.querySelectorAll('.custom-select__option');
12268
12269                this.popular = this.querySelectorAll('[data-popular]');
12270                if (this.popular.length) {
12271                  this.popular[this.popular.length - 1].closest('.custom-select__option')
12272                    .classList.add('custom-select__option--visual-group-end');
12273                }
12274
12275                this.selectedOption = this.querySelector('[aria-selected="true"]');
12276                if (!this.selectedOption) {
12277                  this.selectedOption = this.listbox.firstElementChild;
12278                }
12279
12280                this.loaded = true;
12281              } catch {
12282                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
12283              } finally {
12284                super.showListbox();
12285                this.button.classList.remove('is-loading');
12286                this.button.setAttribute('aria-disabled', 'false');
12287              }
12288            }
12289
12290            setButtonWidth() {
12291              return;
12292            }
12293          }
12294
12295          customElements.define('country-selector', CountrySelector);
12296        }
12297      });
12298    </script>
12298<script>
12299    document.getElementById('mobile-menu-localization-shop-miniature-games-warhammer').addEventListener('change', (evt) => {
12300      const input = evt.target.previousElementSibling;
12301      if (input && input.tagName === 'INPUT') {
12302        input.value = evt.detail.selectedValue;
12303        evt.currentTarget.submit();
12304      }
12305    });
12306  </script>
12306</form>
12307    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
12308
12309</footer>
12310
12311            </div><div
12312              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
12313              data-parent="shop-miniature-games-accessories"
12314            >
12315              <header class="s-mobile-menu__header">
12316                <button
12317                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
12318                  type="button"
12319                  aria-label="Back to Miniature Games"
12320                >
12321                  <svg
12322  width="16"
12323  height="16"
12324  viewBox="0 0 16 16"
12325  fill="none"
12326  xmlns="http://www.w3.org/2000/svg"
12327  aria-hidden="true"
12328  focusable="false"
12329  role="presentation"
12330  class="icon"
12331>
12332  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
12333</svg>
12334
12335                </button>
12336                <span class="s-mobile-menu__header-title">Accessories</span>
12337                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
12338                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
12339  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12340</svg>
12341                </button>
12342              </header>
12343              <div class="s-mobile-menu__scroll">
12344                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
12345                      <a class="s-mobile-menu__expanded-link" href="/collections/miniature-game-accessory-mat" 
12346                        ><span>Mats</span
12347                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12348  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12349</svg>
12350</span></a
12351                      >
12352                    </li><li class="s-mobile-menu__item">
12353                      <a class="s-mobile-menu__expanded-link" href="/collections/miniature-game-accessory-case" 
12354                        ><span>Cases</span
12355                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12356  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12357</svg>
12358</span></a
12359                      >
12360                    </li><li class="s-mobile-menu__item">
12361                      <a class="s-mobile-menu__expanded-link" href="/collections/miniature-game-accessory-dice" 
12362                        ><span>Dice</span
12363                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12364  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12365</svg>
12366</span></a
12367                      >
12368                    </li><li class="s-mobile-menu__item">
12369                      <a class="s-mobile-menu__expanded-link" href="/collections/miniature-game-accessory-measuring-tape" 
12370                        ><span>
12370Measuring Tape and Rulers</span
12371                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12372  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12373</svg>
12374</span></a
12375                      >
12376                    </li><li class="s-mobile-menu__item">
12377                      <a class="s-mobile-menu__expanded-link" href="/collections/miniature-game-accessory-other-accessory" 
12378                        ><span>Other Accessory</span
12379                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12380  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12381</svg>
12382</span></a
12383                      >
12384                    </li></ul>
12385              </div><footer class="s-mobile-menu__footer"><div>
12386      <form method="post" action="/localization" id="mobile-menu-localization-shop-miniature-games-accessories" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
12387        <input type="hidden" name="country_code" value="GB">
12388<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-miniature-games-accessories-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
12389            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-miniature-games-accessories-country-button">
12390      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
12391          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12392        </svg></button>
12393    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
12394        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-miniature-games-accessories-country-opt-0"><li class="custom-select__option flex items-center js-option"
12395            id="mobile-menu-localization-shop-miniature-games-accessories-country-opt-0"
12396            role="option"
12397            data-value="GB" aria-selected="true">
12398          <span class="pointer-events-none">United Kingdom [GBP]</span>
12399          </li></ul>
12400  </div></country-selector></div></div>
12400<script>
12401      customElements.whenDefined('custom-select').then(() => {
12402        if (!customElements.get('country-selector')) {
12403          class CountrySelector extends customElements.get('custom-select') {
12404            constructor() {
12405              super();
12406              this.loaded = false;
12407            }
12408
12409            async showListbox() {
12410              if (this.loaded) {
12411                super.showListbox();
12412                return;
12413              }
12414
12415              this.button.classList.add('is-loading');
12416              this.button.setAttribute('aria-disabled', 'true');
12417
12418              try {
12419                const response = await fetch('?section_id=country-selector');
12420                if (!response.ok) throw new Error(response.status);
12421
12422                const tmpl = document.createElement('template');
12423                tmpl.innerHTML = await response.text();
12424
12425                const el = tmpl.content.querySelector('.custom-select__listbox');
12426                this.listbox.innerHTML = el.innerHTML;
12427
12428                if (this.closest('.footer, .s-mobile-menu')) {
12429                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
12430                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
12431                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
12432                  });
12433                }
12434
12435                this.options = this.querySelectorAll('.custom-select__option');
12436
12437                this.popular = this.querySelectorAll('[data-popular]');
12438                if (this.popular.length) {
12439                  this.popular[this.popular.length - 1].closest('.custom-select__option')
12440                    .classList.add('custom-select__option--visual-group-end');
12441                }
12442
12443                this.selectedOption = this.querySelector('[aria-selected="true"]');
12444                if (!this.selectedOption) {
12445                  this.selectedOption = this.listbox.firstElementChild;
12446                }
12447
12448                this.loaded = true;
12449              } catch {
12450                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
12451              } finally {
12452                super.showListbox();
12453                this.button.classList.remove('is-loading');
12454                this.button.setAttribute('aria-disabled', 'false');
12455              }
12456            }
12457
12458            setButtonWidth() {
12459              return;
12460            }
12461          }
12462
12463          customElements.define('country-selector', CountrySelector);
12464        }
12465      });
12466    </script>
12466<script>
12467    document.getElementById('mobile-menu-localization-shop-miniature-games-accessories').addEventListener('change', (evt) => {
12468      const input = evt.target.previousElementSibling;
12469      if (input && input.tagName === 'INPUT') {
12470        input.value = evt.detail.selectedValue;
12471        evt.currentTarget.submit();
12472      }
12473    });
12474  </script>
12474</form>
12475    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
12476
12477</footer>
12478
12479            </div><div
12480              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
12481              data-parent="shop-hobby-supplies-painting"
12482            >
12483              <header class="s-mobile-menu__header">
12484                <button
12485                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
12486                  type="button"
12487                  aria-label="Back to Hobby Supplies"
12488                >
12489                  <svg
12490  width="16"
12491  height="16"
12492  viewBox="0 0 16 16"
12493  fill="none"
12494  xmlns="http://www.w3.org/2000/svg"
12495  aria-hidden="true"
12496  focusable="false"
12497  role="presentation"
12498  class="icon"
12499>
12500  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
12501</svg>
12502
12503                </button>
12504                <span class="s-mobile-menu__header-title">Painting</span>
12505                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
12506                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
12507  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12508</svg>
12509                </button>
12510              </header>
12511              <div class="s-mobile-menu__scroll">
12512                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
12513                      <a class="s-mobile-menu__expanded-link" href="/collections/hobby-supply-painting-airbrush" 
12514                        ><span>Airbrushing</span
12515                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12516  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12517</svg>
12518</span></a
12519                      >
12520                    </li><li class="s-mobile-menu__item">
12521                      <a class="s-mobile-menu__expanded-link" href="/collections/hobby-supply-painting-brush" 
12522                        ><span>Brushes</span
12523                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12524  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12525</svg>
12526</span></a
12527                      >
12528                    </li><li class="s-mobile-menu__item">
12529                      <a class="s-mobile-menu__expanded-link" href="/collections/hobby-supply-painting-effect-paint" 
12530                        ><span>Effect Paints</span
12531                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12532  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12533</svg>
12534</span></a
12535                      >
12536                    </li><li class="s-mobile-menu__item">
12537                      <a class="s-mobile-menu__expanded-link" href="/collections/hobby-supply-painting-paint-set" 
12538                        ><span>Paint Sets</span
12539                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12540  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12541</svg>
12542</span></a
12543                      >
12544                    </li><li class="s-mobile-menu__item">
12545                      <a class="s-mobile-menu__expanded-link" href="/collections/hobby-supply-painting-paint-markers" 
12546                        ><span>Paint Markers</span
12547                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12548  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12549</svg>
12550</span></a
12551                      >
12552                    </li><li class="s-mobile-menu__item">
12553                      <a class="s-mobile-menu__expanded-link" href="/collections/hobby-supply-painting-accessory" 
12554                        ><span>Accessories</span
12555                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12556  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12557</svg>
12558</span></a
12559                      >
12560                    </li><li class="s-mobile-menu__item">
12561                      <a class="s-mobile-menu__expanded-link" href="/collections/hobby-supply-painting-spray-paint" 
12562                        ><span>Spray Paint</span
12563                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12564  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12565</svg>
12566</span></a
12567                      >
12568                    </li></ul>
12569              </div><footer class="s-mobile-menu__footer"><div>
12570      <form method="post" action="/localization" id="mobile-menu-localization-shop-hobby-supplies-painting" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
12571        <input type="hidden" name="country_code" value="GB">
12572<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-hobby-supplies-painting-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
12573            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-hobby-supplies-painting-country-button">
12574      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
12575          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12576        </svg></button>
12577    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
12578        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-hobby-supplies-painting-country-opt-0"><li class="custom-select__option flex items-center js-option"
12579            id="mobile-menu-localization-shop-hobby-supplies-painting-country-opt-0"
12580            role="option"
12581            data-value="GB" aria-selected="true">
12582          <span class="pointer-events-none">United Kingdom [GBP]</span>
12583          </li></ul>
12584  </div></country-selector></div></div>
12584<script>
12585      customElements.whenDefined('custom-select').then(() => {
12586        if (!customElements.get('country-selector')) {
12587          class CountrySelector extends customElements.get('custom-select') {
12588            constructor() {
12589              super();
12590              this.loaded = false;
12591            }
12592
12593            async showListbox() {
12594              if (this.loaded) {
12595                super.showListbox();
12596                return;
12597              }
12598
12599              this.button.classList.add('is-loading');
12600              this.button.setAttribute('aria-disabled', 'true');
12601
12602              try {
12603                const response = await fetch('?section_id=country-selector');
12604                if (!response.ok) throw new Error(response.status);
12605
12606                const tmpl = document.createElement('template');
12607                tmpl.innerHTML = await response.text();
12608
12609                const el = tmpl.content.querySelector('.custom-select__listbox');
12610                this.listbox.innerHTML = el.innerHTML;
12611
12612                if (this.closest('.footer, .s-mobile-menu')) {
12613                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
12614                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
12615                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
12616                  });
12617                }
12618
12619                this.options = this.querySelectorAll('.custom-select__option');
12620
12621                this.popular = this.querySelectorAll('[data-popular]');
12622                if (this.popular.length) {
12623                  this.popular[this.popular.length - 1].closest('.custom-select__option')
12624                    .classList.add('custom-select__option--visual-group-end');
12625                }
12626
12627                this.selectedOption = this.querySelector('[aria-selected="true"]');
12628                if (!this.selectedOption) {
12629                  this.selectedOption = this.listbox.firstElementChild;
12630                }
12631
12632                this.loaded = true;
12633              } catch {
12634                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
12635              } finally {
12636                super.showListbox();
12637                this.button.classList.remove('is-loading');
12638                this.button.setAttribute('aria-disabled', 'false');
12639              }
12640            }
12641
12642            setButtonWidth() {
12643              return;
12644            }
12645          }
12646
12647          customElements.define('country-selector', CountrySelector);
12648        }
12649      });
12650    </script>
12650<script>
12651    document.getElementById('mobile-menu-localization-shop-hobby-supplies-painting').addEventListener('change', (evt) => {
12652      const input = evt.target.previousElementSibling;
12653      if (input && input.tagName === 'INPUT') {
12654        input.value = evt.detail.selectedValue;
12655        evt.currentTarget.submit();
12656      }
12657    });
12658  </script>
12658</form>
12659    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
12660
12661</footer>
12662
12663            </div><div
12664              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
12665              data-parent="shop-hobby-supplies-modelling"
12666            >
12667              <header class="s-mobile-menu__header">
12668                <button
12669                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
12670                  type="button"
12671                  aria-label="Back to Hobby Supplies"
12672                >
12673                  <svg
12674  width="16"
12675  height="16"
12676  viewBox="0 0 16 16"
12677  fill="none"
12678  xmlns="http://www.w3.org/2000/svg"
12679  aria-hidden="true"
12680  focusable="false"
12681  role="presentation"
12682  class="icon"
12683>
12684  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
12685</svg>
12686
12687                </button>
12688                <span class="s-mobile-menu__header-title">Modelling</span>
12689                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
12690                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
12691  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12692</svg>
12693                </button>
12694              </header>
12695              <div class="s-mobile-menu__scroll">
12696                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
12697                      <a class="s-mobile-menu__expanded-link" href="/collections/hobby-supply-modelling-basing" 
12698                        ><span>Basing</span
12699                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12700  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12701</svg>
12702</span></a
12703                      >
12704                    </li><li class="s-mobile-menu__item">
12705                      <a class="s-mobile-menu__expanded-link" href="/collections/hobby-supply-modelling-glue" 
12706                        ><span>Glue</span
12707                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12708  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12709</svg>
12710</span></a
12711                      >
12712                    </li><li class="s-mobile-menu__item">
12713                      <a class="s-mobile-menu__expanded-link" href="/collections/hobby-supply-modelling-tool" 
12714                        ><span>Tools</span
12715                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12716  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12717</svg>
12718</span></a
12719                      >
12720                    </li><li class="s-mobile-menu__item">
12721                      <a class="s-mobile-menu__expanded-link" href="/collections/hobby-supply-modelling-other-modelling-supply" 
12722                        ><span>Other Modelling Supply</span
12723                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12724  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12725</svg>
12726</span></a
12727                      >
12728                    </li></ul>
12729              </div><footer class="s-mobile-menu__footer"><div>
12730      <form method="post" action="/localization" id="mobile-menu-localization-shop-hobby-supplies-modelling" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
12731        <input type="hidden" name="country_code" value="GB">
12732<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-hobby-supplies-modelling-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
12733            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-hobby-supplies-modelling-country-button">
12734      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
12735          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12736        </svg></button>
12737    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
12738        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-hobby-supplies-modelling-country-opt-0"><li class="custom-select__option flex items-center js-option"
12739            id="mobile-menu-localization-shop-hobby-supplies-modelling-country-opt-0"
12740            role="option"
12741            data-value="GB" aria-selected="true">
12742          <span class="pointer-events-none">United Kingdom [GBP]</span>
12743          </li></ul>
12744  </div></country-selector></div></div>
12744<script>
12745      customElements.whenDefined('custom-select').then(() => {
12746        if (!customElements.get('country-selector')) {
12747          class CountrySelector extends customElements.get('custom-select') {
12748            constructor() {
12749              super();
12750              this.loaded = false;
12751            }
12752
12753            async showListbox() {
12754              if (this.loaded) {
12755                super.showListbox();
12756                return;
12757              }
12758
12759              this.button.classList.add('is-loading');
12760              this.button.setAttribute('aria-disabled', 'true');
12761
12762              try {
12763                const response = await fetch('?section_id=country-selector');
12764                if (!response.ok) throw new Error(response.status);
12765
12766                const tmpl = document.createElement('template');
12767                tmpl.innerHTML = await response.text();
12768
12769                const el = tmpl.content.querySelector('.custom-select__listbox');
12770                this.listbox.innerHTML = el.innerHTML;
12771
12772                if (this.closest('.footer, .s-mobile-menu')) {
12773                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
12774                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
12775                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
12776                  });
12777                }
12778
12779                this.options = this.querySelectorAll('.custom-select__option');
12780
12781                this.popular = this.querySelectorAll('[data-popular]');
12782                if (this.popular.length) {
12783                  this.popular[this.popular.length - 1].closest('.custom-select__option')
12784                    .classList.add('custom-select__option--visual-group-end');
12785                }
12786
12787                this.selectedOption = this.querySelector('[aria-selected="true"]');
12788                if (!this.selectedOption) {
12789                  this.selectedOption = this.listbox.firstElementChild;
12790                }
12791
12792                this.loaded = true;
12793              } catch {
12794                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
12795              } finally {
12796                super.showListbox();
12797                this.button.classList.remove('is-loading');
12798                this.button.setAttribute('aria-disabled', 'false');
12799              }
12800            }
12801
12802            setButtonWidth() {
12803              return;
12804            }
12805          }
12806
12807          customElements.define('country-selector', CountrySelector);
12808        }
12809      });
12810    </script>
12810<script>
12811    document.getElementById('mobile-menu-localization-shop-hobby-supplies-modelling').addEventListener('change', (evt) => {
12812      const input = evt.target.previousElementSibling;
12813      if (input && input.tagName === 'INPUT') {
12814        input.value = evt.detail.selectedValue;
12815        evt.currentTarget.submit();
12816      }
12817    });
12818  </script>
12818</form>
12819    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
12820
12821</footer>
12822
12823            </div><div
12824              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
12825              data-parent="shop-hobby-supplies-paint-ranges"
12826            >
12827              <header class="s-mobile-menu__header">
12828                <button
12829                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
12830                  type="button"
12831                  aria-label="Back to Hobby Supplies"
12832                >
12833                  <svg
12834  width="16"
12835  height="16"
12836  viewBox="0 0 16 16"
12837  fill="none"
12838  xmlns="http://www.w3.org/2000/svg"
12839  aria-hidden="true"
12840  focusable="false"
12841  role="presentation"
12842  class="icon"
12843>
12844  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
12845</svg>
12846
12847                </button>
12848                <span class="s-mobile-menu__header-title">Paint Ranges</span>
12849                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
12850                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
12851  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12852</svg>
12853                </button>
12854              </header>
12855              <div class="s-mobile-menu__scroll">
12856                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
12857                      <a class="s-mobile-menu__expanded-link" href="/collections/hobby-supply-paint-range-ak-interactive" 
12858                        ><span>AK Interactive</span
12859                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12860  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12861</svg>
12862</span></a
12863                      >
12864                    </li><li class="s-mobile-menu__item">
12865                      <a class="s-mobile-menu__expanded-link" href="/collections/hobby-supply-paint-range-army-painter" 
12866                        ><span>Army Painter</span
12867                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12868  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12869</svg>
12870</span></a
12871                      >
12872                    </li><li class="s-mobile-menu__item">
12873                      <a class="s-mobile-menu__expanded-link" href="/collections/darkstar-molten-metals-1" 
12874                        ><span>Darkstar Molten Metals</span
12875                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12876  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12877</svg>
12878</span></a
12879                      >
12880                    </li><li class="s-mobile-menu__item">
12881                      <a class="s-mobile-menu__expanded-link" href="/collections/hobby-supply-paint-range-pro-acryl" 
12882                        ><span>Pro Acryl</span
12883                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12884  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12885</svg>
12886</span></a
12887                      >
12888                    </li><li class="s-mobile-menu__item">
12889                      <a class="s-mobile-menu__expanded-link" href="/collections/hobby-supply-paint-range-turbo-dork" 
12890                        ><span>Turbo Dork</span
12891                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12892  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12893</svg>
12894</span></a
12895                      >
12896                    </li><li class="s-mobile-menu__item">
12897                      <a class="s-mobile-menu__expanded-link" href="/collections/hobby-supply-paint-range-two-thin-coats" 
12898                        ><span>Two Thin Coats</span
12899                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12900  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12901</svg>
12902</span></a
12903                      >
12904                    </li><li class="s-mobile-menu__item">
12905                      <a class="s-mobile-menu__expanded-link" href="/collections/hobby-supply-paint-range-vallejo" 
12906                        ><span>Vallejo</span
12907                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12908  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12909</svg>
12910</span></a
12911                      >
12912                    </li><li class="s-mobile-menu__item">
12913                      <a class="s-mobile-menu__expanded-link" href="/collections/hobby-supply-paint-range-warhammer-colour" 
12914                        ><span>
12914Warhammer Colour</span
12915                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
12916  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
12917</svg>
12918</span></a
12919                      >
12920                    </li></ul>
12921              </div><footer class="s-mobile-menu__footer"><div>
12922      <form method="post" action="/localization" id="mobile-menu-localization-shop-hobby-supplies-paint-ranges" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
12923        <input type="hidden" name="country_code" value="GB">
12924<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-hobby-supplies-paint-ranges-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
12925            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-hobby-supplies-paint-ranges-country-button">
12926      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
12927          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12928        </svg></button>
12929    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
12930        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-hobby-supplies-paint-ranges-country-opt-0"><li class="custom-select__option flex items-center js-option"
12931            id="mobile-menu-localization-shop-hobby-supplies-paint-ranges-country-opt-0"
12932            role="option"
12933            data-value="GB" aria-selected="true">
12934          <span class="pointer-events-none">United Kingdom [GBP]</span>
12935          </li></ul>
12936  </div></country-selector></div></div>
12936<script>
12937      customElements.whenDefined('custom-select').then(() => {
12938        if (!customElements.get('country-selector')) {
12939          class CountrySelector extends customElements.get('custom-select') {
12940            constructor() {
12941              super();
12942              this.loaded = false;
12943            }
12944
12945            async showListbox() {
12946              if (this.loaded) {
12947                super.showListbox();
12948                return;
12949              }
12950
12951              this.button.classList.add('is-loading');
12952              this.button.setAttribute('aria-disabled', 'true');
12953
12954              try {
12955                const response = await fetch('?section_id=country-selector');
12956                if (!response.ok) throw new Error(response.status);
12957
12958                const tmpl = document.createElement('template');
12959                tmpl.innerHTML = await response.text();
12960
12961                const el = tmpl.content.querySelector('.custom-select__listbox');
12962                this.listbox.innerHTML = el.innerHTML;
12963
12964                if (this.closest('.footer, .s-mobile-menu')) {
12965                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
12966                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
12967                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
12968                  });
12969                }
12970
12971                this.options = this.querySelectorAll('.custom-select__option');
12972
12973                this.popular = this.querySelectorAll('[data-popular]');
12974                if (this.popular.length) {
12975                  this.popular[this.popular.length - 1].closest('.custom-select__option')
12976                    .classList.add('custom-select__option--visual-group-end');
12977                }
12978
12979                this.selectedOption = this.querySelector('[aria-selected="true"]');
12980                if (!this.selectedOption) {
12981                  this.selectedOption = this.listbox.firstElementChild;
12982                }
12983
12984                this.loaded = true;
12985              } catch {
12986                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
12987              } finally {
12988                super.showListbox();
12989                this.button.classList.remove('is-loading');
12990                this.button.setAttribute('aria-disabled', 'false');
12991              }
12992            }
12993
12994            setButtonWidth() {
12995              return;
12996            }
12997          }
12998
12999          customElements.define('country-selector', CountrySelector);
13000        }
13001      });
13002    </script>
13002<script>
13003    document.getElementById('mobile-menu-localization-shop-hobby-supplies-paint-ranges').addEventListener('change', (evt) => {
13004      const input = evt.target.previousElementSibling;
13005      if (input && input.tagName === 'INPUT') {
13006        input.value = evt.detail.selectedValue;
13007        evt.currentTarget.submit();
13008      }
13009    });
13010  </script>
13010</form>
13011    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
13012
13013</footer>
13014
13015            </div><div
13016              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
13017              data-parent="shop-merchandise-merch"
13018            >
13019              <header class="s-mobile-menu__header">
13020                <button
13021                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
13022                  type="button"
13023                  aria-label="Back to Merchandise"
13024                >
13025                  <svg
13026  width="16"
13027  height="16"
13028  viewBox="0 0 16 16"
13029  fill="none"
13030  xmlns="http://www.w3.org/2000/svg"
13031  aria-hidden="true"
13032  focusable="false"
13033  role="presentation"
13034  class="icon"
13035>
13036  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
13037</svg>
13038
13039                </button>
13040                <span class="s-mobile-menu__header-title">Merch</span>
13041                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
13042                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
13043  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
13044</svg>
13045                </button>
13046              </header>
13047              <div class="s-mobile-menu__scroll">
13048                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
13049                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-merchandise" 
13050                        ><span>New Releases</span
13051                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13052  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13053</svg>
13054</span></a
13055                      >
13056                    </li><li class="s-mobile-menu__item">
13057                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-merchandise" 
13058                        ><span>Pre-Order</span
13059                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13060  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13061</svg>
13062</span></a
13063                      >
13064                    </li><li class="s-mobile-menu__item">
13065                      <a class="s-mobile-menu__expanded-link" href="/collections/merchandise-action-figure" 
13066                        ><span>Action Figures</span
13067                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13068  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13069</svg>
13070</span></a
13071                      >
13072                    </li><li class="s-mobile-menu__item">
13073                      <a class="s-mobile-menu__expanded-link" href="/collections/merchandise-plush" 
13074                        ><span>Plush</span
13075                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13076  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13077</svg>
13078</span></a
13079                      >
13080                    </li><li class="s-mobile-menu__item">
13081                      <a class="s-mobile-menu__expanded-link" href="/collections/blind-boxes" 
13082                        ><span>Blind Boxes</span
13083                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13084  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13085</svg>
13086</span></a
13087                      >
13088                    </li><li class="s-mobile-menu__item">
13089                      <a class="s-mobile-menu__expanded-link" href="/collections/merchandise-anime" 
13090                        ><span>Anime</span
13091                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13092  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13093</svg>
13094</span></a
13095                      >
13096                    </li><li class="s-mobile-menu__item">
13097                      <a class="s-mobile-menu__expanded-link" href="/collections/merchandise-video-game" 
13098                        ><span>Video Game</span
13099                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13100  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13101</svg>
13102</span></a
13103                      >
13104                    </li></ul>
13105              </div><footer class="s-mobile-menu__footer"><div>
13106      <form method="post" action="/localization" id="mobile-menu-localization-shop-merchandise-merch" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
13107        <input type="hidden" name="country_code" value="GB">
13108<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-merchandise-merch-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
13109            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-merchandise-merch-country-button">
13110      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
13111          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
13112        </svg></button>
13113    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
13114        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-merchandise-merch-country-opt-0"><li class="custom-select__option flex items-center js-option"
13115            id="mobile-menu-localization-shop-merchandise-merch-country-opt-0"
13116            role="option"
13117            data-value="GB" aria-selected="true">
13118          <span class="pointer-events-none">United Kingdom [GBP]</span>
13119          </li></ul>
13120  </div></country-selector></div></div>
13120<script>
13121      customElements.whenDefined('custom-select').then(() => {
13122        if (!customElements.get('country-selector')) {
13123          class CountrySelector extends customElements.get('custom-select') {
13124            constructor() {
13125              super();
13126              this.loaded = false;
13127            }
13128
13129            async showListbox() {
13130              if (this.loaded) {
13131                super.showListbox();
13132                return;
13133              }
13134
13135              this.button.classList.add('is-loading');
13136              this.button.setAttribute('aria-disabled', 'true');
13137
13138              try {
13139                const response = await fetch('?section_id=country-selector');
13140                if (!response.ok) throw new Error(response.status);
13141
13142                const tmpl = document.createElement('template');
13143                tmpl.innerHTML = await response.text();
13144
13145                const el = tmpl.content.querySelector('.custom-select__listbox');
13146                this.listbox.innerHTML = el.innerHTML;
13147
13148                if (this.closest('.footer, .s-mobile-menu')) {
13149                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
13150                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
13151                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
13152                  });
13153                }
13154
13155                this.options = this.querySelectorAll('.custom-select__option');
13156
13157                this.popular = this.querySelectorAll('[data-popular]');
13158                if (this.popular.length) {
13159                  this.popular[this.popular.length - 1].closest('.custom-select__option')
13160                    .classList.add('custom-select__option--visual-group-end');
13161                }
13162
13163                this.selectedOption = this.querySelector('[aria-selected="true"]');
13164                if (!this.selectedOption) {
13165                  this.selectedOption = this.listbox.firstElementChild;
13166                }
13167
13168                this.loaded = true;
13169              } catch {
13170                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
13171              } finally {
13172                super.showListbox();
13173                this.button.classList.remove('is-loading');
13174                this.button.setAttribute('aria-disabled', 'false');
13175              }
13176            }
13177
13178            setButtonWidth() {
13179              return;
13180            }
13181          }
13182
13183          customElements.define('country-selector', CountrySelector);
13184        }
13185      });
13186    </script>
13186<script>
13187    document.getElementById('mobile-menu-localization-shop-merchandise-merch').addEventListener('change', (evt) => {
13188      const input = evt.target.previousElementSibling;
13189      if (input && input.tagName === 'INPUT') {
13190        input.value = evt.detail.selectedValue;
13191        evt.currentTarget.submit();
13192      }
13193    });
13194  </script>
13194</form>
13195    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
13196
13197</footer>
13198
13199            </div><div
13200              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
13201              data-parent="shop-merchandise-statues"
13202            >
13203              <header class="s-mobile-menu__header">
13204                <button
13205                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
13206                  type="button"
13207                  aria-label="Back to Merchandise"
13208                >
13209                  <svg
13210  width="16"
13211  height="16"
13212  viewBox="0 0 16 16"
13213  fill="none"
13214  xmlns="http://www.w3.org/2000/svg"
13215  aria-hidden="true"
13216  focusable="false"
13217  role="presentation"
13218  class="icon"
13219>
13220  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
13221</svg>
13222
13223                </button>
13224                <span class="s-mobile-menu__header-title">Statues</span>
13225                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
13226                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
13227  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
13228</svg>
13229                </button>
13230              </header>
13231              <div class="s-mobile-menu__scroll">
13232                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
13233                      <a class="s-mobile-menu__expanded-link" href="/collections/merchandise-statue-anime" 
13234                        ><span>Anime</span
13235                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13236  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13237</svg>
13238</span></a
13239                      >
13240                    </li><li class="s-mobile-menu__item">
13241                      <a class="s-mobile-menu__expanded-link" href="/collections/merchandise-statue-video-game" 
13242                        ><span>Video Game</span
13243                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13244  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13245</svg>
13246</span></a
13247                      >
13248                    </li><li class="s-mobile-menu__item">
13249                      <a class="s-mobile-menu__expanded-link" href="/collections/merchandise-statue-banpresto" 
13250                        ><span>Banpresto</span
13251                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13252  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13253</svg>
13254</span></a
13255                      >
13256                    </li></ul>
13257              </div><footer class="s-mobile-menu__footer"><div>
13258      <form method="post" action="/localization" id="mobile-menu-localization-shop-merchandise-statues" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
13259        <input type="hidden" name="country_code" value="GB">
13260<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-merchandise-statues-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
13261            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-merchandise-statues-country-button">
13262      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
13263          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
13264        </svg></button>
13265    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
13266        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-merchandise-statues-country-opt-0"><li class="custom-select__option flex items-center js-option"
13267            id="mobile-menu-localization-shop-merchandise-statues-country-opt-0"
13268            role="option"
13269            data-value="GB" aria-selected="true">
13270          <span class="pointer-events-none">United Kingdom [GBP]</span>
13271          </li></ul>
13272  </div></country-selector></div></div>
13272<script>
13273      customElements.whenDefined('custom-select').then(() => {
13274        if (!customElements.get('country-selector')) {
13275          class CountrySelector extends customElements.get('custom-select') {
13276            constructor() {
13277              super();
13278              this.loaded = false;
13279            }
13280
13281            async showListbox() {
13282              if (this.loaded) {
13283                super.showListbox();
13284                return;
13285              }
13286
13287              this.button.classList.add('is-loading');
13288              this.button.setAttribute('aria-disabled', 'true');
13289
13290              try {
13291                const response = await fetch('?section_id=country-selector');
13292                if (!response.ok) throw new Error(response.status);
13293
13294                const tmpl = document.createElement('template');
13295                tmpl.innerHTML = await response.text();
13296
13297                const el = tmpl.content.querySelector('.custom-select__listbox');
13298                this.listbox.innerHTML = el.innerHTML;
13299
13300                if (this.closest('.footer, .s-mobile-menu')) {
13301                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
13302                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
13303                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
13304                  });
13305                }
13306
13307                this.options = this.querySelectorAll('.custom-select__option');
13308
13309                this.popular = this.querySelectorAll('[data-popular]');
13310                if (this.popular.length) {
13311                  this.popular[this.popular.length - 1].closest('.custom-select__option')
13312                    .classList.add('custom-select__option--visual-group-end');
13313                }
13314
13315                this.selectedOption = this.querySelector('[aria-selected="true"]');
13316                if (!this.selectedOption) {
13317                  this.selectedOption = this.listbox.firstElementChild;
13318                }
13319
13320                this.loaded = true;
13321              } catch {
13322                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
13323              } finally {
13324                super.showListbox();
13325                this.button.classList.remove('is-loading');
13326                this.button.setAttribute('aria-disabled', 'false');
13327              }
13328            }
13329
13330            setButtonWidth() {
13331              return;
13332            }
13333          }
13334
13335          customElements.define('country-selector', CountrySelector);
13336        }
13337      });
13338    </script>
13338<script>
13339    document.getElementById('mobile-menu-localization-shop-merchandise-statues').addEventListener('change', (evt) => {
13340      const input = evt.target.previousElementSibling;
13341      if (input && input.tagName === 'INPUT') {
13342        input.value = evt.detail.selectedValue;
13343        evt.currentTarget.submit();
13344      }
13345    });
13346  </script>
13346</form>
13347    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
13348
13349</footer>
13350
13351            </div><div
13352              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
13353              data-parent="shop-merchandise-pokemon"
13354            >
13355              <header class="s-mobile-menu__header">
13356                <button
13357                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
13358                  type="button"
13359                  aria-label="Back to Merchandise"
13360                >
13361                  <svg
13362  width="16"
13363  height="16"
13364  viewBox="0 0 16 16"
13365  fill="none"
13366  xmlns="http://www.w3.org/2000/svg"
13367  aria-hidden="true"
13368  focusable="false"
13369  role="presentation"
13370  class="icon"
13371>
13372  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
13373</svg>
13374
13375                </button>
13376                <span class="s-mobile-menu__header-title">Pokemon</span>
13377                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
13378                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
13379  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
13380</svg>
13381                </button>
13382              </header>
13383              <div class="s-mobile-menu__scroll">
13384                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
13385                      <a class="s-mobile-menu__expanded-link" href="/collections/merchandise-pokemon-plush" 
13386                        ><span>Plush</span
13387                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13388  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13389</svg>
13390</span></a
13391                      >
13392                    </li><li class="s-mobile-menu__item">
13393                      <a class="s-mobile-menu__expanded-link" href="/collections/merchandise-pokemon-blind-box" 
13394                        ><span>Blind Boxes</span
13395                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13396  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13397</svg>
13398</span></a
13399                      >
13400                    </li><li class="s-mobile-menu__item">
13401                      <a class="s-mobile-menu__expanded-link" href="/collections/merchandise-pokemon-figure" 
13402                        ><span>Figures</span
13403                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13404  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13405</svg>
13406</span></a
13407                      >
13408                    </li><li class="s-mobile-menu__item">
13409                      <a class="s-mobile-menu__expanded-link" href="/collections/merchandise-pokemon-model-kit" 
13410                        ><span>Model Kits</span
13411                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13412  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13413</svg>
13414</span></a
13415                      >
13416                    </li></ul>
13417              </div><footer class="s-mobile-menu__footer"><div>
13418      <form method="post" action="/localization" id="mobile-menu-localization-shop-merchandise-pokemon" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
13419        <input type="hidden" name="country_code" value="GB">
13420<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-merchandise-pokemon-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
13421            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-merchandise-pokemon-country-button">
13422      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
13423          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
13424        </svg></button>
13425    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
13426        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-merchandise-pokemon-country-opt-0"><li class="custom-select__option flex items-center js-option"
13427            id="mobile-menu-localization-shop-merchandise-pokemon-country-opt-0"
13428            role="option"
13429            data-value="GB" aria-selected="true">
13430          <span class="pointer-events-none">United Kingdom [GBP]</span>
13431          </li></ul>
13432  </div></country-selector></div></div>
13432<script>
13433      customElements.whenDefined('custom-select').then(() => {
13434        if (!customElements.get('country-selector')) {
13435          class CountrySelector extends customElements.get('custom-select') {
13436            constructor() {
13437              super();
13438              this.loaded = false;
13439            }
13440
13441            async showListbox() {
13442              if (this.loaded) {
13443                super.showListbox();
13444                return;
13445              }
13446
13447              this.button.classList.add('is-loading');
13448              this.button.setAttribute('aria-disabled', 'true');
13449
13450              try {
13451                const response = await fetch('?section_id=country-selector');
13452                if (!response.ok) throw new Error(response.status);
13453
13454                const tmpl = document.createElement('template');
13455                tmpl.innerHTML = await response.text();
13456
13457                const el = tmpl.content.querySelector('.custom-select__listbox');
13458                this.listbox.innerHTML = el.innerHTML;
13459
13460                if (this.closest('.footer, .s-mobile-menu')) {
13461                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
13462                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
13463                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
13464                  });
13465                }
13466
13467                this.options = this.querySelectorAll('.custom-select__option');
13468
13469                this.popular = this.querySelectorAll('[data-popular]');
13470                if (this.popular.length) {
13471                  this.popular[this.popular.length - 1].closest('.custom-select__option')
13472                    .classList.add('custom-select__option--visual-group-end');
13473                }
13474
13475                this.selectedOption = this.querySelector('[aria-selected="true"]');
13476                if (!this.selectedOption) {
13477                  this.selectedOption = this.listbox.firstElementChild;
13478                }
13479
13480                this.loaded = true;
13481              } catch {
13482                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
13483              } finally {
13484                super.showListbox();
13485                this.button.classList.remove('is-loading');
13486                this.button.setAttribute('aria-disabled', 'false');
13487              }
13488            }
13489
13490            setButtonWidth() {
13491              return;
13492            }
13493          }
13494
13495          customElements.define('country-selector', CountrySelector);
13496        }
13497      });
13498    </script>
13498<script>
13499    document.getElementById('mobile-menu-localization-shop-merchandise-pokemon').addEventListener('change', (evt) => {
13500      const input = evt.target.previousElementSibling;
13501      if (input && input.tagName === 'INPUT') {
13502        input.value = evt.detail.selectedValue;
13503        evt.currentTarget.submit();
13504      }
13505    });
13506  </script>
13506</form>
13507    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
13508
13509</footer>
13510
13511            </div><div
13512              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
13513              data-parent="shop-merchandise-model-kits"
13514            >
13515              <header class="s-mobile-menu__header">
13516                <button
13517                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
13518                  type="button"
13519                  aria-label="Back to Merchandise"
13520                >
13521                  <svg
13522  width="16"
13523  height="16"
13524  viewBox="0 0 16 16"
13525  fill="none"
13526  xmlns="http://www.w3.org/2000/svg"
13527  aria-hidden="true"
13528  focusable="false"
13529  role="presentation"
13530  class="icon"
13531>
13532  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
13533</svg>
13534
13535                </button>
13536                <span class="s-mobile-menu__header-title">Model Kits</span>
13537                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
13538                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
13539  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
13540</svg>
13541                </button>
13542              </header>
13543              <div class="s-mobile-menu__scroll">
13544                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
13545                      <a class="s-mobile-menu__expanded-link" href="/collections/model-kit-gunpla" 
13546                        ><span>Gunpla</span
13547                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13548  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13549</svg>
13550</span></a
13551                      >
13552                    </li><li class="s-mobile-menu__item">
13553                      <a class="s-mobile-menu__expanded-link" href="/collections/model-kit-anime-model-kit" 
13554                        ><span>Anime</span
13555                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13556  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13557</svg>
13558</span></a
13559                      >
13560                    </li><li class="s-mobile-menu__item">
13561                      <a class="s-mobile-menu__expanded-link" href="/collections/pokemon-model-kits" 
13562                        ><span>Pokemon</span
13563                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13564  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13565</svg>
13566</span></a
13567                      >
13568                    </li><li class="s-mobile-menu__item">
13569                      <a class="s-mobile-menu__expanded-link" href="/collections/model-kits-other-model-kits" 
13570                        ><span>Other Model Kits</span
13571                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13572  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13573</svg>
13574</span></a
13575                      >
13576                    </li><li class="s-mobile-menu__item">
13577                      <a class="s-mobile-menu__expanded-link" href="/collections/model-kit-tool-and-accessory" 
13578                        ><span>Tools and Accessories</span
13579                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13580  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13581</svg>
13582</span></a
13583                      >
13584                    </li></ul>
13585              </div><footer class="s-mobile-menu__footer"><div>
13586      <form method="post" action="/localization" id="mobile-menu-localization-shop-merchandise-model-kits" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
13587        <input type="hidden" name="country_code" value="GB">
13588<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-merchandise-model-kits-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
13589            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-merchandise-model-kits-country-button">
13590      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
13591          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
13592        </svg></button>
13593    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
13594        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-merchandise-model-kits-country-opt-0"><li class="custom-select__option flex items-center js-option"
13595            id="mobile-menu-localization-shop-merchandise-model-kits-country-opt-0"
13596            role="option"
13597            data-value="GB" aria-selected="true">
13598          <span class="pointer-events-none">United Kingdom [GBP]</span>
13599          </li></ul>
13600  </div></country-selector></div></div>
13600<script>
13601      customElements.whenDefined('custom-select').then(() => {
13602        if (!customElements.get('country-selector')) {
13603          class CountrySelector extends customElements.get('custom-select') {
13604            constructor() {
13605              super();
13606              this.loaded = false;
13607            }
13608
13609            async showListbox() {
13610              if (this.loaded) {
13611                super.showListbox();
13612                return;
13613              }
13614
13615              this.button.classList.add('is-loading');
13616              this.button.setAttribute('aria-disabled', 'true');
13617
13618              try {
13619                const response = await fetch('?section_id=country-selector');
13620                if (!response.ok) throw new Error(response.status);
13621
13622                const tmpl = document.createElement('template');
13623                tmpl.innerHTML = await response.text();
13624
13625                const el = tmpl.content.querySelector('.custom-select__listbox');
13626                this.listbox.innerHTML = el.innerHTML;
13627
13628                if (this.closest('.footer, .s-mobile-menu')) {
13629                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
13630                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
13631                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
13632                  });
13633                }
13634
13635                this.options = this.querySelectorAll('.custom-select__option');
13636
13637                this.popular = this.querySelectorAll('[data-popular]');
13638                if (this.popular.length) {
13639                  this.popular[this.popular.length - 1].closest('.custom-select__option')
13640                    .classList.add('custom-select__option--visual-group-end');
13641                }
13642
13643                this.selectedOption = this.querySelector('[aria-selected="true"]');
13644                if (!this.selectedOption) {
13645                  this.selectedOption = this.listbox.firstElementChild;
13646                }
13647
13648                this.loaded = true;
13649              } catch {
13650                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
13651              } finally {
13652                super.showListbox();
13653                this.button.classList.remove('is-loading');
13654                this.button.setAttribute('aria-disabled', 'false');
13655              }
13656            }
13657
13658            setButtonWidth() {
13659              return;
13660            }
13661          }
13662
13663          customElements.define('country-selector', CountrySelector);
13664        }
13665      });
13666    </script>
13666<script>
13667    document.getElementById('mobile-menu-localization-shop-merchandise-model-kits').addEventListener('change', (evt) => {
13668      const input = evt.target.previousElementSibling;
13669      if (input && input.tagName === 'INPUT') {
13670        input.value = evt.detail.selectedValue;
13671        evt.currentTarget.submit();
13672      }
13673    });
13674  </script>
13674</form>
13675    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
13676
13677</footer>
13678
13679            </div><div
13680              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
13681              data-parent="shop-sale-sale"
13682            >
13683              <header class="s-mobile-menu__header">
13684                <button
13685                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
13686                  type="button"
13687                  aria-label="Back to Sale"
13688                >
13689                  <svg
13690  width="16"
13691  height="16"
13692  viewBox="0 0 16 16"
13693  fill="none"
13694  xmlns="http://www.w3.org/2000/svg"
13695  aria-hidden="true"
13696  focusable="false"
13697  role="presentation"
13698  class="icon"
13699>
13700  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
13701</svg>
13702
13703                </button>
13704                <span class="s-mobile-menu__header-title">Sale</span>
13705                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
13706                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
13707  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
13708</svg>
13709                </button>
13710              </header>
13711              <div class="s-mobile-menu__scroll">
13712                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
13713                      <a class="s-mobile-menu__expanded-link" href="/collections/b-grade" 
13714                        ><span>B-Grade</span
13715                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13716  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13717</svg>
13718</span></a
13719                      >
13720                    </li><li class="s-mobile-menu__item">
13721                      <a class="s-mobile-menu__expanded-link" href="/collections/clearance" 
13722                        ><span>Clearance</span
13723                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13724  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13725</svg>
13726</span></a
13727                      >
13728                    </li><li class="s-mobile-menu__item">
13729                      <a class="s-mobile-menu__expanded-link" href="/collections/sale-manga" 
13730                        ><span>Manga</span
13731                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13732  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13733</svg>
13734</span></a
13735                      >
13736                    </li><li class="s-mobile-menu__item">
13737                      <a class="s-mobile-menu__expanded-link" href="/collections/sale-graphic-novel" 
13738                        ><span>Graphic Novels</span
13739                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13740  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13741</svg>
13742</span></a
13743                      >
13744                    </li><li class="s-mobile-menu__item">
13745                      <a class="s-mobile-menu__expanded-link" href="/collections/sale-book" 
13746                        ><span>Books</span
13747                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13748  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13749</svg>
13750</span></a
13751                      >
13752                    </li><li class="s-mobile-menu__item">
13753                      <a class="s-mobile-menu__expanded-link" href="/collections/sale-board-game" 
13754                        ><span>Board Games</span
13755                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13756  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13757</svg>
13758</span></a
13759                      >
13760                    </li><li class="s-mobile-menu__item">
13761                      <a class="s-mobile-menu__expanded-link" href="/collections/sale-tcg" 
13762                        ><span>TCGs</span
13763                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13764  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13765</svg>
13766</span></a
13767                      >
13768                    </li><li class="s-mobile-menu__item">
13769                      <a class="s-mobile-menu__expanded-link" href="/collections/sale-roleplaying-game" 
13770                        ><span>Roleplaying Games</span
13771                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13772  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13773</svg>
13774</span></a
13775                      >
13776                    </li><li class="s-mobile-menu__item">
13777                      <a class="s-mobile-menu__expanded-link" href="/collections/sale-merchandise" 
13778                        ><span>Merchandise</span
13779                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13780  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13781</svg>
13782</span></a
13783                      >
13784                    </li><li class="s-mobile-menu__item">
13785                      <a class="s-mobile-menu__expanded-link" href="/collections/sale-model-kit" 
13786                        ><span>Model Kits</span
13787                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13788  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13789</svg>
13790</span></a
13791                      >
13792                    </li><li class="s-mobile-menu__item">
13793                      <a class="s-mobile-menu__expanded-link" href="/collections/sale-miniature-game" 
13794                        ><span>Miniature Games</span
13795                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13796  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13797</svg>
13798</span></a
13799                      >
13800                    </li></ul>
13801              </div><footer class="s-mobile-menu__footer"><div>
13802      <form method="post" action="/localization" id="mobile-menu-localization-shop-sale-sale" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
13803        <input type="hidden" name="country_code" value="GB">
13804<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-shop-sale-sale-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
13805            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-shop-sale-sale-country-button">
13806      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
13807          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
13808        </svg></button>
13809    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
13810        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-shop-sale-sale-country-opt-0"><li class="custom-select__option flex items-center js-option"
13811            id="mobile-menu-localization-shop-sale-sale-country-opt-0"
13812            role="option"
13813            data-value="GB" aria-selected="true">
13814          <span class="pointer-events-none">United Kingdom [GBP]</span>
13815          </li></ul>
13816  </div></country-selector></div></div>
13816<script>
13817      customElements.whenDefined('custom-select').then(() => {
13818        if (!customElements.get('country-selector')) {
13819          class CountrySelector extends customElements.get('custom-select') {
13820            constructor() {
13821              super();
13822              this.loaded = false;
13823            }
13824
13825            async showListbox() {
13826              if (this.loaded) {
13827                super.showListbox();
13828                return;
13829              }
13830
13831              this.button.classList.add('is-loading');
13832              this.button.setAttribute('aria-disabled', 'true');
13833
13834              try {
13835                const response = await fetch('?section_id=country-selector');
13836                if (!response.ok) throw new Error(response.status);
13837
13838                const tmpl = document.createElement('template');
13839                tmpl.innerHTML = await response.text();
13840
13841                const el = tmpl.content.querySelector('.custom-select__listbox');
13842                this.listbox.innerHTML = el.innerHTML;
13843
13844                if (this.closest('.footer, .s-mobile-menu')) {
13845                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
13846                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
13847                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
13848                  });
13849                }
13850
13851                this.options = this.querySelectorAll('.custom-select__option');
13852
13853                this.popular = this.querySelectorAll('[data-popular]');
13854                if (this.popular.length) {
13855                  this.popular[this.popular.length - 1].closest('.custom-select__option')
13856                    .classList.add('custom-select__option--visual-group-end');
13857                }
13858
13859                this.selectedOption = this.querySelector('[aria-selected="true"]');
13860                if (!this.selectedOption) {
13861                  this.selectedOption = this.listbox.firstElementChild;
13862                }
13863
13864                this.loaded = true;
13865              } catch {
13866                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
13867              } finally {
13868                super.showListbox();
13869                this.button.classList.remove('is-loading');
13870                this.button.setAttribute('aria-disabled', 'false');
13871              }
13872            }
13873
13874            setButtonWidth() {
13875              return;
13876            }
13877          }
13878
13879          customElements.define('country-selector', CountrySelector);
13880        }
13881      });
13882    </script>
13882<script>
13883    document.getElementById('mobile-menu-localization-shop-sale-sale').addEventListener('change', (evt) => {
13884      const input = evt.target.previousElementSibling;
13885      if (input && input.tagName === 'INPUT') {
13886        input.value = evt.detail.selectedValue;
13887        evt.currentTarget.submit();
13888      }
13889    });
13890  </script>
13890</form>
13891    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
13892
13893</footer>
13894
13895            </div><div
13896              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
13897              data-parent="new-preorders-new-releases-new-releases"
13898            >
13899              <header class="s-mobile-menu__header">
13900                <button
13901                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
13902                  type="button"
13903                  aria-label="Back to New Releases"
13904                >
13905                  <svg
13906  width="16"
13907  height="16"
13908  viewBox="0 0 16 16"
13909  fill="none"
13910  xmlns="http://www.w3.org/2000/svg"
13911  aria-hidden="true"
13912  focusable="false"
13913  role="presentation"
13914  class="icon"
13915>
13916  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
13917</svg>
13918
13919                </button>
13920                <span class="s-mobile-menu__header-title">New Releases</span>
13921                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
13922                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
13923  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
13924</svg>
13925                </button>
13926              </header>
13927              <div class="s-mobile-menu__scroll">
13928                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
13929                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-manga" 
13930                        ><span>Manga</span
13931                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13932  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13933</svg>
13934</span></a
13935                      >
13936                    </li><li class="s-mobile-menu__item">
13937                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-graphic-novel" 
13938                        ><span>Graphic Novels</span
13939                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13940  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13941</svg>
13942</span></a
13943                      >
13944                    </li><li class="s-mobile-menu__item">
13945                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-book" 
13946                        ><span>Books</span
13947                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13948  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13949</svg>
13950</span></a
13951                      >
13952                    </li><li class="s-mobile-menu__item">
13953                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-board-game" 
13954                        ><span>Board Games</span
13955                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13956  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13957</svg>
13958</span></a
13959                      >
13960                    </li><li class="s-mobile-menu__item">
13961                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-tcg" 
13962                        ><span>TCGs</span
13963                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13964  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13965</svg>
13966</span></a
13967                      >
13968                    </li><li class="s-mobile-menu__item">
13969                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-roleplaying-game" 
13970                        ><span>Roleplaying Games</span
13971                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13972  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13973</svg>
13974</span></a
13975                      >
13976                    </li><li class="s-mobile-menu__item">
13977                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-merchandise" 
13978                        ><span>Merchandise</span
13979                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13980  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13981</svg>
13982</span></a
13983                      >
13984                    </li><li class="s-mobile-menu__item">
13985                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-model-kit" 
13986                        ><span>Model Kits</span
13987                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13988  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13989</svg>
13990</span></a
13991                      >
13992                    </li><li class="s-mobile-menu__item">
13993                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-miniature-game" 
13994                        ><span>Miniature Games</span
13995                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
13996  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
13997</svg>
13998</span></a
13999                      >
14000                    </li></ul>
14001              </div><footer class="s-mobile-menu__footer"><div>
14002      <form method="post" action="/localization" id="mobile-menu-localization-new-preorders-new-releases-new-releases" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
14003        <input type="hidden" name="country_code" value="GB">
14004<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-new-preorders-new-releases-new-releases-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
14005            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-new-preorders-new-releases-new-releases-country-button">
14006      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
14007          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14008        </svg></button>
14009    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
14010        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-new-preorders-new-releases-new-releases-country-opt-0"><li class="custom-select__option flex items-center js-option"
14011            id="mobile-menu-localization-new-preorders-new-releases-new-releases-country-opt-0"
14012            role="option"
14013            data-value="GB" aria-selected="true">
14014          <span class="pointer-events-none">United Kingdom [GBP]</span>
14015          </li></ul>
14016  </div></country-selector></div></div>
14016<script>
14017      customElements.whenDefined('custom-select').then(() => {
14018        if (!customElements.get('country-selector')) {
14019          class CountrySelector extends customElements.get('custom-select') {
14020            constructor() {
14021              super();
14022              this.loaded = false;
14023            }
14024
14025            async showListbox() {
14026              if (this.loaded) {
14027                super.showListbox();
14028                return;
14029              }
14030
14031              this.button.classList.add('is-loading');
14032              this.button.setAttribute('aria-disabled', 'true');
14033
14034              try {
14035                const response = await fetch('?section_id=country-selector');
14036                if (!response.ok) throw new Error(response.status);
14037
14038                const tmpl = document.createElement('template');
14039                tmpl.innerHTML = await response.text();
14040
14041                const el = tmpl.content.querySelector('.custom-select__listbox');
14042                this.listbox.innerHTML = el.innerHTML;
14043
14044                if (this.closest('.footer, .s-mobile-menu')) {
14045                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
14046                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
14047                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
14048                  });
14049                }
14050
14051                this.options = this.querySelectorAll('.custom-select__option');
14052
14053                this.popular = this.querySelectorAll('[data-popular]');
14054                if (this.popular.length) {
14055                  this.popular[this.popular.length - 1].closest('.custom-select__option')
14056                    .classList.add('custom-select__option--visual-group-end');
14057                }
14058
14059                this.selectedOption = this.querySelector('[aria-selected="true"]');
14060                if (!this.selectedOption) {
14061                  this.selectedOption = this.listbox.firstElementChild;
14062                }
14063
14064                this.loaded = true;
14065              } catch {
14066                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
14067              } finally {
14068                super.showListbox();
14069                this.button.classList.remove('is-loading');
14070                this.button.setAttribute('aria-disabled', 'false');
14071              }
14072            }
14073
14074            setButtonWidth() {
14075              return;
14076            }
14077          }
14078
14079          customElements.define('country-selector', CountrySelector);
14080        }
14081      });
14082    </script>
14082<script>
14083    document.getElementById('mobile-menu-localization-new-preorders-new-releases-new-releases').addEventListener('change', (evt) => {
14084      const input = evt.target.previousElementSibling;
14085      if (input && input.tagName === 'INPUT') {
14086        input.value = evt.detail.selectedValue;
14087        evt.currentTarget.submit();
14088      }
14089    });
14090  </script>
14090</form>
14091    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
14092
14093</footer>
14094
14095            </div><div
14096              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
14097              data-parent="new-preorders-pre-orders-pre-orders"
14098            >
14099              <header class="s-mobile-menu__header">
14100                <button
14101                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
14102                  type="button"
14103                  aria-label="Back to Pre-Orders"
14104                >
14105                  <svg
14106  width="16"
14107  height="16"
14108  viewBox="0 0 16 16"
14109  fill="none"
14110  xmlns="http://www.w3.org/2000/svg"
14111  aria-hidden="true"
14112  focusable="false"
14113  role="presentation"
14114  class="icon"
14115>
14116  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
14117</svg>
14118
14119                </button>
14120                <span class="s-mobile-menu__header-title">Pre-Orders</span>
14121                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
14122                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
14123  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14124</svg>
14125                </button>
14126              </header>
14127              <div class="s-mobile-menu__scroll">
14128                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
14129                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-manga" 
14130                        ><span>Manga</span
14131                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14132  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14133</svg>
14134</span></a
14135                      >
14136                    </li><li class="s-mobile-menu__item">
14137                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-graphic-novel" 
14138                        ><span>Graphic Novels</span
14139                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14140  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14141</svg>
14142</span></a
14143                      >
14144                    </li><li class="s-mobile-menu__item">
14145                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-book" 
14146                        ><span>Books</span
14147                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14148  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14149</svg>
14150</span></a
14151                      >
14152                    </li><li class="s-mobile-menu__item">
14153                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-board-game" 
14154                        ><span>Board Games</span
14155                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14156  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14157</svg>
14158</span></a
14159                      >
14160                    </li><li class="s-mobile-menu__item">
14161                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-tcg" 
14162                        ><span>TCGs</span
14163                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14164  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14165</svg>
14166</span></a
14167                      >
14168                    </li><li class="s-mobile-menu__item">
14169                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-roleplaying-game" 
14170                        ><span>Roleplaying Games</span
14171                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14172  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14173</svg>
14174</span></a
14175                      >
14176                    </li><li class="s-mobile-menu__item">
14177                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-merchandise" 
14178                        ><span>Merchandise</span
14179                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14180  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14181</svg>
14182</span></a
14183                      >
14184                    </li><li class="s-mobile-menu__item">
14185                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-model-kit" 
14186                        ><span>Model Kits</span
14187                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14188  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14189</svg>
14190</span></a
14191                      >
14192                    </li><li class="s-mobile-menu__item">
14193                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-miniature-game" 
14194                        ><span>Miniature Games</span
14195                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14196  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14197</svg>
14198</span></a
14199                      >
14200                    </li></ul>
14201              </div><footer class="s-mobile-menu__footer"><div>
14202      <form method="post" action="/localization" id="mobile-menu-localization-new-preorders-pre-orders-pre-orders" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
14203        <input type="hidden" name="country_code" value="GB">
14204<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-new-preorders-pre-orders-pre-orders-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
14205            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-new-preorders-pre-orders-pre-orders-country-button">
14206      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
14207          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14208        </svg></button>
14209    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
14210        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-new-preorders-pre-orders-pre-orders-country-opt-0"><li class="custom-select__option flex items-center js-option"
14211            id="mobile-menu-localization-new-preorders-pre-orders-pre-orders-country-opt-0"
14212            role="option"
14213            data-value="GB" aria-selected="true">
14214          <span class="pointer-events-none">United Kingdom [GBP]</span>
14215          </li></ul>
14216  </div></country-selector></div></div>
14216<script>
14217      customElements.whenDefined('custom-select').then(() => {
14218        if (!customElements.get('country-selector')) {
14219          class CountrySelector extends customElements.get('custom-select') {
14220            constructor() {
14221              super();
14222              this.loaded = false;
14223            }
14224
14225            async showListbox() {
14226              if (this.loaded) {
14227                super.showListbox();
14228                return;
14229              }
14230
14231              this.button.classList.add('is-loading');
14232              this.button.setAttribute('aria-disabled', 'true');
14233
14234              try {
14235                const response = await fetch('?section_id=country-selector');
14236                if (!response.ok) throw new Error(response.status);
14237
14238                const tmpl = document.createElement('template');
14239                tmpl.innerHTML = await response.text();
14240
14241                const el = tmpl.content.querySelector('.custom-select__listbox');
14242                this.listbox.innerHTML = el.innerHTML;
14243
14244                if (this.closest('.footer, .s-mobile-menu')) {
14245                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
14246                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
14247                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
14248                  });
14249                }
14250
14251                this.options = this.querySelectorAll('.custom-select__option');
14252
14253                this.popular = this.querySelectorAll('[data-popular]');
14254                if (this.popular.length) {
14255                  this.popular[this.popular.length - 1].closest('.custom-select__option')
14256                    .classList.add('custom-select__option--visual-group-end');
14257                }
14258
14259                this.selectedOption = this.querySelector('[aria-selected="true"]');
14260                if (!this.selectedOption) {
14261                  this.selectedOption = this.listbox.firstElementChild;
14262                }
14263
14264                this.loaded = true;
14265              } catch {
14266                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
14267              } finally {
14268                super.showListbox();
14269                this.button.classList.remove('is-loading');
14270                this.button.setAttribute('aria-disabled', 'false');
14271              }
14272            }
14273
14274            setButtonWidth() {
14275              return;
14276            }
14277          }
14278
14279          customElements.define('country-selector', CountrySelector);
14280        }
14281      });
14282    </script>
14282<script>
14283    document.getElementById('mobile-menu-localization-new-preorders-pre-orders-pre-orders').addEventListener('change', (evt) => {
14284      const input = evt.target.previousElementSibling;
14285      if (input && input.tagName === 'INPUT') {
14286        input.value = evt.detail.selectedValue;
14287        evt.currentTarget.submit();
14288      }
14289    });
14290  </script>
14290</form>
14291    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
14292
14293</footer>
14294
14295            </div><div
14296              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
14297              data-parent="warhammer-warhammer-40-000-warhammer-40-000"
14298            >
14299              <header class="s-mobile-menu__header">
14300                <button
14301                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
14302                  type="button"
14303                  aria-label="Back to Warhammer 40,000"
14304                >
14305                  <svg
14306  width="16"
14307  height="16"
14308  viewBox="0 0 16 16"
14309  fill="none"
14310  xmlns="http://www.w3.org/2000/svg"
14311  aria-hidden="true"
14312  focusable="false"
14313  role="presentation"
14314  class="icon"
14315>
14316  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
14317</svg>
14318
14319                </button>
14320                <span class="s-mobile-menu__header-title">Warhammer 40,000</span>
14321                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
14322                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
14323  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14324</svg>
14325                </button>
14326              </header>
14327              <div class="s-mobile-menu__scroll">
14328                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
14329                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-warhammer-40-000" 
14330                        ><span>New Releases</span
14331                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14332  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14333</svg>
14334</span></a
14335                      >
14336                    </li><li class="s-mobile-menu__item">
14337                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-warhammer-40-000" 
14338                        ><span>Pre-Orders</span
14339                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14340  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14341</svg>
14342</span></a
14343                      >
14344                    </li><li class="s-mobile-menu__item">
14345                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-starter-set" 
14346                        ><span>Starter Sets</span
14347                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14348  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14349</svg>
14350</span></a
14351                      >
14352                    </li><li class="s-mobile-menu__item">
14353                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-rules-and-codex" 
14354                        ><span>Rules and Codex</span
14355                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14356  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14357</svg>
14358</span></a
14359                      >
14360                    </li><li class="s-mobile-menu__item">
14361                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-combat-patrol" 
14362                        ><span>Combat Patrols</span
14363                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14364  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14365</svg>
14366</span></a
14367                      >
14368                    </li><li class="s-mobile-menu__item">
14369                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-terrain" 
14370                        ><span>Terrain</span
14371                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14372  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14373</svg>
14374</span></a
14375                      >
14376                    </li></ul>
14377              </div><footer class="s-mobile-menu__footer"><div>
14378      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-warhammer-40-000-warhammer-40-000" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
14379        <input type="hidden" name="country_code" value="GB">
14380<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-warhammer-40-000-warhammer-40-000-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
14381            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-warhammer-40-000-warhammer-40-000-country-button">
14382      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
14383          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14384        </svg></button>
14385    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
14386        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-warhammer-40-000-warhammer-40-000-country-opt-0"><li class="custom-select__option flex items-center js-option"
14387            id="mobile-menu-localization-warhammer-warhammer-40-000-warhammer-40-000-country-opt-0"
14388            role="option"
14389            data-value="GB" aria-selected="true">
14390          <span class="pointer-events-none">United Kingdom [GBP]</span>
14391          </li></ul>
14392  </div></country-selector></div></div>
14392<script>
14393      customElements.whenDefined('custom-select').then(() => {
14394        if (!customElements.get('country-selector')) {
14395          class CountrySelector extends customElements.get('custom-select') {
14396            constructor() {
14397              super();
14398              this.loaded = false;
14399            }
14400
14401            async showListbox() {
14402              if (this.loaded) {
14403                super.showListbox();
14404                return;
14405              }
14406
14407              this.button.classList.add('is-loading');
14408              this.button.setAttribute('aria-disabled', 'true');
14409
14410              try {
14411                const response = await fetch('?section_id=country-selector');
14412                if (!response.ok) throw new Error(response.status);
14413
14414                const tmpl = document.createElement('template');
14415                tmpl.innerHTML = await response.text();
14416
14417                const el = tmpl.content.querySelector('.custom-select__listbox');
14418                this.listbox.innerHTML = el.innerHTML;
14419
14420                if (this.closest('.footer, .s-mobile-menu')) {
14421                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
14422                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
14423                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
14424                  });
14425                }
14426
14427                this.options = this.querySelectorAll('.custom-select__option');
14428
14429                this.popular = this.querySelectorAll('[data-popular]');
14430                if (this.popular.length) {
14431                  this.popular[this.popular.length - 1].closest('.custom-select__option')
14432                    .classList.add('custom-select__option--visual-group-end');
14433                }
14434
14435                this.selectedOption = this.querySelector('[aria-selected="true"]');
14436                if (!this.selectedOption) {
14437                  this.selectedOption = this.listbox.firstElementChild;
14438                }
14439
14440                this.loaded = true;
14441              } catch {
14442                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
14443              } finally {
14444                super.showListbox();
14445                this.button.classList.remove('is-loading');
14446                this.button.setAttribute('aria-disabled', 'false');
14447              }
14448            }
14449
14450            setButtonWidth() {
14451              return;
14452            }
14453          }
14454
14455          customElements.define('country-selector', CountrySelector);
14456        }
14457      });
14458    </script>
14458<script>
14459    document.getElementById('mobile-menu-localization-warhammer-warhammer-40-000-warhammer-40-000').addEventListener('change', (evt) => {
14460      const input = evt.target.previousElementSibling;
14461      if (input && input.tagName === 'INPUT') {
14462        input.value = evt.detail.selectedValue;
14463        evt.currentTarget.submit();
14464      }
14465    });
14466  </script>
14466</form>
14467    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
14468
14469</footer>
14470
14471            </div><div
14472              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
14473              data-parent="warhammer-warhammer-40-000-space-marines"
14474            >
14475              <header class="s-mobile-menu__header">
14476                <button
14477                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
14478                  type="button"
14479                  aria-label="Back to Warhammer 40,000"
14480                >
14481                  <svg
14482  width="16"
14483  height="16"
14484  viewBox="0 0 16 16"
14485  fill="none"
14486  xmlns="http://www.w3.org/2000/svg"
14487  aria-hidden="true"
14488  focusable="false"
14489  role="presentation"
14490  class="icon"
14491>
14492  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
14493</svg>
14494
14495                </button>
14496                <span class="s-mobile-menu__header-title">Space Marines</span>
14497                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
14498                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
14499  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14500</svg>
14501                </button>
14502              </header>
14503              <div class="s-mobile-menu__scroll">
14504                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
14505                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-black-templars" 
14506                        ><span>Black Templars</span
14507                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14508  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14509</svg>
14510</span></a
14511                      >
14512                    </li><li class="s-mobile-menu__item">
14513                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-blood-angels" 
14514                        ><span>Blood Angels</span
14515                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14516  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14517</svg>
14518</span></a
14519                      >
14520                    </li><li class="s-mobile-menu__item">
14521                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-dark-angels" 
14522                        ><span>Dark Angels</span
14523                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14524  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14525</svg>
14526</span></a
14527                      >
14528                    </li><li class="s-mobile-menu__item">
14529                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-deathwatch" 
14530                        ><span>Deathwatch</span
14531                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14532  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14533</svg>
14534</span></a
14535                      >
14536                    </li><li class="s-mobile-menu__item">
14537                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-grey-knights" 
14538                        ><span>Grey Knights</span
14539                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14540  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14541</svg>
14542</span></a
14543                      >
14544                    </li><li class="s-mobile-menu__item">
14545                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-imperial-fists" 
14546                        ><span>Imperial Fists</span
14547                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14548  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14549</svg>
14550</span></a
14551                      >
14552                    </li><li class="s-mobile-menu__item">
14553                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-iron-hands" 
14554                        ><span>Iron Hands</span
14555                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14556  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14557</svg>
14558</span></a
14559                      >
14560                    </li><li class="s-mobile-menu__item">
14561                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-raven-guard" 
14562                        ><span>Raven Guard</span
14563                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14564  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14565</svg>
14566</span></a
14567                      >
14568                    </li><li class="s-mobile-menu__item">
14569                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-salamanders" 
14570                        ><span>Salamanders</span
14571                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14572  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14573</svg>
14574</span></a
14575                      >
14576                    </li><li class="s-mobile-menu__item">
14577                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-space-wolves" 
14578                        ><span>Space Wolves</span
14579                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14580  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14581</svg>
14582</span></a
14583                      >
14584                    </li><li class="s-mobile-menu__item">
14585                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-ultramarines" 
14586                        ><span>Ultramarines</span
14587                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14588  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14589</svg>
14590</span></a
14591                      >
14592                    </li><li class="s-mobile-menu__item">
14593                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-white-scars" 
14594                        ><span>White Scars</span
14595                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14596  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14597</svg>
14598</span></a
14599                      >
14600                    </li></ul>
14601              </div><footer class="s-mobile-menu__footer"><div>
14602      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-warhammer-40-000-space-marines" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
14603        <input type="hidden" name="country_code" value="GB">
14604<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-warhammer-40-000-space-marines-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
14605            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-warhammer-40-000-space-marines-country-button">
14606      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
14607          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14608        </svg></button>
14609    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
14610        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-warhammer-40-000-space-marines-country-opt-0"><li class="custom-select__option flex items-center js-option"
14611            id="mobile-menu-localization-warhammer-warhammer-40-000-space-marines-country-opt-0"
14612            role="option"
14613            data-value="GB" aria-selected="true">
14614          <span class="pointer-events-none">United Kingdom [GBP]</span>
14615          </li></ul>
14616  </div></country-selector></div></div>
14616<script>
14617      customElements.whenDefined('custom-select').then(() => {
14618        if (!customElements.get('country-selector')) {
14619          class CountrySelector extends customElements.get('custom-select') {
14620            constructor() {
14621              super();
14622              this.loaded = false;
14623            }
14624
14625            async showListbox() {
14626              if (this.loaded) {
14627                super.showListbox();
14628                return;
14629              }
14630
14631              this.button.classList.add('is-loading');
14632              this.button.setAttribute('aria-disabled', 'true');
14633
14634              try {
14635                const response = await fetch('?section_id=country-selector');
14636                if (!response.ok) throw new Error(response.status);
14637
14638                const tmpl = document.createElement('template');
14639                tmpl.innerHTML = await response.text();
14640
14641                const el = tmpl.content.querySelector('.custom-select__listbox');
14642                this.listbox.innerHTML = el.innerHTML;
14643
14644                if (this.closest('.footer, .s-mobile-menu')) {
14645                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
14646                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
14647                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
14648                  });
14649                }
14650
14651                this.options = this.querySelectorAll('.custom-select__option');
14652
14653                this.popular = this.querySelectorAll('[data-popular]');
14654                if (this.popular.length) {
14655                  this.popular[this.popular.length - 1].closest('.custom-select__option')
14656                    .classList.add('custom-select__option--visual-group-end');
14657                }
14658
14659                this.selectedOption = this.querySelector('[aria-selected="true"]');
14660                if (!this.selectedOption) {
14661                  this.selectedOption = this.listbox.firstElementChild;
14662                }
14663
14664                this.loaded = true;
14665              } catch {
14666                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
14667              } finally {
14668                super.showListbox();
14669                this.button.classList.remove('is-loading');
14670                this.button.setAttribute('aria-disabled', 'false');
14671              }
14672            }
14673
14674            setButtonWidth() {
14675              return;
14676            }
14677          }
14678
14679          customElements.define('country-selector', CountrySelector);
14680        }
14681      });
14682    </script>
14682<script>
14683    document.getElementById('mobile-menu-localization-warhammer-warhammer-40-000-space-marines').addEventListener('change', (evt) => {
14684      const input = evt.target.previousElementSibling;
14685      if (input && input.tagName === 'INPUT') {
14686        input.value = evt.detail.selectedValue;
14687        evt.currentTarget.submit();
14688      }
14689    });
14690  </script>
14690</form>
14691    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
14692
14693</footer>
14694
14695            </div><div
14696              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
14697              data-parent="warhammer-warhammer-40-000-armies-of-the-imperium"
14698            >
14699              <header class="s-mobile-menu__header">
14700                <button
14701                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
14702                  type="button"
14703                  aria-label="Back to Warhammer 40,000"
14704                >
14705                  <svg
14706  width="16"
14707  height="16"
14708  viewBox="0 0 16 16"
14709  fill="none"
14710  xmlns="http://www.w3.org/2000/svg"
14711  aria-hidden="true"
14712  focusable="false"
14713  role="presentation"
14714  class="icon"
14715>
14716  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
14717</svg>
14718
14719                </button>
14720                <span class="s-mobile-menu__header-title">Armies of the Imperium</span>
14721                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
14722                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
14723  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14724</svg>
14725                </button>
14726              </header>
14727              <div class="s-mobile-menu__scroll">
14728                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
14729                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-adepta-sororitas" 
14730                        ><span>Adepta Sororitas</span
14731                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14732  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14733</svg>
14734</span></a
14735                      >
14736                    </li><li class="s-mobile-menu__item">
14737                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-adeptus-custodes" 
14738                        ><span>Adeptus Custodes</span
14739                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14740  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14741</svg>
14742</span></a
14743                      >
14744                    </li><li class="s-mobile-menu__item">
14745                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-adeptus-mechanicus" 
14746                        ><span>Adeptus Mechanicus</span
14747                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14748  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14749</svg>
14750</span></a
14751                      >
14752                    </li><li class="s-mobile-menu__item">
14753                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-adeptus-titanicus" 
14754                        ><span>Adeptus Titanicus</span
14755                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14756  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14757</svg>
14758</span></a
14759                      >
14760                    </li><li class="s-mobile-menu__item">
14761                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-astra-militarum" 
14762                        ><span>Astra Militarum</span
14763                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14764  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14765</svg>
14766</span></a
14767                      >
14768                    </li><li class="s-mobile-menu__item">
14769                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-agents-of-the-imperium" 
14770                        ><span>Agents of the Imperium</span
14771                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14772  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14773</svg>
14774</span></a
14775                      >
14776                    </li><li class="s-mobile-menu__item">
14777                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-imperial-knights" 
14778                        ><span>Imperial Knights</span
14779                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14780  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14781</svg>
14782</span></a
14783                      >
14784                    </li></ul>
14785              </div><footer class="s-mobile-menu__footer"><div>
14786      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-warhammer-40-000-armies-of-the-imperium" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
14787        <input type="hidden" name="country_code" value="GB">
14788<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-warhammer-40-000-armies-of-the-imperium-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
14789            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-warhammer-40-000-armies-of-the-imperium-country-button">
14790      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
14791          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14792        </svg></button>
14793    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
14794        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-warhammer-40-000-armies-of-the-imperium-country-opt-0"><li class="custom-select__option flex items-center js-option"
14795            id="mobile-menu-localization-warhammer-warhammer-40-000-armies-of-the-imperium-country-opt-0"
14796            role="option"
14797            data-value="GB" aria-selected="true">
14798          <span class="pointer-events-none">United Kingdom [GBP]</span>
14799          </li></ul>
14800  </div></country-selector></div></div>
14800<script>
14801      customElements.whenDefined('custom-select').then(() => {
14802        if (!customElements.get('country-selector')) {
14803          class CountrySelector extends customElements.get('custom-select') {
14804            constructor() {
14805              super();
14806              this.loaded = false;
14807            }
14808
14809            async showListbox() {
14810              if (this.loaded) {
14811                super.showListbox();
14812                return;
14813              }
14814
14815              this.button.classList.add('is-loading');
14816              this.button.setAttribute('aria-disabled', 'true');
14817
14818              try {
14819                const response = await fetch('?section_id=country-selector');
14820                if (!response.ok) throw new Error(response.status);
14821
14822                const tmpl = document.createElement('template');
14823                tmpl.innerHTML = await response.text();
14824
14825                const el = tmpl.content.querySelector('.custom-select__listbox');
14826                this.listbox.innerHTML = el.innerHTML;
14827
14828                if (this.closest('.footer, .s-mobile-menu')) {
14829                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
14830                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
14831                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
14832                  });
14833                }
14834
14835                this.options = this.querySelectorAll('.custom-select__option');
14836
14837                this.popular = this.querySelectorAll('[data-popular]');
14838                if (this.popular.length) {
14839                  this.popular[this.popular.length - 1].closest('.custom-select__option')
14840                    .classList.add('custom-select__option--visual-group-end');
14841                }
14842
14843                this.selectedOption = this.querySelector('[aria-selected="true"]');
14844                if (!this.selectedOption) {
14845                  this.selectedOption = this.listbox.firstElementChild;
14846                }
14847
14848                this.loaded = true;
14849              } catch {
14850                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
14851              } finally {
14852                super.showListbox();
14853                this.button.classList.remove('is-loading');
14854                this.button.setAttribute('aria-disabled', 'false');
14855              }
14856            }
14857
14858            setButtonWidth() {
14859              return;
14860            }
14861          }
14862
14863          customElements.define('country-selector', CountrySelector);
14864        }
14865      });
14866    </script>
14866<script>
14867    document.getElementById('mobile-menu-localization-warhammer-warhammer-40-000-armies-of-the-imperium').addEventListener('change', (evt) => {
14868      const input = evt.target.previousElementSibling;
14869      if (input && input.tagName === 'INPUT') {
14870        input.value = evt.detail.selectedValue;
14871        evt.currentTarget.submit();
14872      }
14873    });
14874  </script>
14874</form>
14875    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
14876
14877</footer>
14878
14879            </div><div
14880              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
14881              data-parent="warhammer-warhammer-40-000-armies-of-chaos"
14882            >
14883              <header class="s-mobile-menu__header">
14884                <button
14885                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
14886                  type="button"
14887                  aria-label="Back to Warhammer 40,000"
14888                >
14889                  <svg
14890  width="16"
14891  height="16"
14892  viewBox="0 0 16 16"
14893  fill="none"
14894  xmlns="http://www.w3.org/2000/svg"
14895  aria-hidden="true"
14896  focusable="false"
14897  role="presentation"
14898  class="icon"
14899>
14900  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
14901</svg>
14902
14903                </button>
14904                <span class="s-mobile-menu__header-title">Armies of Chaos</span>
14905                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
14906                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
14907  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
14908</svg>
14909                </button>
14910              </header>
14911              <div class="s-mobile-menu__scroll">
14912                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
14913                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-chaos-daemons" 
14914                        ><span>Chaos Daemons</span
14915                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14916  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14917</svg>
14918</span></a
14919                      >
14920                    </li><li class="s-mobile-menu__item">
14921                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-chaos-knights" 
14922                        ><span>Chaos Knights</span
14923                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14924  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14925</svg>
14926</span></a
14927                      >
14928                    </li><li class="s-mobile-menu__item">
14929                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-chaos-space-marines" 
14930                        ><span>Chaos Space Marines</span
14931                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14932  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14933</svg>
14934</span></a
14935                      >
14936                    </li><li class="s-mobile-menu__item">
14937                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-death-guard" 
14938                        ><span>Death Guard</span
14939                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14940  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14941</svg>
14942</span></a
14943                      >
14944                    </li><li class="s-mobile-menu__item">
14945                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-emperors-children" 
14946                        ><span>Emperor&#39;s Children</span
14947                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14948  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14949</svg>
14950</span></a
14951                      >
14952                    </li><li class="s-mobile-menu__item">
14953                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-iron-warriors" 
14954                        ><span>Iron Warriors</span
14955                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14956  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14957</svg>
14958</span></a
14959                      >
14960                    </li><li class="s-mobile-menu__item">
14961                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-red-corsairs" 
14962                        ><span>Red Corsairs</span
14963                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14964  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14965</svg>
14966</span></a
14967                      >
14968                    </li><li class="s-mobile-menu__item">
14969                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-thousand-sons" 
14970                        ><span>Thousand Sons</span
14971                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14972  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14973</svg>
14974</span></a
14975                      >
14976                    </li><li class="s-mobile-menu__item">
14977                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-titanicus-traitoris" 
14978                        ><span>
14978Titanicus Traitoris</span
14979                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14980  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14981</svg>
14982</span></a
14983                      >
14984                    </li><li class="s-mobile-menu__item">
14985                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-world-eaters" 
14986                        ><span>World Eaters</span
14987                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
14988  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
14989</svg>
14990</span></a
14991                      >
14992                    </li></ul>
14993              </div><footer class="s-mobile-menu__footer"><div>
14994      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-warhammer-40-000-armies-of-chaos" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
14995        <input type="hidden" name="country_code" value="GB">
14996<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-warhammer-40-000-armies-of-chaos-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
14997            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-warhammer-40-000-armies-of-chaos-country-button">
14998      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
14999          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15000        </svg></button>
15001    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
15002        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-warhammer-40-000-armies-of-chaos-country-opt-0"><li class="custom-select__option flex items-center js-option"
15003            id="mobile-menu-localization-warhammer-warhammer-40-000-armies-of-chaos-country-opt-0"
15004            role="option"
15005            data-value="GB" aria-selected="true">
15006          <span class="pointer-events-none">United Kingdom [GBP]</span>
15007          </li></ul>
15008  </div></country-selector></div></div>
15008<script>
15009      customElements.whenDefined('custom-select').then(() => {
15010        if (!customElements.get('country-selector')) {
15011          class CountrySelector extends customElements.get('custom-select') {
15012            constructor() {
15013              super();
15014              this.loaded = false;
15015            }
15016
15017            async showListbox() {
15018              if (this.loaded) {
15019                super.showListbox();
15020                return;
15021              }
15022
15023              this.button.classList.add('is-loading');
15024              this.button.setAttribute('aria-disabled', 'true');
15025
15026              try {
15027                const response = await fetch('?section_id=country-selector');
15028                if (!response.ok) throw new Error(response.status);
15029
15030                const tmpl = document.createElement('template');
15031                tmpl.innerHTML = await response.text();
15032
15033                const el = tmpl.content.querySelector('.custom-select__listbox');
15034                this.listbox.innerHTML = el.innerHTML;
15035
15036                if (this.closest('.footer, .s-mobile-menu')) {
15037                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
15038                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
15039                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
15040                  });
15041                }
15042
15043                this.options = this.querySelectorAll('.custom-select__option');
15044
15045                this.popular = this.querySelectorAll('[data-popular]');
15046                if (this.popular.length) {
15047                  this.popular[this.popular.length - 1].closest('.custom-select__option')
15048                    .classList.add('custom-select__option--visual-group-end');
15049                }
15050
15051                this.selectedOption = this.querySelector('[aria-selected="true"]');
15052                if (!this.selectedOption) {
15053                  this.selectedOption = this.listbox.firstElementChild;
15054                }
15055
15056                this.loaded = true;
15057              } catch {
15058                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
15059              } finally {
15060                super.showListbox();
15061                this.button.classList.remove('is-loading');
15062                this.button.setAttribute('aria-disabled', 'false');
15063              }
15064            }
15065
15066            setButtonWidth() {
15067              return;
15068            }
15069          }
15070
15071          customElements.define('country-selector', CountrySelector);
15072        }
15073      });
15074    </script>
15074<script>
15075    document.getElementById('mobile-menu-localization-warhammer-warhammer-40-000-armies-of-chaos').addEventListener('change', (evt) => {
15076      const input = evt.target.previousElementSibling;
15077      if (input && input.tagName === 'INPUT') {
15078        input.value = evt.detail.selectedValue;
15079        evt.currentTarget.submit();
15080      }
15081    });
15082  </script>
15082</form>
15083    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
15084
15085</footer>
15086
15087            </div><div
15088              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
15089              data-parent="warhammer-warhammer-40-000-xenos-armies"
15090            >
15091              <header class="s-mobile-menu__header">
15092                <button
15093                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
15094                  type="button"
15095                  aria-label="Back to Warhammer 40,000"
15096                >
15097                  <svg
15098  width="16"
15099  height="16"
15100  viewBox="0 0 16 16"
15101  fill="none"
15102  xmlns="http://www.w3.org/2000/svg"
15103  aria-hidden="true"
15104  focusable="false"
15105  role="presentation"
15106  class="icon"
15107>
15108  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
15109</svg>
15110
15111                </button>
15112                <span class="s-mobile-menu__header-title">Xenos Armies</span>
15113                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
15114                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
15115  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15116</svg>
15117                </button>
15118              </header>
15119              <div class="s-mobile-menu__scroll">
15120                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
15121                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-aeldari" 
15122                        ><span>Aeldari</span
15123                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15124  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15125</svg>
15126</span></a
15127                      >
15128                    </li><li class="s-mobile-menu__item">
15129                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-drukhari" 
15130                        ><span>Drukhari</span
15131                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15132  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15133</svg>
15134</span></a
15135                      >
15136                    </li><li class="s-mobile-menu__item">
15137                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-genestealer-cults" 
15138                        ><span>Genestealer Cults</span
15139                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15140  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15141</svg>
15142</span></a
15143                      >
15144                    </li><li class="s-mobile-menu__item">
15145                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-leagues-of-votann" 
15146                        ><span>Leagues of Votann</span
15147                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15148  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15149</svg>
15150</span></a
15151                      >
15152                    </li><li class="s-mobile-menu__item">
15153                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-necrons" 
15154                        ><span>Necrons</span
15155                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15156  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15157</svg>
15158</span></a
15159                      >
15160                    </li><li class="s-mobile-menu__item">
15161                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-or
15161ks" 
15162                        ><span>Orks</span
15163                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15164  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15165</svg>
15166</span></a
15167                      >
15168                    </li><li class="s-mobile-menu__item">
15169                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-tau-empire" 
15170                        ><span>T&#39;au Empire</span
15171                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15172  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15173</svg>
15174</span></a
15175                      >
15176                    </li><li class="s-mobile-menu__item">
15177                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-40-000-tyranids" 
15178                        ><span>Tyranids</span
15179                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15180  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15181</svg>
15182</span></a
15183                      >
15184                    </li></ul>
15185              </div><footer class="s-mobile-menu__footer"><div>
15186      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-warhammer-40-000-xenos-armies" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
15187        <input type="hidden" name="country_code" value="GB">
15188<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-warhammer-40-000-xenos-armies-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
15189            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-warhammer-40-000-xenos-armies-country-button">
15190      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
15191          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15192        </svg></button>
15193    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
15194        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-warhammer-40-000-xenos-armies-country-opt-0"><li class="custom-select__option flex items-center js-option"
15195            id="mobile-menu-localization-warhammer-warhammer-40-000-xenos-armies-country-opt-0"
15196            role="option"
15197            data-value="GB" aria-selected="true">
15198          <span class="pointer-events-none">United Kingdom [GBP]</span>
15199          </li></ul>
15200  </div></country-selector></div></div>
15200<script>
15201      customElements.whenDefined('custom-select').then(() => {
15202        if (!customElements.get('country-selector')) {
15203          class CountrySelector extends customElements.get('custom-select') {
15204            constructor() {
15205              super();
15206              this.loaded = false;
15207            }
15208
15209            async showListbox() {
15210              if (this.loaded) {
15211                super.showListbox();
15212                return;
15213              }
15214
15215              this.button.classList.add('is-loading');
15216              this.button.setAttribute('aria-disabled', 'true');
15217
15218              try {
15219                const response = await fetch('?section_id=country-selector');
15220                if (!response.ok) throw new Error(response.status);
15221
15222                const tmpl = document.createElement('template');
15223                tmpl.innerHTML = await response.text();
15224
15225                const el = tmpl.content.querySelector('.custom-select__listbox');
15226                this.listbox.innerHTML = el.innerHTML;
15227
15228                if (this.closest('.footer, .s-mobile-menu')) {
15229                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
15230                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
15231                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
15232                  });
15233                }
15234
15235                this.options = this.querySelectorAll('.custom-select__option');
15236
15237                this.popular = this.querySelectorAll('[data-popular]');
15238                if (this.popular.length) {
15239                  this.popular[this.popular.length - 1].closest('.custom-select__option')
15240                    .classList.add('custom-select__option--visual-group-end');
15241                }
15242
15243                this.selectedOption = this.querySelector('[aria-selected="true"]');
15244                if (!this.selectedOption) {
15245                  this.selectedOption = this.listbox.firstElementChild;
15246                }
15247
15248                this.loaded = true;
15249              } catch {
15250                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
15251              } finally {
15252                super.showListbox();
15253                this.button.classList.remove('is-loading');
15254                this.button.setAttribute('aria-disabled', 'false');
15255              }
15256            }
15257
15258            setButtonWidth() {
15259              return;
15260            }
15261          }
15262
15263          customElements.define('country-selector', CountrySelector);
15264        }
15265      });
15266    </script>
15266<script>
15267    document.getElementById('mobile-menu-localization-warhammer-warhammer-40-000-xenos-armies').addEventListener('change', (evt) => {
15268      const input = evt.target.previousElementSibling;
15269      if (input && input.tagName === 'INPUT') {
15270        input.value = evt.detail.selectedValue;
15271        evt.currentTarget.submit();
15272      }
15273    });
15274  </script>
15274</form>
15275    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
15276
15277</footer>
15278
15279            </div><div
15280              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
15281              data-parent="warhammer-age-of-sigmar-age-of-sigmar"
15282            >
15283              <header class="s-mobile-menu__header">
15284                <button
15285                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
15286                  type="button"
15287                  aria-label="Back to Age of Sigmar"
15288                >
15289                  <svg
15290  width="16"
15291  height="16"
15292  viewBox="0 0 16 16"
15293  fill="none"
15294  xmlns="http://www.w3.org/2000/svg"
15295  aria-hidden="true"
15296  focusable="false"
15297  role="presentation"
15298  class="icon"
15299>
15300  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
15301</svg>
15302
15303                </button>
15304                <span class="s-mobile-menu__header-title">Age of Sigmar</span>
15305                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
15306                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
15307  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15308</svg>
15309                </button>
15310              </header>
15311              <div class="s-mobile-menu__scroll">
15312                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
15313                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-age-of-sigmar" 
15314                        ><span>New Releases</span
15315                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15316  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15317</svg>
15318</span></a
15319                      >
15320                    </li><li class="s-mobile-menu__item">
15321                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-age-of-sigmar" 
15322                        ><span>Pre-Orders</span
15323                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15324  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15325</svg>
15326</span></a
15327                      >
15328                    </li><li class="s-mobile-menu__item">
15329                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-starter-set" 
15330                        ><span>Starter Sets</span
15331                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15332  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15333</svg>
15334</span></a
15335                      >
15336                    </li><li class="s-mobile-menu__item">
15337                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-rules-and-battletome" 
15338                        ><span>Rules and Battletome</span
15339                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15340  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15341</svg>
15342</span></a
15343                      >
15344                    </li><li class="s-mobile-menu__item">
15345                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-spearhead" 
15346                        ><span>Spearheads</span
15347                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15348  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15349</svg>
15350</span></a
15351                      >
15352                    </li><li class="s-mobile-menu__item">
15353                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-terrain" 
15354                        ><span>Terrain</span
15355                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15356  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15357</svg>
15358</span></a
15359                      >
15360                    </li></ul>
15361              </div><footer class="s-mobile-menu__footer"><div>
15362      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-age-of-sigmar-age-of-sigmar" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
15363        <input type="hidden" name="country_code" value="GB">
15364<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-age-of-sigmar-age-of-sigmar-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
15365            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-age-of-sigmar-age-of-sigmar-country-button">
15366      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
15367          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15368        </svg></button>
15369    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
15370        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-age-of-sigmar-age-of-sigmar-country-opt-0"><li class="custom-select__option flex items-center js-option"
15371            id="mobile-menu-localization-warhammer-age-of-sigmar-age-of-sigmar-country-opt-0"
15372            role="option"
15373            data-value="GB" aria-selected="true">
15374          <span class="pointer-events-none">United Kingdom [GBP]</span>
15375          </li></ul>
15376  </div></country-selector></div></div>
15376<script>
15377      customElements.whenDefined('custom-select').then(() => {
15378        if (!customElements.get('country-selector')) {
15379          class CountrySelector extends customElements.get('custom-select') {
15380            constructor() {
15381              super();
15382              this.loaded = false;
15383            }
15384
15385            async showListbox() {
15386              if (this.loaded) {
15387                super.showListbox();
15388                return;
15389              }
15390
15391              this.button.classList.add('is-loading');
15392              this.button.setAttribute('aria-disabled', 'true');
15393
15394              try {
15395                const response = await fetch('?section_id=country-selector');
15396                if (!response.ok) throw new Error(response.status);
15397
15398                const tmpl = document.createElement('template');
15399                tmpl.innerHTML = await response.text();
15400
15401                const el = tmpl.content.querySelector('.custom-select__listbox');
15402                this.listbox.innerHTML = el.innerHTML;
15403
15404                if (this.closest('.footer, .s-mobile-menu')) {
15405                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
15406                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
15407                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
15408                  });
15409                }
15410
15411                this.options = this.querySelectorAll('.custom-select__option');
15412
15413                this.popular = this.querySelectorAll('[data-popular]');
15414                if (this.popular.length) {
15415                  this.popular[this.popular.length - 1].closest('.custom-select__option')
15416                    .classList.add('custom-select__option--visual-group-end');
15417                }
15418
15419                this.selectedOption = this.querySelector('[aria-selected="true"]');
15420                if (!this.selectedOption) {
15421                  this.selectedOption = this.listbox.firstElementChild;
15422                }
15423
15424                this.loaded = true;
15425              } catch {
15426                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
15427              } finally {
15428                super.showListbox();
15429                this.button.classList.remove('is-loading');
15430                this.button.setAttribute('aria-disabled', 'false');
15431              }
15432            }
15433
15434            setButtonWidth() {
15435              return;
15436            }
15437          }
15438
15439          customElements.define('country-selector', CountrySelector);
15440        }
15441      });
15442    </script>
15442<script>
15443    document.getElementById('mobile-menu-localization-warhammer-age-of-sigmar-age-of-sigmar').addEventListener('change', (evt) => {
15444      const input = evt.target.previousElementSibling;
15445      if (input && input.tagName === 'INPUT') {
15446        input.value = evt.detail.selectedValue;
15447        evt.currentTarget.submit();
15448      }
15449    });
15450  </script>
15450</form>
15451    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
15452
15453</footer>
15454
15455            </div><div
15456              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
15457              data-parent="warhammer-age-of-sigmar-order"
15458            >
15459              <header class="s-mobile-menu__header">
15460                <button
15461                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
15462                  type="button"
15463                  aria-label="Back to Age of Sigmar"
15464                >
15465                  <svg
15466  width="16"
15467  height="16"
15468  viewBox="0 0 16 16"
15469  fill="none"
15470  xmlns="http://www.w3.org/2000/svg"
15471  aria-hidden="true"
15472  focusable="false"
15473  role="presentation"
15474  class="icon"
15475>
15476  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
15477</svg>
15478
15479                </button>
15480                <span class="s-mobile-menu__header-title">Order</span>
15481                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
15482                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
15483  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15484</svg>
15485                </button>
15486              </header>
15487              <div class="s-mobile-menu__scroll">
15488                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
15489                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-cities-of-sigmar" 
15490                        ><span>Cities of Sigmar</span
15491                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15492  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15493</svg>
15494</span></a
15495                      >
15496                    </li><li class="s-mobile-menu__item">
15497                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-daughters-of-khaine" 
15498                        ><span>Daughters of Khaine</span
15499                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15500  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15501</svg>
15502</span></a
15503                      >
15504                    </li><li class="s-mobile-menu__item">
15505                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-fyreslayers" 
15506                        ><span>Fyreslayers</span
15507                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15508  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15509</svg>
15510</span></a
15511                      >
15512                    </li><li class="s-mobile-menu__item">
15513                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-idoneth-deepkin" 
15514                        ><span>Idoneth Deepkin</span
15515                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15516  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15517</svg>
15518</span></a
15519                      >
15520                    </li><li class="s-mobile-menu__item">
15521                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-kharadron-overlords" 
15522                        ><span>Kharadron Overlords</span
15523                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15524  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15525</svg>
15526</span></a
15527                      >
15528                    </li><li class="s-mobile-menu__item">
15529                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-lumineth-realm-lords" 
15530                        ><span>Lumineth Realm-lords</span
15531                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15532  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15533</svg>
15534</span></a
15535                      >
15536                    </li><li class="s-mobile-menu__item">
15537                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-seraphon" 
15538                        ><span>Seraphon</span
15539                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15540  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15541</svg>
15542</span></a
15543                      >
15544                    </li><li class="s-mobile-menu__item">
15545                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-stormcast-eternals" 
15546                        ><span>Stormcast Eternals</span
15547                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15548  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15549</svg>
15550</span></a
15551                      >
15552                    </li><li class="s-mobile-menu__item">
15553                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-sylvaneth" 
15554                        ><span>Sylvaneth</span
15555                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15556  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15557</svg>
15558</span></a
15559                      >
15560                    </li></ul>
15561              </div><footer class="s-mobile-menu__footer"><div>
15562      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-age-of-sigmar-order" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
15563        <input type="hidden" name="country_code" value="GB">
15564<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-age-of-sigmar-order-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
15565            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-age-of-sigmar-order-country-button">
15566      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
15567          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15568        </svg></button>
15569    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
15570        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-age-of-sigmar-order-country-opt-0"><li class="custom-select__option flex items-center js-option"
15571            id="mobile-menu-localization-warhammer-age-of-sigmar-order-country-opt-0"
15572            role="option"
15573            data-value="GB" aria-selected="true">
15574          <span class="pointer-events-none">United Kingdom [GBP]</span>
15575          </li></ul>
15576  </div></country-selector></div></div>
15576<script>
15577      customElements.whenDefined('custom-select').then(() => {
15578        if (!customElements.get('country-selector')) {
15579          class CountrySelector extends customElements.get('custom-select') {
15580            constructor() {
15581              super();
15582              this.loaded = false;
15583            }
15584
15585            async showListbox() {
15586              if (this.loaded) {
15587                super.showListbox();
15588                return;
15589              }
15590
15591              this.button.classList.add('is-loading');
15592              this.button.setAttribute('aria-disabled', 'true');
15593
15594              try {
15595                const response = await fetch('?section_id=country-selector');
15596                if (!response.ok) throw new Error(response.status);
15597
15598                const tmpl = document.createElement('template');
15599                tmpl.innerHTML = await response.text();
15600
15601                const el = tmpl.content.querySelector('.custom-select__listbox');
15602                this.listbox.innerHTML = el.innerHTML;
15603
15604                if (this.closest('.footer, .s-mobile-menu')) {
15605                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
15606                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
15607                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
15608                  });
15609                }
15610
15611                this.options = this.querySelectorAll('.custom-select__option');
15612
15613                this.popular = this.querySelectorAll('[data-popular]');
15614                if (this.popular.length) {
15615                  this.popular[this.popular.length - 1].closest('.custom-select__option')
15616                    .classList.add('custom-select__option--visual-group-end');
15617                }
15618
15619                this.selectedOption = this.querySelector('[aria-selected="true"]');
15620                if (!this.selectedOption) {
15621                  this.selectedOption = this.listbox.firstElementChild;
15622                }
15623
15624                this.loaded = true;
15625              } catch {
15626                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
15627              } finally {
15628                super.showListbox();
15629                this.button.classList.remove('is-loading');
15630                this.button.setAttribute('aria-disabled', 'false');
15631              }
15632            }
15633
15634            setButtonWidth() {
15635              return;
15636            }
15637          }
15638
15639          customElements.define('country-selector', CountrySelector);
15640        }
15641      });
15642    </script>
15642<script>
15643    document.getElementById('mobile-menu-localization-warhammer-age-of-sigmar-order').addEventListener('change', (evt) => {
15644      const input = evt.target.previousElementSibling;
15645      if (input && input.tagName === 'INPUT') {
15646        input.value = evt.detail.selectedValue;
15647        evt.currentTarget.submit();
15648      }
15649    });
15650  </script>
15650</form>
15651    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
15652
15653</footer>
15654
15655            </div><div
15656              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
15657              data-parent="warhammer-age-of-sigmar-death"
15658            >
15659              <header class="s-mobile-menu__header">
15660                <button
15661                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
15662                  type="button"
15663                  aria-label="Back to Age of Sigmar"
15664                >
15665                  <svg
15666  width="16"
15667  height="16"
15668  viewBox="0 0 16 16"
15669  fill="none"
15670  xmlns="http://www.w3.org/2000/svg"
15671  aria-hidden="true"
15672  focusable="false"
15673  role="presentation"
15674  class="icon"
15675>
15676  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
15677</svg>
15678
15679                </button>
15680                <span class="s-mobile-menu__header-title">Death</span>
15681                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
15682                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
15683  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15684</svg>
15685                </button>
15686              </header>
15687              <div class="s-mobile-menu__scroll">
15688                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
15689                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-flesh-eater-courts" 
15690                        ><span>Flesh-eater Courts</span
15691                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15692  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15693</svg>
15694</span></a
15695                      >
15696                    </li><li class="s-mobile-menu__item">
15697                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-nighthaunt" 
15698                        ><span>Nighthaunt</span
15699                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15700  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15701</svg>
15702</span></a
15703                      >
15704                    </li><li class="s-mobile-menu__item">
15705                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-ossiarch-bonereapers" 
15706                        ><span>Ossiarch Bonereapers</span
15707                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15708  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15709</svg>
15710</span></a
15711                      >
15712                    </li><li class="s-mobile-menu__item">
15713                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-soulblight-gravelords" 
15714                        ><span>Soulblight Gravelords</span
15715                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15716  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15717</svg>
15718</span></a
15719                      >
15720                    </li></ul>
15721              </div><footer class="s-mobile-menu__footer"><div>
15722      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-age-of-sigmar-death" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
15723        <input type="hidden" name="country_code" value="GB">
15724<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-age-of-sigmar-death-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
15725            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-age-of-sigmar-death-country-button">
15726      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
15727          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15728        </svg></button>
15729    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
15730        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-age-of-sigmar-death-country-opt-0"><li class="custom-select__option flex items-center js-option"
15731            id="mobile-menu-localization-warhammer-age-of-sigmar-death-country-opt-0"
15732            role="option"
15733            data-value="GB" aria-selected="true">
15734          <span class="pointer-events-none">United Kingdom [GBP]</span>
15735          </li></ul>
15736  </div></country-selector></div></div>
15736<script>
15737      customElements.whenDefined('custom-select').then(() => {
15738        if (!customElements.get('country-selector')) {
15739          class CountrySelector extends customElements.get('custom-select') {
15740            constructor() {
15741              super();
15742              this.loaded = false;
15743            }
15744
15745            async showListbox() {
15746              if (this.loaded) {
15747                super.showListbox();
15748                return;
15749              }
15750
15751              this.button.classList.add('is-loading');
15752              this.button.setAttribute('aria-disabled', 'true');
15753
15754              try {
15755                const response = await fetch('?section_id=country-selector');
15756                if (!response.ok) throw new Error(response.status);
15757
15758                const tmpl = document.createElement('template');
15759                tmpl.innerHTML = await response.text();
15760
15761                const el = tmpl.content.querySelector('.custom-select__listbox');
15762                this.listbox.innerHTML = el.innerHTML;
15763
15764                if (this.closest('.footer, .s-mobile-menu')) {
15765                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
15766                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
15767                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
15768                  });
15769                }
15770
15771                this.options = this.querySelectorAll('.custom-select__option');
15772
15773                this.popular = this.querySelectorAll('[data-popular]');
15774                if (this.popular.length) {
15775                  this.popular[this.popular.length - 1].closest('.custom-select__option')
15776                    .classList.add('custom-select__option--visual-group-end');
15777                }
15778
15779                this.selectedOption = this.querySelector('[aria-selected="true"]');
15780                if (!this.selectedOption) {
15781                  this.selectedOption = this.listbox.firstElementChild;
15782                }
15783
15784                this.loaded = true;
15785              } catch {
15786                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
15787              } finally {
15788                super.showListbox();
15789                this.button.classList.remove('is-loading');
15790                this.button.setAttribute('aria-disabled', 'false');
15791              }
15792            }
15793
15794            setButtonWidth() {
15795              return;
15796            }
15797          }
15798
15799          customElements.define('country-selector', CountrySelector);
15800        }
15801      });
15802    </script>
15802<script>
15803    document.getElementById('mobile-menu-localization-warhammer-age-of-sigmar-death').addEventListener('change', (evt) => {
15804      const input = evt.target.previousElementSibling;
15805      if (input && input.tagName === 'INPUT') {
15806        input.value = evt.detail.selectedValue;
15807        evt.currentTarget.submit();
15808      }
15809    });
15810  </script>
15810</form>
15811    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
15812
15813</footer>
15814
15815            </div><div
15816              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
15817              data-parent="warhammer-age-of-sigmar-chaos"
15818            >
15819              <header class="s-mobile-menu__header">
15820                <button
15821                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
15822                  type="button"
15823                  aria-label="Back to Age of Sigmar"
15824                >
15825                  <svg
15826  width="16"
15827  height="16"
15828  viewBox="0 0 16 16"
15829  fill="none"
15830  xmlns="http://www.w3.org/2000/svg"
15831  aria-hidden="true"
15832  focusable="false"
15833  role="presentation"
15834  class="icon"
15835>
15836  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
15837</svg>
15838
15839                </button>
15840                <span class="s-mobile-menu__header-title">Chaos</span>
15841                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
15842                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
15843  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15844</svg>
15845                </button>
15846              </header>
15847              <div class="s-mobile-menu__scroll">
15848                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
15849                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-blades-of-khorne" 
15850                        ><span>Blades of Khorne</span
15851                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15852  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15853</svg>
15854</span></a
15855                      >
15856                    </li><li class="s-mobile-menu__item">
15857                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-disciples-of-tzeentch" 
15858                        ><span>Disciples of Tzeentch</span
15859                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15860  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15861</svg>
15862</span></a
15863                      >
15864                    </li><li class="s-mobile-menu__item">
15865                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-hedonites-of-slaanesh" 
15866                        ><span>Hedonites of Slaanesh</span
15867                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15868  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15869</svg>
15870</span></a
15871                      >
15872                    </li><li class="s-mobile-menu__item">
15873                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-helsmiths-of-hashut" 
15874                        ><span>Helsmiths of Hashut</span
15875                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15876  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15877</svg>
15878</span></a
15879                      >
15880                    </li><li class="s-mobile-menu__item">
15881                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-maggotkin-of-nurgle" 
15882                        ><span>Maggotkin of Nurgle</span
15883                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15884  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15885</svg>
15886</span></a
15887                      >
15888                    </li><li class="s-mobile-menu__item">
15889                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-skaven" 
15890                        ><span>Skaven</span
15891                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15892  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15893</svg>
15894</span></a
15895                      >
15896                    </li><li class="s-mobile-menu__item">
15897                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-slaves-to-darkness" 
15898                        ><span>Slaves to Darkness</span
15899                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
15900  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
15901</svg>
15902</span></a
15903                      >
15904                    </li></ul>
15905              </div><footer class="s-mobile-menu__footer"><div>
15906      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-age-of-sigmar-chaos" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
15907        <input type="hidden" name="country_code" value="GB">
15908<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-age-of-sigmar-chaos-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
15909            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-age-of-sigmar-chaos-country-button">
15910      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
15911          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
15912        </svg></button>
15913    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
15914        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-age-of-sigmar-chaos-country-opt-0"><li class="custom-select__option flex items-center js-option"
15915            id="mobile-menu-localization-warhammer-age-of-sigmar-chaos-country-opt-0"
15916            role="option"
15917            data-value="GB" aria-selected="true">
15918          <span class="pointer-events-none">United Kingdom [GBP]</span>
15919          </li></ul>
15920  </div></country-selector></div></div>
15920<script>
15921      customElements.whenDefined('custom-select').then(() => {
15922        if (!customElements.get('country-selector')) {
15923          class CountrySelector extends customElements.get('custom-select') {
15924            constructor() {
15925              super();
15926              this.loaded = false;
15927            }
15928
15929            async showListbox() {
15930              if (this.loaded) {
15931                super.showListbox();
15932                return;
15933              }
15934
15935              this.button.classList.add('is-loading');
15936              this.button.setAttribute('aria-disabled', 'true');
15937
15938              try {
15939                const response = await fetch('?section_id=country-selector');
15940                if (!response.ok) throw new Error(response.status);
15941
15942                const tmpl = document.createElement('template');
15943                tmpl.innerHTML = await response.text();
15944
15945                const el = tmpl.content.querySelector('.custom-select__listbox');
15946                this.listbox.innerHTML = el.innerHTML;
15947
15948                if (this.closest('.footer, .s-mobile-menu')) {
15949                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
15950                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
15951                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
15952                  });
15953                }
15954
15955                this.options = this.querySelectorAll('.custom-select__option');
15956
15957                this.popular = this.querySelectorAll('[data-popular]');
15958                if (this.popular.length) {
15959                  this.popular[this.popular.length - 1].closest('.custom-select__option')
15960                    .classList.add('custom-select__option--visual-group-end');
15961                }
15962
15963                this.selectedOption = this.querySelector('[aria-selected="true"]');
15964                if (!this.selectedOption) {
15965                  this.selectedOption = this.listbox.firstElementChild;
15966                }
15967
15968                this.loaded = true;
15969              } catch {
15970                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
15971              } finally {
15972                super.showListbox();
15973                this.button.classList.remove('is-loading');
15974                this.button.setAttribute('aria-disabled', 'false');
15975              }
15976            }
15977
15978            setButtonWidth() {
15979              return;
15980            }
15981          }
15982
15983          customElements.define('country-selector', CountrySelector);
15984        }
15985      });
15986    </script>
15986<script>
15987    document.getElementById('mobile-menu-localization-warhammer-age-of-sigmar-chaos').addEventListener('change', (evt) => {
15988      const input = evt.target.previousElementSibling;
15989      if (input && input.tagName === 'INPUT') {
15990        input.value = evt.detail.selectedValue;
15991        evt.currentTarget.submit();
15992      }
15993    });
15994  </script>
15994</form>
15995    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
15996
15997</footer>
15998
15999            </div><div
16000              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
16001              data-parent="warhammer-age-of-sigmar-destruction"
16002            >
16003              <header class="s-mobile-menu__header">
16004                <button
16005                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
16006                  type="button"
16007                  aria-label="Back to Age of Sigmar"
16008                >
16009                  <svg
16010  width="16"
16011  height="16"
16012  viewBox="0 0 16 16"
16013  fill="none"
16014  xmlns="http://www.w3.org/2000/svg"
16015  aria-hidden="true"
16016  focusable="false"
16017  role="presentation"
16018  class="icon"
16019>
16020  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
16021</svg>
16022
16023                </button>
16024                <span class="s-mobile-menu__header-title">Destruction</span>
16025                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
16026                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
16027  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
16028</svg>
16029                </button>
16030              </header>
16031              <div class="s-mobile-menu__scroll">
16032                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
16033                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-gloomspite-gitz" 
16034                        ><span>Gloomspite Gitz</span
16035                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16036  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16037</svg>
16038</span></a
16039                      >
16040                    </li><li class="s-mobile-menu__item">
16041                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-ogor-mawtribes" 
16042                        ><span>Ogor Mawtribes</span
16043                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16044  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16045</svg>
16046</span></a
16047                      >
16048                    </li><li class="s-mobile-menu__item">
16049                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-orruk-warclans" 
16050                        ><span>Orruk Warclans</span
16051                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16052  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16053</svg>
16054</span></a
16055                      >
16056                    </li><li class="s-mobile-menu__item">
16057                      <a class="s-mobile-menu__expanded-link" href="/collections/age-of-sigmar-sons-of-behemat" 
16058                        ><span>Sons of Behemat</span
16059                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16060  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16061</svg>
16062</span></a
16063                      >
16064                    </li></ul>
16065              </div><footer class="s-mobile-menu__footer"><div>
16066      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-age-of-sigmar-destruction" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
16067        <input type="hidden" name="country_code" value="GB">
16068<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-age-of-sigmar-destruction-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
16069            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-age-of-sigmar-destruction-country-button">
16070      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
16071          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
16072        </svg></button>
16073    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
16074        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-age-of-sigmar-destruction-country-opt-0"><li class="custom-select__option flex items-center js-option"
16075            id="mobile-menu-localization-warhammer-age-of-sigmar-destruction-country-opt-0"
16076            role="option"
16077            data-value="GB" aria-selected="true">
16078          <span class="pointer-events-none">United Kingdom [GBP]</span>
16079          </li></ul>
16080  </div></country-selector></div></div>
16080<script>
16081      customElements.whenDefined('custom-select').then(() => {
16082        if (!customElements.get('country-selector')) {
16083          class CountrySelector extends customElements.get('custom-select') {
16084            constructor() {
16085              super();
16086              this.loaded = false;
16087            }
16088
16089            async showListbox() {
16090              if (this.loaded) {
16091                super.showListbox();
16092                return;
16093              }
16094
16095              this.button.classList.add('is-loading');
16096              this.button.setAttribute('aria-disabled', 'true');
16097
16098              try {
16099                const response = await fetch('?section_id=country-selector');
16100                if (!response.ok) throw new Error(response.status);
16101
16102                const tmpl = document.createElement('template');
16103                tmpl.innerHTML = await response.text();
16104
16105                const el = tmpl.content.querySelector('.custom-select__listbox');
16106                this.listbox.innerHTML = el.innerHTML;
16107
16108                if (this.closest('.footer, .s-mobile-menu')) {
16109                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
16110                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
16111                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
16112                  });
16113                }
16114
16115                this.options = this.querySelectorAll('.custom-select__option');
16116
16117                this.popular = this.querySelectorAll('[data-popular]');
16118                if (this.popular.length) {
16119                  this.popular[this.popular.length - 1].closest('.custom-select__option')
16120                    .classList.add('custom-select__option--visual-group-end');
16121                }
16122
16123                this.selectedOption = this.querySelector('[aria-selected="true"]');
16124                if (!this.selectedOption) {
16125                  this.selectedOption = this.listbox.firstElementChild;
16126                }
16127
16128                this.loaded = true;
16129              } catch {
16130                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
16131              } finally {
16132                super.showListbox();
16133                this.button.classList.remove('is-loading');
16134                this.button.setAttribute('aria-disabled', 'false');
16135              }
16136            }
16137
16138            setButtonWidth() {
16139              return;
16140            }
16141          }
16142
16143          customElements.define('country-selector', CountrySelector);
16144        }
16145      });
16146    </script>
16146<script>
16147    document.getElementById('mobile-menu-localization-warhammer-age-of-sigmar-destruction').addEventListener('change', (evt) => {
16148      const input = evt.target.previousElementSibling;
16149      if (input && input.tagName === 'INPUT') {
16150        input.value = evt.detail.selectedValue;
16151        evt.currentTarget.submit();
16152      }
16153    });
16154  </script>
16154</form>
16155    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
16156
16157</footer>
16158
16159            </div><div
16160              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
16161              data-parent="warhammer-the-horus-heresy-the-horus-heresy"
16162            >
16163              <header class="s-mobile-menu__header">
16164                <button
16165                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
16166                  type="button"
16167                  aria-label="Back to The Horus Heresy"
16168                >
16169                  <svg
16170  width="16"
16171  height="16"
16172  viewBox="0 0 16 16"
16173  fill="none"
16174  xmlns="http://www.w3.org/2000/svg"
16175  aria-hidden="true"
16176  focusable="false"
16177  role="presentation"
16178  class="icon"
16179>
16180  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
16181</svg>
16182
16183                </button>
16184                <span class="s-mobile-menu__header-title">The Horus Heresy</span>
16185                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
16186                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
16187  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
16188</svg>
16189                </button>
16190              </header>
16191              <div class="s-mobile-menu__scroll">
16192                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
16193                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-the-horus-heresy" 
16194                        ><span>New Releases</span
16195                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16196  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16197</svg>
16198</span></a
16199                      >
16200                    </li><li class="s-mobile-menu__item">
16201                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-the-horus-heresy" 
16202                        ><span>Pre-Orders</span
16203                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16204  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16205</svg>
16206</span></a
16207                      >
16208                    </li><li class="s-mobile-menu__item">
16209                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-rules-and-starter-set" 
16210                        ><span>Rules &amp; Starter Sets</span
16211                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16212  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16213</svg>
16214</span></a
16215                      >
16216                    </li><li class="s-mobile-menu__item">
16217                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-adeptus-titanicus" 
16218                        ><span>Adeptus Titanicus</span
16219                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16220  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16221</svg>
16222</span></a
16223                      >
16224                    </li></ul>
16225              </div><footer class="s-mobile-menu__footer"><div>
16226      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-the-horus-heresy-the-horus-heresy" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
16227        <input type="hidden" name="country_code" value="GB">
16228<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-the-horus-heresy-the-horus-heresy-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
16229            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-the-horus-heresy-the-horus-heresy-country-button">
16230      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
16231          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
16232        </svg></button>
16233    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
16234        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-the-horus-heresy-the-horus-heresy-country-opt-0"><li class="custom-select__option flex items-center js-option"
16235            id="mobile-menu-localization-warhammer-the-horus-heresy-the-horus-heresy-country-opt-0"
16236            role="option"
16237            data-value="GB" aria-selected="true">
16238          <span class="pointer-events-none">United Kingdom [GBP]</span>
16239          </li></ul>
16240  </div></country-selector></div></div>
16240<script>
16241      customElements.whenDefined('custom-select').then(() => {
16242        if (!customElements.get('country-selector')) {
16243          class CountrySelector extends customElements.get('custom-select') {
16244            constructor() {
16245              super();
16246              this.loaded = false;
16247            }
16248
16249            async showListbox() {
16250              if (this.loaded) {
16251                super.showListbox();
16252                return;
16253              }
16254
16255              this.button.classList.add('is-loading');
16256              this.button.setAttribute('aria-disabled', 'true');
16257
16258              try {
16259                const response = await fetch('?section_id=country-selector');
16260                if (!response.ok) throw new Error(response.status);
16261
16262                const tmpl = document.createElement('template');
16263                tmpl.innerHTML = await response.text();
16264
16265                const el = tmpl.content.querySelector('.custom-select__listbox');
16266                this.listbox.innerHTML = el.innerHTML;
16267
16268                if (this.closest('.footer, .s-mobile-menu')) {
16269                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
16270                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
16271                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
16272                  });
16273                }
16274
16275                this.options = this.querySelectorAll('.custom-select__option');
16276
16277                this.popular = this.querySelectorAll('[data-popular]');
16278                if (this.popular.length) {
16279                  this.popular[this.popular.length - 1].closest('.custom-select__option')
16280                    .classList.add('custom-select__option--visual-group-end');
16281                }
16282
16283                this.selectedOption = this.querySelector('[aria-selected="true"]');
16284                if (!this.selectedOption) {
16285                  this.selectedOption = this.listbox.firstElementChild;
16286                }
16287
16288                this.loaded = true;
16289              } catch {
16290                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
16291              } finally {
16292                super.showListbox();
16293                this.button.classList.remove('is-loading');
16294                this.button.setAttribute('aria-disabled', 'false');
16295              }
16296            }
16297
16298            setButtonWidth() {
16299              return;
16300            }
16301          }
16302
16303          customElements.define('country-selector', CountrySelector);
16304        }
16305      });
16306    </script>
16306<script>
16307    document.getElementById('mobile-menu-localization-warhammer-the-horus-heresy-the-horus-heresy').addEventListener('change', (evt) => {
16308      const input = evt.target.previousElementSibling;
16309      if (input && input.tagName === 'INPUT') {
16310        input.value = evt.detail.selectedValue;
16311        evt.currentTarget.submit();
16312      }
16313    });
16314  </script>
16314</form>
16315    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
16316
16317</footer>
16318
16319            </div><div
16320              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
16321              data-parent="warhammer-the-horus-heresy-loyalist-space-marine-legions"
16322            >
16323              <header class="s-mobile-menu__header">
16324                <button
16325                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
16326                  type="button"
16327                  aria-label="Back to The Horus Heresy"
16328                >
16329                  <svg
16330  width="16"
16331  height="16"
16332  viewBox="0 0 16 16"
16333  fill="none"
16334  xmlns="http://www.w3.org/2000/svg"
16335  aria-hidden="true"
16336  focusable="false"
16337  role="presentation"
16338  class="icon"
16339>
16340  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
16341</svg>
16342
16343                </button>
16344                <span class="s-mobile-menu__header-title">Loyalist Space Marine Legions</span>
16345                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
16346                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
16347  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
16348</svg>
16349                </button>
16350              </header>
16351              <div class="s-mobile-menu__scroll">
16352                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
16353                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-blood-angels" 
16354                        ><span>Blood Angels</span
16355                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16356  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16357</svg>
16358</span></a
16359                      >
16360                    </li><li class="s-mobile-menu__item">
16361                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-dark-angels" 
16362                        ><span>Dark Angels</span
16363                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16364  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16365</svg>
16366</span></a
16367                      >
16368                    </li><li class="s-mobile-menu__item">
16369                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-imperial-fists" 
16370                        ><span>Imperial Fists</span
16371                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16372  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16373</svg>
16374</span></a
16375                      >
16376                    </li><li class="s-mobile-menu__item">
16377                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-knights-errant" 
16378                        ><span>Knights Errant</span
16379                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16380  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16381</svg>
16382</span></a
16383                      >
16384                    </li><li class="s-mobile-menu__item">
16385                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-iron-hands" 
16386                        ><span>Iron Hands</span
16387                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16388  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16389</svg>
16390</span></a
16391                      >
16392                    </li><li class="s-mobile-menu__item">
16393                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-raven-guard" 
16394                        ><span>Raven Guard</span
16395                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16396  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16397</svg>
16398</span></a
16399                      >
16400                    </li><li class="s-mobile-menu__item">
16401                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-salamanders" 
16402                        ><span>Salamanders</span
16403                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16404  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16405</svg>
16406</span></a
16407                      >
16408                    </li><li class="s-mobile-menu__item">
16409                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-space-wolves" 
16410                        ><span>Space Wolves</span
16411                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16412  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16413</svg>
16414</span></a
16415                      >
16416                    </li><li class="s-mobile-menu__item">
16417                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-ultramarines" 
16418                        ><span>Ultramarines</span
16419                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16420  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16421</svg>
16422</span></a
16423                      >
16424                    </li><li class="s-mobile-menu__item">
16425                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-white-scars" 
16426                        ><span>White Scars</span
16427                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16428  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16429</svg>
16430</span></a
16431                      >
16432                    </li></ul>
16433              </div><footer class="s-mobile-menu__footer"><div>
16434      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-the-horus-heresy-loyalist-space-marine-legions" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
16435        <input type="hidden" name="country_code" value="GB">
16436<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-the-horus-heresy-loyalist-space-marine-legions-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
16437            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-the-horus-heresy-loyalist-space-marine-legions-country-button">
16438      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
16439          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
16440        </svg></button>
16441    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
16442        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-the-horus-heresy-loyalist-space-marine-legions-country-opt-0"><li class="custom-select__option flex items-center js-option"
16443            id="mobile-menu-localization-warhammer-the-horus-heresy-loyalist-space-marine-legions-country-opt-0"
16444            role="option"
16445            data-value="GB" aria-selected="true">
16446          <span class="pointer-events-none">United Kingdom [GBP]</span>
16447          </li></ul>
16448  </div></country-selector></div></div>
16448<script>
16449      customElements.whenDefined('custom-select').then(() => {
16450        if (!customElements.get('country-selector')) {
16451          class CountrySelector extends customElements.get('custom-select') {
16452            constructor() {
16453              super();
16454              this.loaded = false;
16455            }
16456
16457            async showListbox() {
16458              if (this.loaded) {
16459                super.showListbox();
16460                return;
16461              }
16462
16463              this.button.classList.add('is-loading');
16464              this.button.setAttribute('aria-disabled', 'true');
16465
16466              try {
16467                const response = await fetch('?section_id=country-selector');
16468                if (!response.ok) throw new Error(response.status);
16469
16470                const tmpl = document.createElement('template');
16471                tmpl.innerHTML = await response.text();
16472
16473                const el = tmpl.content.querySelector('.custom-select__listbox');
16474                this.listbox.innerHTML = el.innerHTML;
16475
16476                if (this.closest('.footer, .s-mobile-menu')) {
16477                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
16478                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
16479                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
16480                  });
16481                }
16482
16483                this.options = this.querySelectorAll('.custom-select__option');
16484
16485                this.popular = this.querySelectorAll('[data-popular]');
16486                if (this.popular.length) {
16487                  this.popular[this.popular.length - 1].closest('.custom-select__option')
16488                    .classList.add('custom-select__option--visual-group-end');
16489                }
16490
16491                this.selectedOption = this.querySelector('[aria-selected="true"]');
16492                if (!this.selectedOption) {
16493                  this.selectedOption = this.listbox.firstElementChild;
16494                }
16495
16496                this.loaded = true;
16497              } catch {
16498                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
16499              } finally {
16500                super.showListbox();
16501                this.button.classList.remove('is-loading');
16502                this.button.setAttribute('aria-disabled', 'false');
16503              }
16504            }
16505
16506            setButtonWidth() {
16507              return;
16508            }
16509          }
16510
16511          customElements.define('country-selector', CountrySelector);
16512        }
16513      });
16514    </script>
16514<script>
16515    document.getElementById('mobile-menu-localization-warhammer-the-horus-heresy-loyalist-space-marine-legions').addEventListener('change', (evt) => {
16516      const input = evt.target.previousElementSibling;
16517      if (input && input.tagName === 'INPUT') {
16518        input.value = evt.detail.selectedValue;
16519        evt.currentTarget.submit();
16520      }
16521    });
16522  </script>
16522</form>
16523    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
16524
16525</footer>
16526
16527            </div><div
16528              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
16529              data-parent="warhammer-the-horus-heresy-traitor-space-marine-legions"
16530            >
16531              <header class="s-mobile-menu__header">
16532                <button
16533                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
16534                  type="button"
16535                  aria-label="Back to The Horus Heresy"
16536                >
16537                  <svg
16538  width="16"
16539  height="16"
16540  viewBox="0 0 16 16"
16541  fill="none"
16542  xmlns="http://www.w3.org/2000/svg"
16543  aria-hidden="true"
16544  focusable="false"
16545  role="presentation"
16546  class="icon"
16547>
16548  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
16549</svg>
16550
16551                </button>
16552                <span class="s-mobile-menu__header-title">Traitor Space Marine Legions</span>
16553                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
16554                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
16555  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
16556</svg>
16557                </button>
16558              </header>
16559              <div class="s-mobile-menu__scroll">
16560                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
16561                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-alpha-legion" 
16562                        ><span>Alpha Legion</span
16563                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16564  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16565</svg>
16566</span></a
16567                      >
16568                    </li><li class="s-mobile-menu__item">
16569                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-death-guard" 
16570                        ><span>Death Guard</span
16571                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16572  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16573</svg>
16574</span></a
16575                      >
16576                    </li><li class="s-mobile-menu__item">
16577                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-emperors-children" 
16578                        ><span>Emperor&#39;s Children</span
16579                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16580  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16581</svg>
16582</span></a
16583                      >
16584                    </li><li class="s-mobile-menu__item">
16585                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-iron-warriors" 
16586                        ><span>Iron Warriors</span
16587                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16588  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16589</svg>
16590</span></a
16591                      >
16592                    </li><li class="s-mobile-menu__item">
16593                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-night-lords" 
16594                        ><span>Night Lords</span
16595                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16596  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16597</svg>
16598</span></a
16599                      >
16600                    </li><li class="s-mobile-menu__item">
16601                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-sons-of-horus" 
16602                        ><span>Sons of Horus</span
16603                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16604  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16605</svg>
16606</span></a
16607                      >
16608                    </li><li class="s-mobile-menu__item">
16609                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-thousand-sons" 
16610                        ><span>Thousand Sons</span
16611                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16612  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16613</svg>
16614</span></a
16615                      >
16616                    </li><li class="s-mobile-menu__item">
16617                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-word-bearers" 
16618                        ><span>
16618Word Bearers</span
16619                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16620  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16621</svg>
16622</span></a
16623                      >
16624                    </li><li class="s-mobile-menu__item">
16625                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-world-eaters" 
16626                        ><span>World Eaters</span
16627                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16628  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16629</svg>
16630</span></a
16631                      >
16632                    </li></ul>
16633              </div><footer class="s-mobile-menu__footer"><div>
16634      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-the-horus-heresy-traitor-space-marine-legions" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
16635        <input type="hidden" name="country_code" value="GB">
16636<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-the-horus-heresy-traitor-space-marine-legions-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
16637            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-the-horus-heresy-traitor-space-marine-legions-country-button">
16638      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
16639          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
16640        </svg></button>
16641    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
16642        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-the-horus-heresy-traitor-space-marine-legions-country-opt-0"><li class="custom-select__option flex items-center js-option"
16643            id="mobile-menu-localization-warhammer-the-horus-heresy-traitor-space-marine-legions-country-opt-0"
16644            role="option"
16645            data-value="GB" aria-selected="true">
16646          <span class="pointer-events-none">United Kingdom [GBP]</span>
16647          </li></ul>
16648  </div></country-selector></div></div>
16648<script>
16649      customElements.whenDefined('custom-select').then(() => {
16650        if (!customElements.get('country-selector')) {
16651          class CountrySelector extends customElements.get('custom-select') {
16652            constructor() {
16653              super();
16654              this.loaded = false;
16655            }
16656
16657            async showListbox() {
16658              if (this.loaded) {
16659                super.showListbox();
16660                return;
16661              }
16662
16663              this.button.classList.add('is-loading');
16664              this.button.setAttribute('aria-disabled', 'true');
16665
16666              try {
16667                const response = await fetch('?section_id=country-selector');
16668                if (!response.ok) throw new Error(response.status);
16669
16670                const tmpl = document.createElement('template');
16671                tmpl.innerHTML = await response.text();
16672
16673                const el = tmpl.content.querySelector('.custom-select__listbox');
16674                this.listbox.innerHTML = el.innerHTML;
16675
16676                if (this.closest('.footer, .s-mobile-menu')) {
16677                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
16678                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
16679                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
16680                  });
16681                }
16682
16683                this.options = this.querySelectorAll('.custom-select__option');
16684
16685                this.popular = this.querySelectorAll('[data-popular]');
16686                if (this.popular.length) {
16687                  this.popular[this.popular.length - 1].closest('.custom-select__option')
16688                    .classList.add('custom-select__option--visual-group-end');
16689                }
16690
16691                this.selectedOption = this.querySelector('[aria-selected="true"]');
16692                if (!this.selectedOption) {
16693                  this.selectedOption = this.listbox.firstElementChild;
16694                }
16695
16696                this.loaded = true;
16697              } catch {
16698                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
16699              } finally {
16700                super.showListbox();
16701                this.button.classList.remove('is-loading');
16702                this.button.setAttribute('aria-disabled', 'false');
16703              }
16704            }
16705
16706            setButtonWidth() {
16707              return;
16708            }
16709          }
16710
16711          customElements.define('country-selector', CountrySelector);
16712        }
16713      });
16714    </script>
16714<script>
16715    document.getElementById('mobile-menu-localization-warhammer-the-horus-heresy-traitor-space-marine-legions').addEventListener('change', (evt) => {
16716      const input = evt.target.previousElementSibling;
16717      if (input && input.tagName === 'INPUT') {
16718        input.value = evt.detail.selectedValue;
16719        evt.currentTarget.submit();
16720      }
16721    });
16722  </script>
16722</form>
16723    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
16724
16725</footer>
16726
16727            </div><div
16728              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
16729              data-parent="warhammer-the-horus-heresy-forces-of-the-cult-mechanicum"
16730            >
16731              <header class="s-mobile-menu__header">
16732                <button
16733                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
16734                  type="button"
16735                  aria-label="Back to The Horus Heresy"
16736                >
16737                  <svg
16738  width="16"
16739  height="16"
16740  viewBox="0 0 16 16"
16741  fill="none"
16742  xmlns="http://www.w3.org/2000/svg"
16743  aria-hidden="true"
16744  focusable="false"
16745  role="presentation"
16746  class="icon"
16747>
16748  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
16749</svg>
16750
16751                </button>
16752                <span class="s-mobile-menu__header-title">Forces of the Cult Mechanicum</span>
16753                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
16754                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
16755  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
16756</svg>
16757                </button>
16758              </header>
16759              <div class="s-mobile-menu__scroll">
16760                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
16761                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-mechanicum" 
16762                        ><span>Mechanicum</span
16763                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16764  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16765</svg>
16766</span></a
16767                      >
16768                    </li><li class="s-mobile-menu__item">
16769                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-questoris-knights" 
16770                        ><span>Questoris Knights</span
16771                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16772  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16773</svg>
16774</span></a
16775                      >
16776                    </li><li class="s-mobile-menu__item">
16777                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-titan-legions" 
16778                        ><span>Titan Legions</span
16779                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16780  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16781</svg>
16782</span></a
16783                      >
16784                    </li></ul>
16785              </div><footer class="s-mobile-menu__footer"><div>
16786      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-the-horus-heresy-forces-of-the-cult-mechanicum" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
16787        <input type="hidden" name="country_code" value="GB">
16788<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-the-horus-heresy-forces-of-the-cult-mechanicum-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
16789            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-the-horus-heresy-forces-of-the-cult-mechanicum-country-button">
16790      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
16791          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
16792        </svg></button>
16793    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
16794        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-the-horus-heresy-forces-of-the-cult-mechanicum-country-opt-0"><li class="custom-select__option flex items-center js-option"
16795            id="mobile-menu-localization-warhammer-the-horus-heresy-forces-of-the-cult-mechanicum-country-opt-0"
16796            role="option"
16797            data-value="GB" aria-selected="true">
16798          <span class="pointer-events-none">United Kingdom [GBP]</span>
16799          </li></ul>
16800  </div></country-selector></div></div>
16800<script>
16801      customElements.whenDefined('custom-select').then(() => {
16802        if (!customElements.get('country-selector')) {
16803          class CountrySelector extends customElements.get('custom-select') {
16804            constructor() {
16805              super();
16806              this.loaded = false;
16807            }
16808
16809            async showListbox() {
16810              if (this.loaded) {
16811                super.showListbox();
16812                return;
16813              }
16814
16815              this.button.classList.add('is-loading');
16816              this.button.setAttribute('aria-disabled', 'true');
16817
16818              try {
16819                const response = await fetch('?section_id=country-selector');
16820                if (!response.ok) throw new Error(response.status);
16821
16822                const tmpl = document.createElement('template');
16823                tmpl.innerHTML = await response.text();
16824
16825                const el = tmpl.content.querySelector('.custom-select__listbox');
16826                this.listbox.innerHTML = el.innerHTML;
16827
16828                if (this.closest('.footer, .s-mobile-menu')) {
16829                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
16830                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
16831                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
16832                  });
16833                }
16834
16835                this.options = this.querySelectorAll('.custom-select__option');
16836
16837                this.popular = this.querySelectorAll('[data-popular]');
16838                if (this.popular.length) {
16839                  this.popular[this.popular.length - 1].closest('.custom-select__option')
16840                    .classList.add('custom-select__option--visual-group-end');
16841                }
16842
16843                this.selectedOption = this.querySelector('[aria-selected="true"]');
16844                if (!this.selectedOption) {
16845                  this.selectedOption = this.listbox.firstElementChild;
16846                }
16847
16848                this.loaded = true;
16849              } catch {
16850                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
16851              } finally {
16852                super.showListbox();
16853                this.button.classList.remove('is-loading');
16854                this.button.setAttribute('aria-disabled', 'false');
16855              }
16856            }
16857
16858            setButtonWidth() {
16859              return;
16860            }
16861          }
16862
16863          customElements.define('country-selector', CountrySelector);
16864        }
16865      });
16866    </script>
16866<script>
16867    document.getElementById('mobile-menu-localization-warhammer-the-horus-heresy-forces-of-the-cult-mechanicum').addEventListener('change', (evt) => {
16868      const input = evt.target.previousElementSibling;
16869      if (input && input.tagName === 'INPUT') {
16870        input.value = evt.detail.selectedValue;
16871        evt.currentTarget.submit();
16872      }
16873    });
16874  </script>
16874</form>
16875    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
16876
16877</footer>
16878
16879            </div><div
16880              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
16881              data-parent="warhammer-the-horus-heresy-forces-of-the-emperor"
16882            >
16883              <header class="s-mobile-menu__header">
16884                <button
16885                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
16886                  type="button"
16887                  aria-label="Back to The Horus Heresy"
16888                >
16889                  <svg
16890  width="16"
16891  height="16"
16892  viewBox="0 0 16 16"
16893  fill="none"
16894  xmlns="http://www.w3.org/2000/svg"
16895  aria-hidden="true"
16896  focusable="false"
16897  role="presentation"
16898  class="icon"
16899>
16900  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
16901</svg>
16902
16903                </button>
16904                <span class="s-mobile-menu__header-title">Forces of the Emperor</span>
16905                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
16906                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
16907  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
16908</svg>
16909                </button>
16910              </header>
16911              <div class="s-mobile-menu__scroll">
16912                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
16913                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-assassins" 
16914                        ><span>Assassins</span
16915                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16916  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16917</svg>
16918</span></a
16919                      >
16920                    </li><li class="s-mobile-menu__item">
16921                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-legio-custodes" 
16922                        ><span>Legio Custodes</span
16923                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16924  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16925</svg>
16926</span></a
16927                      >
16928                    </li><li class="s-mobile-menu__item">
16929                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-sisters-of-silence" 
16930                        ><span>Sisters of Silence</span
16931                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16932  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16933</svg>
16934</span></a
16935                      >
16936                    </li><li class="s-mobile-menu__item">
16937                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-solar-auxilia" 
16938                        ><span>Solar Auxilia</span
16939                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
16940  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
16941</svg>
16942</span></a
16943                      >
16944                    </li></ul>
16945              </div><footer class="s-mobile-menu__footer"><div>
16946      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-the-horus-heresy-forces-of-the-emperor" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
16947        <input type="hidden" name="country_code" value="GB">
16948<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-the-horus-heresy-forces-of-the-emperor-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
16949            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-the-horus-heresy-forces-of-the-emperor-country-button">
16950      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
16951          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
16952        </svg></button>
16953    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
16954        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-the-horus-heresy-forces-of-the-emperor-country-opt-0"><li class="custom-select__option flex items-center js-option"
16955            id="mobile-menu-localization-warhammer-the-horus-heresy-forces-of-the-emperor-country-opt-0"
16956            role="option"
16957            data-value="GB" aria-selected="true">
16958          <span class="pointer-events-none">United Kingdom [GBP]</span>
16959          </li></ul>
16960  </div></country-selector></div></div>
16960<script>
16961      customElements.whenDefined('custom-select').then(() => {
16962        if (!customElements.get('country-selector')) {
16963          class CountrySelector extends customElements.get('custom-select') {
16964            constructor() {
16965              super();
16966              this.loaded = false;
16967            }
16968
16969            async showListbox() {
16970              if (this.loaded) {
16971                super.showListbox();
16972                return;
16973              }
16974
16975              this.button.classList.add('is-loading');
16976              this.button.setAttribute('aria-disabled', 'true');
16977
16978              try {
16979                const response = await fetch('?section_id=country-selector');
16980                if (!response.ok) throw new Error(response.status);
16981
16982                const tmpl = document.createElement('template');
16983                tmpl.innerHTML = await response.text();
16984
16985                const el = tmpl.content.querySelector('.custom-select__listbox');
16986                this.listbox.innerHTML = el.innerHTML;
16987
16988                if (this.closest('.footer, .s-mobile-menu')) {
16989                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
16990                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
16991                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
16992                  });
16993                }
16994
16995                this.options = this.querySelectorAll('.custom-select__option');
16996
16997                this.popular = this.querySelectorAll('[data-popular]');
16998                if (this.popular.length) {
16999                  this.popular[this.popular.length - 1].closest('.custom-select__option')
17000                    .classList.add('custom-select__option--visual-group-end');
17001                }
17002
17003                this.selectedOption = this.querySelector('[aria-selected="true"]');
17004                if (!this.selectedOption) {
17005                  this.selectedOption = this.listbox.firstElementChild;
17006                }
17007
17008                this.loaded = true;
17009              } catch {
17010                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
17011              } finally {
17012                super.showListbox();
17013                this.button.classList.remove('is-loading');
17014                this.button.setAttribute('aria-disabled', 'false');
17015              }
17016            }
17017
17018            setButtonWidth() {
17019              return;
17020            }
17021          }
17022
17023          customElements.define('country-selector', CountrySelector);
17024        }
17025      });
17026    </script>
17026<script>
17027    document.getElementById('mobile-menu-localization-warhammer-the-horus-heresy-forces-of-the-emperor').addEventListener('change', (evt) => {
17028      const input = evt.target.previousElementSibling;
17029      if (input && input.tagName === 'INPUT') {
17030        input.value = evt.detail.selectedValue;
17031        evt.currentTarget.submit();
17032      }
17033    });
17034  </script>
17034</form>
17035    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
17036
17037</footer>
17038
17039            </div><div
17040              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
17041              data-parent="warhammer-the-horus-heresy-armies-of-the-warmaster"
17042            >
17043              <header class="s-mobile-menu__header">
17044                <button
17045                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
17046                  type="button"
17047                  aria-label="Back to The Horus Heresy"
17048                >
17049                  <svg
17050  width="16"
17051  height="16"
17052  viewBox="0 0 16 16"
17053  fill="none"
17054  xmlns="http://www.w3.org/2000/svg"
17055  aria-hidden="true"
17056  focusable="false"
17057  role="presentation"
17058  class="icon"
17059>
17060  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
17061</svg>
17062
17063                </button>
17064                <span class="s-mobile-menu__header-title">Armies of the Warmaster</span>
17065                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
17066                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
17067  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
17068</svg>
17069                </button>
17070              </header>
17071              <div class="s-mobile-menu__scroll">
17072                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
17073                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-daemons-of-the-ruinstorm" 
17074                        ><span>Daemons of the Ruinstorm</span
17075                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17076  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17077</svg>
17078</span></a
17079                      >
17080                    </li></ul>
17081              </div><footer class="s-mobile-menu__footer"><div>
17082      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-the-horus-heresy-armies-of-the-warmaster" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
17083        <input type="hidden" name="country_code" value="GB">
17084<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-the-horus-heresy-armies-of-the-warmaster-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
17085            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-the-horus-heresy-armies-of-the-warmaster-country-button">
17086      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
17087          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
17088        </svg></button>
17089    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
17090        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-the-horus-heresy-armies-of-the-warmaster-country-opt-0"><li class="custom-select__option flex items-center js-option"
17091            id="mobile-menu-localization-warhammer-the-horus-heresy-armies-of-the-warmaster-country-opt-0"
17092            role="option"
17093            data-value="GB" aria-selected="true">
17094          <span class="pointer-events-none">United Kingdom [GBP]</span>
17095          </li></ul>
17096  </div></country-selector></div></div>
17096<script>
17097      customElements.whenDefined('custom-select').then(() => {
17098        if (!customElements.get('country-selector')) {
17099          class CountrySelector extends customElements.get('custom-select') {
17100            constructor() {
17101              super();
17102              this.loaded = false;
17103            }
17104
17105            async showListbox() {
17106              if (this.loaded) {
17107                super.showListbox();
17108                return;
17109              }
17110
17111              this.button.classList.add('is-loading');
17112              this.button.setAttribute('aria-disabled', 'true');
17113
17114              try {
17115                const response = await fetch('?section_id=country-selector');
17116                if (!response.ok) throw new Error(response.status);
17117
17118                const tmpl = document.createElement('template');
17119                tmpl.innerHTML = await response.text();
17120
17121                const el = tmpl.content.querySelector('.custom-select__listbox');
17122                this.listbox.innerHTML = el.innerHTML;
17123
17124                if (this.closest('.footer, .s-mobile-menu')) {
17125                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
17126                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
17127                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
17128                  });
17129                }
17130
17131                this.options = this.querySelectorAll('.custom-select__option');
17132
17133                this.popular = this.querySelectorAll('[data-popular]');
17134                if (this.popular.length) {
17135                  this.popular[this.popular.length - 1].closest('.custom-select__option')
17136                    .classList.add('custom-select__option--visual-group-end');
17137                }
17138
17139                this.selectedOption = this.querySelector('[aria-selected="true"]');
17140                if (!this.selectedOption) {
17141                  this.selectedOption = this.listbox.firstElementChild;
17142                }
17143
17144                this.loaded = true;
17145              } catch {
17146                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
17147              } finally {
17148                super.showListbox();
17149                this.button.classList.remove('is-loading');
17150                this.button.setAttribute('aria-disabled', 'false');
17151              }
17152            }
17153
17154            setButtonWidth() {
17155              return;
17156            }
17157          }
17158
17159          customElements.define('country-selector', CountrySelector);
17160        }
17161      });
17162    </script>
17162<script>
17163    document.getElementById('mobile-menu-localization-warhammer-the-horus-heresy-armies-of-the-warmaster').addEventListener('change', (evt) => {
17164      const input = evt.target.previousElementSibling;
17165      if (input && input.tagName === 'INPUT') {
17166        input.value = evt.detail.selectedValue;
17167        evt.currentTarget.submit();
17168      }
17169    });
17170  </script>
17170</form>
17171    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
17172
17173</footer>
17174
17175            </div><div
17176              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
17177              data-parent="warhammer-the-horus-heresy-legions-imperialis"
17178            >
17179              <header class="s-mobile-menu__header">
17180                <button
17181                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
17182                  type="button"
17183                  aria-label="Back to The Horus Heresy"
17184                >
17185                  <svg
17186  width="16"
17187  height="16"
17188  viewBox="0 0 16 16"
17189  fill="none"
17190  xmlns="http://www.w3.org/2000/svg"
17191  aria-hidden="true"
17192  focusable="false"
17193  role="presentation"
17194  class="icon"
17195>
17196  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
17197</svg>
17198
17199                </button>
17200                <span class="s-mobile-menu__header-title">Legions Imperialis</span>
17201                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
17202                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
17203  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
17204</svg>
17205                </button>
17206              </header>
17207              <div class="s-mobile-menu__scroll">
17208                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
17209                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-legions-imperialis-legiones-astartes" 
17210                        ><span>Legiones Astartes</span
17211                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17212  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17213</svg>
17214</span></a
17215                      >
17216                    </li><li class="s-mobile-menu__item">
17217                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-legions-imperialis-solar-auxilia" 
17218                        ><span>Solar Auxilia</span
17219                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17220  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17221</svg>
17222</span></a
17223                      >
17224                    </li><li class="s-mobile-menu__item">
17225                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-legions-imperialis-mechanicum" 
17226                        ><span>Mechanicum</span
17227                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17228  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17229</svg>
17230</span></a
17231                      >
17232                    </li><li class="s-mobile-menu__item">
17233                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-legions-imperialis-dark-mechanicum" 
17234                        ><span>Dark Mechanicum</span
17235                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17236  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17237</svg>
17238</span></a
17239                      >
17240                    </li><li class="s-mobile-menu__item">
17241                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-legions-imperialis-strategic-assets-knights-titans" 
17242                        ><span>Strategic Assets - Knights &amp; Titans</span
17243                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17244  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17245</svg>
17246</span></a
17247                      >
17248                    </li><li class="s-mobile-menu__item">
17249                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-legions-imperialis-rules-starter-set" 
17250                        ><span>Rules &amp; Starter Set</span
17251                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17252  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17253</svg>
17254</span></a
17255                      >
17256                    </li><li class="s-mobile-menu__item">
17257                      <a class="s-mobile-menu__expanded-link" href="/collections/the-horus-heresy-terrain-base-accessory" 
17258                        ><span>Terrain, Bases, &amp; Accessories</span
17259                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17260  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17261</svg>
17262</span></a
17263                      >
17264                    </li></ul>
17265              </div><footer class="s-mobile-menu__footer"><div>
17266      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-the-horus-heresy-legions-imperialis" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
17267        <input type="hidden" name="country_code" value="GB">
17268<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-the-horus-heresy-legions-imperialis-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
17269            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-the-horus-heresy-legions-imperialis-country-button">
17270      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
17271          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
17272        </svg></button>
17273    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
17274        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-the-horus-heresy-legions-imperialis-country-opt-0"><li class="custom-select__option flex items-center js-option"
17275            id="mobile-menu-localization-warhammer-the-horus-heresy-legions-imperialis-country-opt-0"
17276            role="option"
17277            data-value="GB" aria-selected="true">
17278          <span class="pointer-events-none">United Kingdom [GBP]</span>
17279          </li></ul>
17280  </div></country-selector></div></div>
17280<script>
17281      customElements.whenDefined('custom-select').then(() => {
17282        if (!customElements.get('country-selector')) {
17283          class CountrySelector extends customElements.get('custom-select') {
17284            constructor() {
17285              super();
17286              this.loaded = false;
17287            }
17288
17289            async showListbox() {
17290              if (this.loaded) {
17291                super.showListbox();
17292                return;
17293              }
17294
17295              this.button.classList.add('is-loading');
17296              this.button.setAttribute('aria-disabled', 'true');
17297
17298              try {
17299                const response = await fetch('?section_id=country-selector');
17300                if (!response.ok) throw new Error(response.status);
17301
17302                const tmpl = document.createElement('template');
17303                tmpl.innerHTML = await response.text();
17304
17305                const el = tmpl.content.querySelector('.custom-select__listbox');
17306                this.listbox.innerHTML = el.innerHTML;
17307
17308                if (this.closest('.footer, .s-mobile-menu')) {
17309                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
17310                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
17311                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
17312                  });
17313                }
17314
17315                this.options = this.querySelectorAll('.custom-select__option');
17316
17317                this.popular = this.querySelectorAll('[data-popular]');
17318                if (this.popular.length) {
17319                  this.popular[this.popular.length - 1].closest('.custom-select__option')
17320                    .classList.add('custom-select__option--visual-group-end');
17321                }
17322
17323                this.selectedOption = this.querySelector('[aria-selected="true"]');
17324                if (!this.selectedOption) {
17325                  this.selectedOption = this.listbox.firstElementChild;
17326                }
17327
17328                this.loaded = true;
17329              } catch {
17330                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
17331              } finally {
17332                super.showListbox();
17333                this.button.classList.remove('is-loading');
17334                this.button.setAttribute('aria-disabled', 'false');
17335              }
17336            }
17337
17338            setButtonWidth() {
17339              return;
17340            }
17341          }
17342
17343          customElements.define('country-selector', CountrySelector);
17344        }
17345      });
17346    </script>
17346<script>
17347    document.getElementById('mobile-menu-localization-warhammer-the-horus-heresy-legions-imperialis').addEventListener('change', (evt) => {
17348      const input = evt.target.previousElementSibling;
17349      if (input && input.tagName === 'INPUT') {
17350        input.value = evt.detail.selectedValue;
17351        evt.currentTarget.submit();
17352      }
17353    });
17354  </script>
17354</form>
17355    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
17356
17357</footer>
17358
17359            </div><div
17360              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
17361              data-parent="warhammer-the-old-world-the-old-world-all"
17362            >
17363              <header class="s-mobile-menu__header">
17364                <button
17365                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
17366                  type="button"
17367                  aria-label="Back to The Old World"
17368                >
17369                  <svg
17370  width="16"
17371  height="16"
17372  viewBox="0 0 16 16"
17373  fill="none"
17374  xmlns="http://www.w3.org/2000/svg"
17375  aria-hidden="true"
17376  focusable="false"
17377  role="presentation"
17378  class="icon"
17379>
17380  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
17381</svg>
17382
17383                </button>
17384                <span class="s-mobile-menu__header-title">The Old World - All</span>
17385                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
17386                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
17387  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
17388</svg>
17389                </button>
17390              </header>
17391              <div class="s-mobile-menu__scroll">
17392                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
17393                      <a class="s-mobile-menu__expanded-link" href="/collections/new-release-the-old-world" 
17394                        ><span>New Releases</span
17395                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17396  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17397</svg>
17398</span></a
17399                      >
17400                    </li><li class="s-mobile-menu__item">
17401                      <a class="s-mobile-menu__expanded-link" href="/collections/pre-order-the-old-world" 
17402                        ><span>Pre-Orders</span
17403                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17404  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17405</svg>
17406</span></a
17407                      >
17408                    </li><li class="s-mobile-menu__item">
17409                      <a class="s-mobile-menu__expanded-link" href="/collections/the-old-world-rules-starter-set" 
17410                        ><span>Rules &amp; Starter Sets</span
17411                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17412  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17413</svg>
17414</span></a
17415                      >
17416                    </li><li class="s-mobile-menu__item">
17417                      <a class="s-mobile-menu__expanded-link" href="/collections/the-old-world-scenery-bases-accessories" 
17418                        ><span>Scenery, Bases, &amp; Accessories</span
17419                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17420  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17421</svg>
17422</span></a
17423                      >
17424                    </li></ul>
17425              </div><footer class="s-mobile-menu__footer"><div>
17426      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-the-old-world-the-old-world-all" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
17427        <input type="hidden" name="country_code" value="GB">
17428<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-the-old-world-the-old-world-all-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
17429            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-the-old-world-the-old-world-all-country-button">
17430      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
17431          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
17432        </svg></button>
17433    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
17434        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-the-old-world-the-old-world-all-country-opt-0"><li class="custom-select__option flex items-center js-option"
17435            id="mobile-menu-localization-warhammer-the-old-world-the-old-world-all-country-opt-0"
17436            role="option"
17437            data-value="GB" aria-selected="true">
17438          <span class="pointer-events-none">United Kingdom [GBP]</span>
17439          </li></ul>
17440  </div></country-selector></div></div>
17440<script>
17441      customElements.whenDefined('custom-select').then(() => {
17442        if (!customElements.get('country-selector')) {
17443          class CountrySelector extends customElements.get('custom-select') {
17444            constructor() {
17445              super();
17446              this.loaded = false;
17447            }
17448
17449            async showListbox() {
17450              if (this.loaded) {
17451                super.showListbox();
17452                return;
17453              }
17454
17455              this.button.classList.add('is-loading');
17456              this.button.setAttribute('aria-disabled', 'true');
17457
17458              try {
17459                const response = await fetch('?section_id=country-selector');
17460                if (!response.ok) throw new Error(response.status);
17461
17462                const tmpl = document.createElement('template');
17463                tmpl.innerHTML = await response.text();
17464
17465                const el = tmpl.content.querySelector('.custom-select__listbox');
17466                this.listbox.innerHTML = el.innerHTML;
17467
17468                if (this.closest('.footer, .s-mobile-menu')) {
17469                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
17470                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
17471                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
17472                  });
17473                }
17474
17475                this.options = this.querySelectorAll('.custom-select__option');
17476
17477                this.popular = this.querySelectorAll('[data-popular]');
17478                if (this.popular.length) {
17479                  this.popular[this.popular.length - 1].closest('.custom-select__option')
17480                    .classList.add('custom-select__option--visual-group-end');
17481                }
17482
17483                this.selectedOption = this.querySelector('[aria-selected="true"]');
17484                if (!this.selectedOption) {
17485                  this.selectedOption = this.listbox.firstElementChild;
17486                }
17487
17488                this.loaded = true;
17489              } catch {
17490                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
17491              } finally {
17492                super.showListbox();
17493                this.button.classList.remove('is-loading');
17494                this.button.setAttribute('aria-disabled', 'false');
17495              }
17496            }
17497
17498            setButtonWidth() {
17499              return;
17500            }
17501          }
17502
17503          customElements.define('country-selector', CountrySelector);
17504        }
17505      });
17506    </script>
17506<script>
17507    document.getElementById('mobile-menu-localization-warhammer-the-old-world-the-old-world-all').addEventListener('change', (evt) => {
17508      const input = evt.target.previousElementSibling;
17509      if (input && input.tagName === 'INPUT') {
17510        input.value = evt.detail.selectedValue;
17511        evt.currentTarget.submit();
17512      }
17513    });
17514  </script>
17514</form>
17515    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
17516
17517</footer>
17518
17519            </div><div
17520              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
17521              data-parent="warhammer-the-old-world-armies-of-the-old-world"
17522            >
17523              <header class="s-mobile-menu__header">
17524                <button
17525                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
17526                  type="button"
17527                  aria-label="Back to The Old World"
17528                >
17529                  <svg
17530  width="16"
17531  height="16"
17532  viewBox="0 0 16 16"
17533  fill="none"
17534  xmlns="http://www.w3.org/2000/svg"
17535  aria-hidden="true"
17536  focusable="false"
17537  role="presentation"
17538  class="icon"
17539>
17540  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
17541</svg>
17542
17543                </button>
17544                <span class="s-mobile-menu__header-title">Armies of the Old World</span>
17545                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
17546                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
17547  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
17548</svg>
17549                </button>
17550              </header>
17551              <div class="s-mobile-menu__scroll">
17552                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
17553                      <a class="s-mobile-menu__expanded-link" href="/collections/the-old-world-beastmen-brayherds" 
17554                        ><span>Beastmen Brayherds</span
17555                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17556  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17557</svg>
17558</span></a
17559                      >
17560                    </li><li class="s-mobile-menu__item">
17561                      <a class="s-mobile-menu__expanded-link" href="/collections/the-old-world-dwarfen-mountain-holds" 
17562                        ><span>Dwarfen Mountain Holds</span
17563                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17564  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17565</svg>
17566</span></a
17567                      >
17568                    </li><li class="s-mobile-menu__item">
17569                      <a class="s-mobile-menu__expanded-link" href="/collections/the-old-world-empire-of-man" 
17570                        ><span>Empire of Man</span
17571                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17572  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17573</svg>
17574</span></a
17575                      >
17576                    </li><li class="s-mobile-menu__item">
17577                      <a class="s-mobile-menu__expanded-link" href="/collections/the-old-world-grand-cathay" 
17578                        ><span>Grand Cathay</span
17579                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17580  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17581</svg>
17582</span></a
17583                      >
17584                    </li><li class="s-mobile-menu__item">
17585                      <a class="s-mobile-menu__expanded-link" href="/collections/the-old-world-high-elf-realms" 
17586                        ><span>High Elf Realms</span
17587                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17588  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17589</svg>
17590</span></a
17591                      >
17592                    </li><li class="s-mobile-menu__item">
17593                      <a class="s-mobile-menu__expanded-link" href="/collections/the-old-world-kingdom-of-bretonnia" 
17594                        ><span>Kingdom of Bretonnia</span
17595                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17596  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17597</svg>
17598</span></a
17599                      >
17600                    </li><li class="s-mobile-menu__item">
17601                      <a class="s-mobile-menu__expanded-link" href="/collections/the-old-world-orc-and-goblin-tribes" 
17602                        ><span>Orc and Goblin Tribes</span
17603                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17604  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17605</svg>
17606</span></a
17607                      >
17608                    </li><li class="s-mobile-menu__item">
17609                      <a class="s-mobile-menu__expanded-link" href="/collections/the-old-world-tomb-kings-of-khemri" 
17610                        ><span>Tomb Kings of Khemri</span
17611                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17612  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17613</svg>
17614</span></a
17615                      >
17616                    </li><li class="s-mobile-menu__item">
17617                      <a class="s-mobile-menu__expanded-link" href="/collections/the-old-world-warriors-of-chaos" 
17618                        ><span>Warriors of Chaos</span
17619                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17620  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17621</svg>
17622</span></a
17623                      >
17624                    </li><li class="s-mobile-menu__item">
17625                      <a class="s-mobile-menu__expanded-link" href="/collections/the-old-world-wood-elf-realms" 
17626                        ><span>Wood Elf Realms</span
17627                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17628  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17629</svg>
17630</span></a
17631                      >
17632                    </li></ul>
17633              </div><footer class="s-mobile-menu__footer"><div>
17634      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-the-old-world-armies-of-the-old-world" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
17635        <input type="hidden" name="country_code" value="GB">
17636<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-the-old-world-armies-of-the-old-world-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
17637            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-the-old-world-armies-of-the-old-world-country-button">
17638      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
17639          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
17640        </svg></button>
17641    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
17642        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-the-old-world-armies-of-the-old-world-country-opt-0"><li class="custom-select__option flex items-center js-option"
17643            id="mobile-menu-localization-warhammer-the-old-world-armies-of-the-old-world-country-opt-0"
17644            role="option"
17645            data-value="GB" aria-selected="true">
17646          <span class="pointer-events-none">United Kingdom [GBP]</span>
17647          </li></ul>
17648  </div></country-selector></div></div>
17648<script>
17649      customElements.whenDefined('custom-select').then(() => {
17650        if (!customElements.get('country-selector')) {
17651          class CountrySelector extends customElements.get('custom-select') {
17652            constructor() {
17653              super();
17654              this.loaded = false;
17655            }
17656
17657            async showListbox() {
17658              if (this.loaded) {
17659                super.showListbox();
17660                return;
17661              }
17662
17663              this.button.classList.add('is-loading');
17664              this.button.setAttribute('aria-disabled', 'true');
17665
17666              try {
17667                const response = await fetch('?section_id=country-selector');
17668                if (!response.ok) throw new Error(response.status);
17669
17670                const tmpl = document.createElement('template');
17671                tmpl.innerHTML = await response.text();
17672
17673                const el = tmpl.content.querySelector('.custom-select__listbox');
17674                this.listbox.innerHTML = el.innerHTML;
17675
17676                if (this.closest('.footer, .s-mobile-menu')) {
17677                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
17678                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
17679                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
17680                  });
17681                }
17682
17683                this.options = this.querySelectorAll('.custom-select__option');
17684
17685                this.popular = this.querySelectorAll('[data-popular]');
17686                if (this.popular.length) {
17687                  this.popular[this.popular.length - 1].closest('.custom-select__option')
17688                    .classList.add('custom-select__option--visual-group-end');
17689                }
17690
17691                this.selectedOption = this.querySelector('[aria-selected="true"]');
17692                if (!this.selectedOption) {
17693                  this.selectedOption = this.listbox.firstElementChild;
17694                }
17695
17696                this.loaded = true;
17697              } catch {
17698                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
17699              } finally {
17700                super.showListbox();
17701                this.button.classList.remove('is-loading');
17702                this.button.setAttribute('aria-disabled', 'false');
17703              }
17704            }
17705
17706            setButtonWidth() {
17707              return;
17708            }
17709          }
17710
17711          customElements.define('country-selector', CountrySelector);
17712        }
17713      });
17714    </script>
17714<script>
17715    document.getElementById('mobile-menu-localization-warhammer-the-old-world-armies-of-the-old-world').addEventListener('change', (evt) => {
17716      const input = evt.target.previousElementSibling;
17717      if (input && input.tagName === 'INPUT') {
17718        input.value = evt.detail.selectedValue;
17719        evt.currentTarget.submit();
17720      }
17721    });
17722  </script>
17722</form>
17723    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
17724
17725</footer>
17726
17727            </div><div
17728              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
17729              data-parent="warhammer-warhammer-colour-warhammer-colour"
17730            >
17731              <header class="s-mobile-menu__header">
17732                <button
17733                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
17734                  type="button"
17735                  aria-label="Back to Warhammer Colour"
17736                >
17737                  <svg
17738  width="16"
17739  height="16"
17740  viewBox="0 0 16 16"
17741  fill="none"
17742  xmlns="http://www.w3.org/2000/svg"
17743  aria-hidden="true"
17744  focusable="false"
17745  role="presentation"
17746  class="icon"
17747>
17748  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
17749</svg>
17750
17751                </button>
17752                <span class="s-mobile-menu__header-title">Warhammer Colour</span>
17753                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
17754                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
17755  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
17756</svg>
17757                </button>
17758              </header>
17759              <div class="s-mobile-menu__scroll">
17760                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
17761                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-colour-tools-bases-and-accessories" 
17762                        ><span>Tools, Bases, and Accessories</span
17763                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17764  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17765</svg>
17766</span></a
17767                      >
17768                    </li><li class="s-mobile-menu__item">
17769                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-colour-brushes" 
17770                        ><span>Brushes</span
17771                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17772  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17773</svg>
17774</span></a
17775                      >
17776                    </li></ul>
17777              </div><footer class="s-mobile-menu__footer"><div>
17778      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-warhammer-colour-warhammer-colour" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
17779        <input type="hidden" name="country_code" value="GB">
17780<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-warhammer-colour-warhammer-colour-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
17781            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-warhammer-colour-warhammer-colour-country-button">
17782      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
17783          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
17784        </svg></button>
17785    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
17786        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-warhammer-colour-warhammer-colour-country-opt-0"><li class="custom-select__option flex items-center js-option"
17787            id="mobile-menu-localization-warhammer-warhammer-colour-warhammer-colour-country-opt-0"
17788            role="option"
17789            data-value="GB" aria-selected="true">
17790          <span class="pointer-events-none">United Kingdom [GBP]</span>
17791          </li></ul>
17792  </div></country-selector></div></div>
17792<script>
17793      customElements.whenDefined('custom-select').then(() => {
17794        if (!customElements.get('country-selector')) {
17795          class CountrySelector extends customElements.get('custom-select') {
17796            constructor() {
17797              super();
17798              this.loaded = false;
17799            }
17800
17801            async showListbox() {
17802              if (this.loaded) {
17803                super.showListbox();
17804                return;
17805              }
17806
17807              this.button.classList.add('is-loading');
17808              this.button.setAttribute('aria-disabled', 'true');
17809
17810              try {
17811                const response = await fetch('?section_id=country-selector');
17812                if (!response.ok) throw new Error(response.status);
17813
17814                const tmpl = document.createElement('template');
17815                tmpl.innerHTML = await response.text();
17816
17817                const el = tmpl.content.querySelector('.custom-select__listbox');
17818                this.listbox.innerHTML = el.innerHTML;
17819
17820                if (this.closest('.footer, .s-mobile-menu')) {
17821                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
17822                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
17823                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
17824                  });
17825                }
17826
17827                this.options = this.querySelectorAll('.custom-select__option');
17828
17829                this.popular = this.querySelectorAll('[data-popular]');
17830                if (this.popular.length) {
17831                  this.popular[this.popular.length - 1].closest('.custom-select__option')
17832                    .classList.add('custom-select__option--visual-group-end');
17833                }
17834
17835                this.selectedOption = this.querySelector('[aria-selected="true"]');
17836                if (!this.selectedOption) {
17837                  this.selectedOption = this.listbox.firstElementChild;
17838                }
17839
17840                this.loaded = true;
17841              } catch {
17842                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
17843              } finally {
17844                super.showListbox();
17845                this.button.classList.remove('is-loading');
17846                this.button.setAttribute('aria-disabled', 'false');
17847              }
17848            }
17849
17850            setButtonWidth() {
17851              return;
17852            }
17853          }
17854
17855          customElements.define('country-selector', CountrySelector);
17856        }
17857      });
17858    </script>
17858<script>
17859    document.getElementById('mobile-menu-localization-warhammer-warhammer-colour-warhammer-colour').addEventListener('change', (evt) => {
17860      const input = evt.target.previousElementSibling;
17861      if (input && input.tagName === 'INPUT') {
17862        input.value = evt.detail.selectedValue;
17863        evt.currentTarget.submit();
17864      }
17865    });
17866  </script>
17866</form>
17867    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
17868
17869</footer>
17870
17871            </div><div
17872              class="s-mobile-menu__fourth-menu js-mobile-menu__fourth-menu"
17873              data-parent="warhammer-warhammer-colour-paints"
17874            >
17875              <header class="s-mobile-menu__header">
17876                <button
17877                  class="s-mobile-menu__back js-mobile-menu__header-back-4"
17878                  type="button"
17879                  aria-label="Back to Warhammer Colour"
17880                >
17881                  <svg
17882  width="16"
17883  height="16"
17884  viewBox="0 0 16 16"
17885  fill="none"
17886  xmlns="http://www.w3.org/2000/svg"
17887  aria-hidden="true"
17888  focusable="false"
17889  role="presentation"
17890  class="icon"
17891>
17892  <path d="M6.75 1.75L0.5 8L6.75 14.25L8.15 12.85L4.3 9H15.5V7H4.3L8.15 3.15L6.75 1.75Z" fill="currentColor"/>
17893</svg>
17894
17895                </button>
17896                <span class="s-mobile-menu__header-title">Paints</span>
17897                <button class="s-mobile-menu__close js-mobile-menu__close" type="button" aria-label="Close menu">
17898                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
17899  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
17900</svg>
17901                </button>
17902              </header>
17903              <div class="s-mobile-menu__scroll">
17904                <ul class="s-mobile-menu__list" role="list"><li class="s-mobile-menu__item">
17905                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-colour-layer-paint" 
17906                        ><span>Layer</span
17907                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17908  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17909</svg>
17910</span></a
17911                      >
17912                    </li><li class="s-mobile-menu__item">
17913                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-colour-contrast-paint" 
17914                        ><span>Contrast</span
17915                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17916  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17917</svg>
17918</span></a
17919                      >
17920                    </li><li class="s-mobile-menu__item">
17921                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-colour-base-paint" 
17922                        ><span>Base</span
17923                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17924  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17925</svg>
17926</span></a
17927                      >
17928                    </li><li class="s-mobile-menu__item">
17929                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-colour-air-paint" 
17930                        ><span>Air</span
17931                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17932  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17933</svg>
17934</span></a
17935                      >
17936                    </li><li class="s-mobile-menu__item">
17937                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-colour-dry-paint" 
17938                        ><span>Dry</span
17939                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17940  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17941</svg>
17942</span></a
17943                      >
17944                    </li><li class="s-mobile-menu__item">
17945                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-colour-technical-paint" 
17946                        ><span>Technical</span
17947                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17948  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17949</svg>
17950</span></a
17951                      >
17952                    </li><li class="s-mobile-menu__item">
17953                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-colour-shade-paint" 
17954                        ><span>
17954Shade</span
17955                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17956  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17957</svg>
17958</span></a
17959                      >
17960                    </li><li class="s-mobile-menu__item">
17961                      <a class="s-mobile-menu__expanded-link" href="/collections/warhammer-colour-spray-paint" 
17962                        ><span>Spray</span
17963                        ><span class="s-mobile-menu__arrow" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none">
17964  <path d="M10.9918 0.500001L16.5 6.50004L10.9918 12.5M16.5 6.50004L0.499999 6.50004" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
17965</svg>
17966</span></a
17967                      >
17968                    </li></ul>
17969              </div><footer class="s-mobile-menu__footer"><div>
17970      <form method="post" action="/localization" id="mobile-menu-localization-warhammer-warhammer-colour-paints" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
17971        <input type="hidden" name="country_code" value="GB">
17972<country-selector><label class="label visually-hidden no-js-hidden" for="mobile-menu-localization-warhammer-warhammer-colour-paints-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
17973            aria-expanded="false" aria-haspopup="listbox" id="mobile-menu-localization-warhammer-warhammer-colour-paints-country-button">
17974      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
17975          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
17976        </svg></button>
17977    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
17978        aria-hidden="true" hidden aria-activedescendant="mobile-menu-localization-warhammer-warhammer-colour-paints-country-opt-0"><li class="custom-select__option flex items-center js-option"
17979            id="mobile-menu-localization-warhammer-warhammer-colour-paints-country-opt-0"
17980            role="option"
17981            data-value="GB" aria-selected="true">
17982          <span class="pointer-events-none">United Kingdom [GBP]</span>
17983          </li></ul>
17984  </div></country-selector></div></div>
17984<script>
17985      customElements.whenDefined('custom-select').then(() => {
17986        if (!customElements.get('country-selector')) {
17987          class CountrySelector extends customElements.get('custom-select') {
17988            constructor() {
17989              super();
17990              this.loaded = false;
17991            }
17992
17993            async showListbox() {
17994              if (this.loaded) {
17995                super.showListbox();
17996                return;
17997              }
17998
17999              this.button.classList.add('is-loading');
18000              this.button.setAttribute('aria-disabled', 'true');
18001
18002              try {
18003                const response = await fetch('?section_id=country-selector');
18004                if (!response.ok) throw new Error(response.status);
18005
18006                const tmpl = document.createElement('template');
18007                tmpl.innerHTML = await response.text();
18008
18009                const el = tmpl.content.querySelector('.custom-select__listbox');
18010                this.listbox.innerHTML = el.innerHTML;
18011
18012                if (this.closest('.footer, .s-mobile-menu')) {
18013                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
18014                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
18015                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
18016                  });
18017                }
18018
18019                this.options = this.querySelectorAll('.custom-select__option');
18020
18021                this.popular = this.querySelectorAll('[data-popular]');
18022                if (this.popular.length) {
18023                  this.popular[this.popular.length - 1].closest('.custom-select__option')
18024                    .classList.add('custom-select__option--visual-group-end');
18025                }
18026
18027                this.selectedOption = this.querySelector('[aria-selected="true"]');
18028                if (!this.selectedOption) {
18029                  this.selectedOption = this.listbox.firstElementChild;
18030                }
18031
18032                this.loaded = true;
18033              } catch {
18034                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
18035              } finally {
18036                super.showListbox();
18037                this.button.classList.remove('is-loading');
18038                this.button.setAttribute('aria-disabled', 'false');
18039              }
18040            }
18041
18042            setButtonWidth() {
18043              return;
18044            }
18045          }
18046
18047          customElements.define('country-selector', CountrySelector);
18048        }
18049      });
18050    </script>
18050<script>
18051    document.getElementById('mobile-menu-localization-warhammer-warhammer-colour-paints').addEventListener('change', (evt) => {
18052      const input = evt.target.previousElementSibling;
18053      if (input && input.tagName === 'INPUT') {
18054        input.value = evt.detail.selectedValue;
18055        evt.currentTarget.submit();
18056      }
18057    });
18058  </script>
18058</form>
18059    </div><ul class="social inline-flex flex-wrap justify-end"></ul>
18060
18061</footer>
18062
18063            </div></div>
18064</mobile-menu>
18065
18066
18067</div><section id="shopify-section-sections--30321007591798__announcement_bar_bPFn3U" class="shopify-section shopify-section-group-header-group cc-announcement-bar">
18068</section>
18069<!-- END sections: header-group --><main id="main-content"><div id="shopify-section-template--30321008116086__main" class="shopify-section cc-main-search section section--template"><link href="//travellingman.com/cdn/shop/t/73/assets/products-grid.css?v=4478115694912393261790831904" rel="stylesheet" type="text/css" media="all" />
18070<link href="//travellingman.com/cdn/shop/t/73/assets/product.css?v=136349811806530725421790831903" rel="stylesheet" type="text/css" media="all" />
18071<link rel="stylesheet" href="//travellingman.com/cdn/shop/t/73/assets/quick-add.css?v=40924328193358836581790831902" media="print" onload="this.media='all'">
18072  
18072<script src="//travellingman.com/cdn/shop/t/73/assets/quick-add.js?v=144417702492661130001790831902" defer="defer"></script>
18072
18073  
18073<script src="//travellingman.com/cdn/shop/t/73/assets/variant-picker.js?v=6973538738462793251790831904" defer="defer"></script>
18073
18074  
18074<script src="//travellingman.com/cdn/shop/t/73/assets/product-form.js?v=42399254086473052111790831904" defer="defer"></script>
18074
18075  
18075<script src="//travellingman.com/cdn/shop/t/73/assets/custom-select.js?v=106690310006339185641790831902" defer="defer"></script>
18075<link rel="stylesheet" href="//travellingman.com/cdn/shop/t/73/assets/predictive-search.css?v=21239819754936278281790831904" media="print" onload="this.media='all'">
18076  
18076<script src="//travellingman.com/cdn/shop/t/73/assets/predictive-search.js?v=123197556567300059411790868161" defer="defer"></script>
18076
18077  
18077<script src="//travellingman.com/cdn/shop/t/73/assets/tabs.js?v=79975170418644626761790831902" defer="defer"></script>
18077<div class="container"><div class="text-center"><h1>Search</h1><div class="form-width mb-section block mx-auto">
18078          <link rel="stylesheet" href="//travellingman.com/cdn/shop/t/73/assets/search-suggestions.css?v=84163686392962511531790831902" media="print" onload="this.media='all'"><predictive-search class="block" data-loading-text="Loading..."><form class="search relative" role="search" action="/search" method="get">
18079    <label class="label visually-hidden" for="main-search">Search</label>
18080    
18080<script src="//travellingman.com/cdn/shop/t/73/assets/search-form.js?v=115305012452390242641790868162" defer="defer"></script>
18080
18081    <search-form class="search__form block">
18082      <input type="hidden" name="options[prefix]" value="last">
18083      <input type="search"
18084             class="search__input w-full input js-search-input"
18085             id="main-search"
18086             name="q"
18087             placeholder="Search for cameras..."
18088             value=""
18089             
18090               
18091                 data-placeholder-one="Search for cameras..."
18092               
18093               
18094                 data-placeholder-two="Search for a laptop..."
18095               
18096               
18097                 data-placeholder-three="Search for smart tech..."
18098               
18099               data-placeholder-prompts-mob="false"
18100               
18101                 data-typing-speed="100"
18102                 data-deleting-speed="60"
18103                 data-delay-after-deleting="500"
18104                 data-delay-before-first-delete="2000"
18105                 data-delay-after-word-typed="2400"
18106               
18107             
18108             role="combobox"
18109               autocomplete="off"
18110               aria-autocomplete="list"
18111               aria-controls="predictive-search-results"
18112               aria-owns="predictive-search-results"
18113               aria-haspopup="listbox"
18114               aria-expanded="false"
18115               spellcheck="false"><button class="search__submit text-current absolute focus-inset start"><span class="visually-hidden">Search</span><svg width="21" height="23" viewBox="0 0 21 23" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M14.398 14.483 19 19.514l-1.186 1.014-4.59-5.017a8.317 8.317 0 0 1-4.888 1.578C3.732 17.089 0 13.369 0 8.779S3.732.472 8.336.472c4.603 0 8.335 3.72 8.335 8.307a8.265 8.265 0 0 1-2.273 5.704ZM8.336 15.53c3.74 0 6.772-3.022 6.772-6.75 0-3.729-3.031-6.75-6.772-6.75S1.563 5.051 1.563 8.78c0 3.728 3.032 6.75 6.773 6.75Z"/></svg>
18116</button>
18117<button type="button" class="search__reset text-current vertical-center absolute focus-inset js-search-reset" hidden>
18118        <span class="visually-hidden">Reset</span>
18119        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
18120  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
18121</svg>
18122      </button></search-form><div class="js-search-results" tabindex="-1" data-predictive-search></div>
18123      <span class="js-search-status visually-hidden" role="status" aria-hidden="true"></span></form>
18124  <div class="overlay fixed top-0 right-0 bottom-0 left-0 js-search-overlay"></div></predictive-search>
18125        </div></div></div>
18126
18127
18128</div>
18129  </main><!-- BEGIN sections: overlay-group -->
18130<div id="shopify-section-sections--30321007624566__cart-drawer" class="shopify-section shopify-section-group-overlay-group cc-cart-drawer"><link rel="stylesheet" href="//travellingman.com/cdn/shop/t/73/assets/cart-items.css?v=86108253537368705211790831905" media="print" onload="this.media='all'">
18131<link rel="stylesheet" href="//travellingman.com/cdn/shop/t/73/assets/cart-free-shipping-progress.css?v=80315831323523486721790831904" media="print" onload="this.media='all'">
18132<script src="//travellingman.com/cdn/shop/t/73/assets/cart-drawer.js?v=50515112920155053041790831903" defer="defer"></script>
vendor: 1 bytes, line 18132
18132
18133<script src="//travellingman.com/cdn/shop/t/73/assets/cart-free-shipping-progress.js?v=145953825545544870161790831905" defer="defer"></script>
18133<cart-drawer class="drawer drawer--cart fixed top-0 right-0 flex flex-col w-full has-motion" data-name="cart-drawer" id="cart-drawer" role="dialog" aria-label="Your cart" aria-modal="true" aria-hidden="true" tabindex="-1" data-shipping-calculator="false" data-css-var-height=".cart-drawer__checkout-buttons,.cart-drawer__summary,.cart-drawer__mobile-menu">
18134  <header id="cart-drawer-header" class="drawer__header flex justify-between items-center">
18135    <h2 class="h6 mb-0">Your cart <span class="cart-drawer__item-count">(0)</span></h2>
18136    <div class="flex items-center gap-x-theme"><button type="button" class="drawer__close-btn js-close-drawer">
18137        <span class="visually-hidden">Close</span>
18138        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
18139  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
18140</svg>
18141      </button>
18142    </div>
18143  </header>
18144
18145  <div class="drawer__content drawer__content--flex flex-auto items-center">
18146
18147    <div class="cart-drawer__content grow flex items-center"><form class="form" id="cart-drawer-form" action="/cart" method="post">
18148        <cart-items id="cart-items" data-section="cart-drawer" data-empty="true"><div class="cart-empty flex flex-col justify-center items-center h-full js-cart-empty"><svg width="21" height="19" viewBox="0 0 21 19" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M10 6.25V.5h1.5v5.75H21l-3.818 12H3.818L0 6.25h10Zm-7.949 1.5 2.864 9h11.17l2.864-9H2.05h.001Z"/></svg><p>Your cart is empty</p><a class="btn btn--primary" href="/collections/all">Start shopping</a></div><p class="visually-hidden" id="cart-live-region-text" role="status" aria-live="polite">
18149    Subtotal:£0.00 GBP
18150</p>
18151  <p class="visually-hidden" id="cart-line-item-status" role="status" aria-live="polite" aria-hidden="true">Loading...</p><div class="alert mt-6 bg-error-bg text-error-text" id="cart-errors" role="alert" hidden></div></cart-items>
18152
18153      </form>
18154    </div>
18155
18156    <div id="cart-promoted-products" class="w-full cart-drawer__promoted-products-container"></div>
18157    <div class="cart-delivery-messages">
18158    <ul class="tm-pdp__benefits" role="list"><li>📦  Free shipping on orders over £40</li><li>🚚  Dispatched within 24–48 hours (Mon–Fri)</li></ul>
18159  </div>
18160</div><div class="cart-drawer__summary drawer__footer relative cart-drawer--checkout--sticky-true"></div>
18161
18162  <div class="overlay overlay--drawer absolute top-0 right-0 bottom-0 left-0 js-close"></div>
18163</cart-drawer>
18164
18165</div><div id="shopify-section-sections--30321007624566__product-compare" class="shopify-section shopify-section-group-overlay-group cc-compare">
18166</div>
18167<!-- END sections: overlay-group --><!-- BEGIN sections: footer-group -->
18168<div id="shopify-section-sections--30321007559030__footer" class="shopify-section shopify-section-group-footer-group cc-footer"><link rel="stylesheet" href="//travellingman.com/cdn/shop/t/73/assets/footer.css?v=126856405982604227041790831903" media="print" onload="this.media='all'">
18168<script src="//travellingman.com/cdn/shop/t/73/assets/custom-select.js?v=106690310006339185641790831902" defer="defer"></script>
18168<style data-shopify>.footer {
18169    --bg-color: 20 20 20 / 1.0;
18170    --heading-color: 255 255 255;
18171    --text-color: 255 255 255;
18172  }</style><footer class="footer bg-theme-bg text-theme-text"><div class="footer-stars footer-stars--left" aria-hidden="true">
18173      <svg width="19" height="30" viewBox="0 0 19 30" fill="none" xmlns="http://www.w3.org/2000/svg">
18174        <path d="M9.17115 0L12.3618 9.55818L18.3423 14.6575L12.3618 19.7567L9.17115 29.3149L5.98054 19.7567L0 14.6575L5.98054 9.55818L9.17115 0Z" fill="#DA5058"/>
18175      </svg>
18176      <svg width="26" height="41" viewBox="0 0 26 41" fill="none" xmlns="http://www.w3.org/2000/svg">
18177        <path d="M12.7741 0L17.2182 13.3281L25.5482 20.4386L17.2182 27.5491L12.7741 40.8771L8.33003 27.5491L0 20.4386L8.33003 13.3281L12.7741 0Z" fill="#FDE8C9"/>
18178      </svg>
18179      <svg width="19" height="30" viewBox="0 0 19 30" fill="none" xmlns="http://www.w3.org/2000/svg">
18180        <path d="M9.17115 0L12.3618 9.55818L18.3423 14.6575L12.3618 19.7567L9.17115 29.3149L5.98054 19.7567L0 14.6575L5.98054 9.55818L9.17115 0Z" fill="#DA5058"/>
18181      </svg>
18182    </div>
18183    <div class="footer-stars footer-stars--right" aria-hidden="true">
18184      <svg width="19" height="30" viewBox="0 0 19 30" fill="none" xmlns="http://www.w3.org/2000/svg">
18185        <path d="M9.17115 0L12.3618 9.55818L18.3423 14.6575L12.3618 19.7567L9.17115 29.3149L5.98054 19.7567L0 14.6575L5.98054 9.55818L9.17115 0Z" fill="#DA5058"/>
18186      </svg>
18187      <svg width="26" height="41" viewBox="0 0 26 41" fill="none" xmlns="http://www.w3.org/2000/svg">
18188        <path d="M12.7741 0L17.2182 13.3281L25.5482 20.4386L17.2182 27.5491L12.7741 40.8771L8.33003 27.5491L0 20.4386L8.33003 13.3281L12.7741 0Z" fill="#FDE8C9"/>
18189      </svg>
18190      <svg width="19" height="30" viewBox="0 0 19 30" fill="none" xmlns="http://www.w3.org/2000/svg">
18191        <path d="M9.17115 0L12.3618 9.55818L18.3423 14.6575L12.3618 19.7567L9.17115 29.3149L5.98054 19.7567L0 14.6575L5.98054 9.55818L9.17115 0Z" fill="#DA5058"/>
18192      </svg>
18193    </div><div class="container"><div class="footer__main mb-10"><div class="footer-col footer-col--text footer-col--desktop-text footer-col--not-collapsed"  data-cc-animate data-cc-animate-delay="0.07s">
18194                <div class="footer-block text-start"><div class="media relative" style="max-width: 176px;">
18195                      <img srcset="//travellingman.com/cdn/shop/files/cea7fb5b5eca4d9251faefc088eb8ef0db340c05.png?v=1786090453&width=176, //travellingman.com/cdn/shop/files/cea7fb5b5eca4d9251faefc088eb8ef0db340c05.png?v=1786090453&width=352 2x" src="//travellingman.com/cdn/shop/files/cea7fb5b5eca4d9251faefc088eb8ef0db340c05.png?v=1786090453&width=352"
18196         class="footer-block__image" style="object-position: 50.0% 50.0%" loading="lazy"
18197         width="352"
18198         height="320"
18199         
18200         alt="">
18201                    </div><div class="footer-block__text rte">
18202                      <p><a href="mailto:[email protected]" title="mailto:[email protected]">[email protected]</a></p><p><a href="mailto:[email protected]" title="mailto:[email protected]">[email protected]</a></p><p><a href="tel:0113 8241266" title="tel:0113 8241266">0113 8241266</a></p>
18203                    </div></div>
18204              </div><div class="footer-col footer-col--links footer-col--collapsed"  data-cc-animate data-cc-animate-delay="0.14s">
18205                  <footer-menu>
18206                    <details class="footer-menu disclosure footer-menu--first" open>
18207                      <summary tabindex="-1">
18208                        <div class="flex justify-between items-center">
18209                          <h2 class="disclosure__title font-body font-bold text-h6 regular-text">About</h2>
18210                          <span class="disclosure__toggle"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16" fill="none">
18211  <path d="M6.02322 15.366L0.189913 9.53264C0.0682693 9.411 -9.76789e-05 9.24603 -9.76714e-05 9.07406C-9.76639e-05 8.9021 0.0682693 8.73713 0.189913 8.61549C0.31148 8.49392 0.476448 8.42555 0.648414 8.42555C0.820458 8.42555 0.985425 8.49392 1.10699 8.61549L5.83363 13.343L5.83363 0.648148C5.83363 0.476248 5.90192 0.311389 6.02347 0.189838C6.14502 0.0682867 6.30988 -2.90844e-07 6.48178 -2.8333e-07C6.65368 -2.75816e-07 6.81854 0.0682867 6.94009 0.189838C7.06164 0.311389 7.12993 0.476248 7.12993 0.648148L7.12993 13.343L11.8565 8.61549C11.9782 8.49392 12.1431 8.42555 12.3151 8.42555C12.4871 8.42555 12.6521 8.49392 12.7737 8.61549C12.8953 8.73713 12.9636 8.9021 12.9636 9.07406C12.9636 9.24603 12.8953 9.411 12.7737 9.53264L6.94035 15.366C6.88015 15.4263 6.80867 15.474 6.72998 15.5067C6.6513 15.5393 6.56696 15.5561 6.48178 15.5561C6.3966 15.5561 6.31226 15.5393 6.23358 15.5067C6.15489 15.474 6.08341 15.4263 6.02322 15.366Z" fill="white"/>
18212</svg>
18213</span>
18214                        </div>
18215                      </summary>
18216                      <div class="disclosure__panel has-motion">
18217                        <ul class="footer-menu__links disclosure__content" role="list"><li>
18218                              <a href="/pages/events">Our Story</a>
18219                            </li><li>
18220                              <a href="/pages/contact-us">Contact us</a>
18221                            </li><li>
18222                              <a href="/pages/our-stores">Our Stores</a>
18223                            </li></ul>
18224                      </div>
18225                    </details>
18226                  </footer-menu>
18227                </div><div class="footer-col footer-col--links footer-col--collapsed"  data-cc-animate data-cc-animate-delay="0.21s">
18228                  <footer-menu>
18229                    <details class="footer-menu disclosure" open>
18230                      <summary tabindex="-1">
18231                        <div class="flex justify-between items-center">
18232                          <h2 class="disclosure__title font-body font-bold text-h6 regular-text">Our Stores</h2>
18233                          <span class="disclosure__toggle"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16" fill="none">
18234  <path d="M6.02322 15.366L0.189913 9.53264C0.0682693 9.411 -9.76789e-05 9.24603 -9.76714e-05 9.07406C-9.76639e-05 8.9021 0.0682693 8.73713 0.189913 8.61549C0.31148 8.49392 0.476448 8.42555 0.648414 8.42555C0.820458 8.42555 0.985425 8.49392 1.10699 8.61549L5.83363 13.343L5.83363 0.648148C5.83363 0.476248 5.90192 0.311389 6.02347 0.189838C6.14502 0.0682867 6.30988 -2.90844e-07 6.48178 -2.8333e-07C6.65368 -2.75816e-07 6.81854 0.0682867 6.94009 0.189838C7.06164 0.311389 7.12993 0.476248 7.12993 0.648148L7.12993 13.343L11.8565 8.61549C11.9782 8.49392 12.1431 8.42555 12.3151 8.42555C12.4871 8.42555 12.6521 8.49392 12.7737 8.61549C12.8953 8.73713 12.9636 8.9021 12.9636 9.07406C12.9636 9.24603 12.8953 9.411 12.7737 9.53264L6.94035 15.366C6.88015 15.4263 6.80867 15.474 6.72998 15.5067C6.6513 15.5393 6.56696 15.5561 6.48178 15.5561C6.3966 15.5561 6.31226 15.5393 6.23358 15.5067C6.15489 15.474 6.08341 15.4263 6.02322 15.366Z" fill="white"/>
18235</svg>
18236</span>
18237                        </div>
18238                      </summary>
18239                      <div class="disclosure__panel has-motion">
18240                        <ul class="footer-menu__links disclosure__content" role="list"><li>
18241                              <a href="/pages/leeds">📍 Leeds</a>
18242                            </li><li>
18243                              <a href="/pages/manchester">📍 Manchester</a>
18244                            </li><li>
18245                              <a href="/pages/newcastle">📍 Newcastle</a>
18246                            </li><li>
18247                              <a href="/pages/york">📍 York</a>
18248                            </li></ul>
18249                      </div>
18250                    </details>
18251                  </footer-menu>
18252                </div><div class="footer-col footer-col--links footer-col--collapsed"  data-cc-animate data-cc-animate-delay="0.28s">
18253                  <footer-menu>
18254                    <details class="footer-menu disclosure" open>
18255                      <summary tabindex="-1">
18256                        <div class="flex justify-between items-center">
18257                          <h2 class="disclosure__title font-body font-bold text-h6 regular-text">Legal</h2>
18258                          <span class="disclosure__toggle"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16" fill="none">
18259  <path d="M6.02322 15.366L0.189913 9.53264C0.0682693 9.411 -9.76789e-05 9.24603 -9.76714e-05 9.07406C-9.76639e-05 8.9021 0.0682693 8.73713 0.189913 8.61549C0.31148 8.49392 0.476448 8.42555 0.648414 8.42555C0.820458 8.42555 0.985425 8.49392 1.10699 8.61549L5.83363 13.343L5.83363 0.648148C5.83363 0.476248 5.90192 0.311389 6.02347 0.189838C6.14502 0.0682867 6.30988 -2.90844e-07 6.48178 -2.8333e-07C6.65368 -2.75816e-07 6.81854 0.0682867 6.94009 0.189838C7.06164 0.311389 7.12993 0.476248 7.12993 0.648148L7.12993 13.343L11.8565 8.61549C11.9782 8.49392 12.1431 8.42555 12.3151 8.42555C12.4871 8.42555 12.6521 8.49392 12.7737 8.61549C12.8953 8.73713 12.9636 8.9021 12.9636 9.07406C12.9636 9.24603 12.8953 9.411 12.7737 9.53264L6.94035 15.366C6.88015 15.4263 6.80867 15.474 6.72998 15.5067C6.6513 15.5393 6.56696 15.5561 6.48178 15.5561C6.3966 15.5561 6.31226 15.5393 6.23358 15.5067C6.15489 15.474 6.08341 15.4263 6.02322 15.366Z" fill="white"/>
18260</svg>
18261</span>
18262                        </div>
18263                      </summary>
18264                      <div class="disclosure__panel has-motion">
18265                        <ul class="footer-menu__links disclosure__content" role="list"><li>
18266                              <a href="/search">Search</a>
18267                            </li><li>
18268                              <a href="/pages/returns-policy">Shipping and Returns</a>
18269                            </li><li>
18270                              <a href="/pages/terms-and-conditions">Terms and Conditions</a>
18271                            </li><li>
18272                              <a href="/pages/privacy-policy">Privacy Policy</a>
18273                            </li></ul>
18274                      </div>
18275                    </details>
18276                  </footer-menu>
18277                </div><div class="footer-col footer-col--mobile-text footer-col--not-collapsed"  data-cc-animate data-cc-animate-delay="0.35s">
18278                <div class="footer-block text-center"><div class="footer-block__text rte">
18279                      <p><a href="mailto:[email protected]" title="mailto:[email protected]">[email protected]</a></p><p><a href="mailto:[email protected]" title="mailto:[email protected]">[email protected]</a></p><p><a href="tel:0113 8241266" title="tel:0113 8241266">0113 8241266</a></p>
18280                    </div></div>
18281              </div><div class="footer-col footer-col--contact-form footer-col--not-collapsed"  data-cc-animate data-cc-animate-delay="0.42s">
18282                <div class="footer-contact-form" style="--footer-contact-bg: 253 232 201; --footer-contact-heading: 35 30 34; --footer-contact-text: 35 30 34; --footer-contact-button-bg: 35 30 34; --footer-contact-button-text: 255 255 255;"><h2 class="footer-contact-form__heading font-body h6">Stay ahead of new releases</h2><div class="footer-contact-form__text rte">
18283                      <p>Get new releases, pre-order alerts and exclusive deals straight to your inbox.</p>
18284                    </div><form method="post" action="/contact#footer-contact-contact_form_JbUgqH" id="footer-contact-contact_form_JbUgqH" accept-charset="UTF-8" class="form footer-contact-form__form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="prospect, newsletter, footer">
18285
18286                    <div class="form__field">
18287                      <label class="visually-hidden" for="footer-contact-contact_form_JbUgqH-name">Name</label>
18288                      <input
18289                        class="input w-full"
18290                        id="footer-contact-contact_form_JbUgqH-name"
18291                        type="text"
18292                        name="contact[first_name]"
18293                        value=""
18294                        placeholder="Name"
18295                        autocomplete="given-name"
18296                      >
18297                    </div>
18298
18299                    <div class="form__field">
18300                      <label class="visually-hidden" for="footer-contact-contact_form_JbUgqH-email">Email address</label>
18301                      <input
18302                        class="input w-full"
18303                        id="footer-contact-contact_form_JbUgqH-email"
18304                        type="email"
18305                        name="contact[email]"
18306                        value=""
18307                        placeholder="Email address"
18308                        autocomplete="email"
18309                        aria-required="true"
18310                        required
18311                      ></div>
18312
18313                    <button class="btn btn--primary w-full" type="submit">Subscribe</button></form></div>
18314              </div></div><div class="footer__bottom text-xs" data-cc-animate><div class="footer__copyright">© 2026 Travelling Man. Built by We Take Flight.</div><ul class="footer-sublinks" role="list"><li class="footer-sublinks__item">
18315              <a href="/policies/privacy-policy">Privacy Policy</a>
18316            </li><li class="footer-sublinks__item">
18317              <a href="/pages/terms-and-conditions">Terms &amp; Conditions</a>
18318            </li></ul><div class="footer__localization">
18319          <form method="post" action="/localization" id="footer-localization" accept-charset="UTF-8" class="form localization no-js-hidden" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/search" /><div class="localization__grid"><div class="localization__selector">
18320        <input type="hidden" name="country_code" value="GB">
18321<country-selector><label class="label visually-hidden no-js-hidden" for="footer-localization-country-button">Country/Region</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button"
18322            aria-expanded="false" aria-haspopup="listbox" id="footer-localization-country-button">
18323      <span class="text-start">United Kingdom [GBP]</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none">
18324          <path d="M10.75 0.75L5.75 5.75L0.75 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
18325        </svg></button>
18326    <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1"
18327        aria-hidden="true" hidden aria-activedescendant="footer-localization-country-opt-0"><li class="custom-select__option flex items-center js-option"
18328            id="footer-localization-country-opt-0"
18329            role="option"
18330            data-value="GB" aria-selected="true">
18331          <span class="pointer-events-none">United Kingdom [GBP]</span>
18332          </li></ul>
18333  </div></country-selector></div></div>
18333<script>
18334      customElements.whenDefined('custom-select').then(() => {
18335        if (!customElements.get('country-selector')) {
18336          class CountrySelector extends customElements.get('custom-select') {
18337            constructor() {
18338              super();
18339              this.loaded = false;
18340            }
18341
18342            async showListbox() {
18343              if (this.loaded) {
18344                super.showListbox();
18345                return;
18346              }
18347
18348              this.button.classList.add('is-loading');
18349              this.button.setAttribute('aria-disabled', 'true');
18350
18351              try {
18352                const response = await fetch('?section_id=country-selector');
18353                if (!response.ok) throw new Error(response.status);
18354
18355                const tmpl = document.createElement('template');
18356                tmpl.innerHTML = await response.text();
18357
18358                const el = tmpl.content.querySelector('.custom-select__listbox');
18359                this.listbox.innerHTML = el.innerHTML;
18360
18361                if (this.closest('.footer, .s-mobile-menu')) {
18362                  this.listbox.querySelectorAll('.country-option__currency').forEach((currency) => {
18363                    const currencyCode = currency.textContent.trim().match(/[A-Z]{3}/);
18364                    if (currencyCode) currency.textContent = `[${currencyCode[0]}]`;
18365                  });
18366                }
18367
18368                this.options = this.querySelectorAll('.custom-select__option');
18369
18370                this.popular = this.querySelectorAll('[data-popular]');
18371                if (this.popular.length) {
18372                  this.popular[this.popular.length - 1].closest('.custom-select__option')
18373                    .classList.add('custom-select__option--visual-group-end');
18374                }
18375
18376                this.selectedOption = this.querySelector('[aria-selected="true"]');
18377                if (!this.selectedOption) {
18378                  this.selectedOption = this.listbox.firstElementChild;
18379                }
18380
18381                this.loaded = true;
18382              } catch {
18383                this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>';
18384              } finally {
18385                super.showListbox();
18386                this.button.classList.remove('is-loading');
18387                this.button.setAttribute('aria-disabled', 'false');
18388              }
18389            }
18390
18391            setButtonWidth() {
18392              return;
18393            }
18394          }
18395
18396          customElements.define('country-selector', CountrySelector);
18397        }
18398      });
18399    </script>
18399<script>
18400    document.getElementById('footer-localization').addEventListener('change', (evt) => {
18401      const input = evt.target.previousElementSibling;
18402      if (input && input.tagName === 'INPUT') {
18403        input.value = evt.detail.selectedValue;
18404        evt.currentTarget.submit();
18405      }
18406    });
18407  </script>
18407</form>
18408        </div><div class="footer__payment">
18409          <span class="visually-hidden">Payment methods accepted</span>
18410          <ul class="payment-icons flex flex-wrap" role="list"><li><svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
18411</li><li><svg class="payment-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 
184111.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
18412</li><li><svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg></li><li><svg class="payment-icon" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg></li><li><svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.
1841206zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>
18413</li><li><svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-maestro"><title id="pi-maestro">Maestro</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#00A2E5" cx="23" cy="12" r="7"/><path fill="#7375CF" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg></li><li><svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>
18414</li><li><svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 
184140-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg></li><li><svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>
18415</li><li><svg class="payment-icon" viewBox="-36 25 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-unionpay"><title id="pi-unionpay">Union Pay</title><path fill="#005B9A" d="M-36 46.8v.7-.7zM-18.3 25v24h-7.2c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h1.4zm12.6 0c-1.3 0-2.9 1-3.2 2.3l-4.5 19.4c-.3 1.3.5 2.3 1.8 2.3h-4.9V25h10.8z"/><path fill="#E9292D" d="M-19.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3h-8.9c-.8 0-1.5-.6-1.5-1.4v-21c0-.8.7-1.6 1.5-1.6h14.7z"/><path fill="#0E73B9" d="M-5.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3H-26h.5c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h14z"/><path fill="#059DA4" d="M2 26.6v21c0 .8-.6 1.4-1.5 1.4h-12.1c-1.3 0-2.1-1.1-1.8-2.3l4.5-19.4C-8.6 26-7 25-5.7 25H.5c.9 0 1.5.7 1.5 1.6z"/><path fill="#fff" d="M-21.122 38.645h.14c.14 0 .28-.07.28-.14l.42-.63h1.19l-.21.35h1.4l-.21.63h-1.68c-.21.28-.42.42-.7.42h-.84l.21-.63m-.21.91h3.01l-.21.7h-1.19l-.21.7h1.19l-.21.7h-1.19l-.28 1.05c-.07.14 0 .28.28.21h.98l-.21.7h-1.89c-.35 0-.49-.21-.35-.63l.35-1.33h-.77l.21-.7h.77l.21-.7h-.7l.21-.7zm4.83-1.75v.42s.56-.42 1.12-.42h1.96l-.77 2.66c-.07.28-.35.49-.77.49h-2.24l-.49 1.89c0 .07 0 .14.14.14h.42l-.14.56h-1.12c-.42 0-.56-.14-.49-.35l1.47-5.39h.91zm1.68.77h-1.75l-.21.7s.28-.21.77-.21h1.05l.14-.49zm-.63 1.68c.14 0 .21 0 .21-.14l.14-.35h-1.75l-.14.56 1.54-.07zm-1.19.84h.98v.42h.28c.14 0 .21-.07.21-.14l.07-.28h.84l-.14.49c-.07.35-.35.49-.77.56h-.56v.77c0 .14.07.21.35.21h.49l-.14.56h-1.19c-.35 0-.49-.14-.49-.49l.07-2.1zm4.2-2.45l.21-.84h1.19l-.07.28s.56-.28 1.05-.28h1.47l-.21.84h-.21l-1.12 3.85h.21l-.21.77h-.21l-.07.35h-1.19l.07-.35h-2.17l.21-.77h.21l1.12-3.85h-.28m1.26 0l-.28 1.05s.49-.21.91-.28c.07-.35.21-.77.21-.77h-.84zm-.49 1.54l-.28 1.12s.56-.28.98-.28c.14-.42.21-.77.21-.77l-.91-.07zm.21 2.31l.21-.77h-.84l-.21.77h.84zm2.87-4.69h1.12l.07.42c0 .07.07.14.21.14h.21l-.21.7h-.77c-.28 0-.49-.07-.49-.35l-.14-.91zm-.35 1.47h3.57l-.21.77h-1.19l-.21.7h1.12l-.21.77h-1.26l-.28.42h.63l.14.84c0 .07.07.14.21.14h.21l-.21.7h-.7c-.35 0-.56-.07-.56-.35l-.14-.77-.56.84c-.14.21-.35.35-.63.35h-1.05l.21-.7h.35c.14 0 .21-.07.35-.21l.84-1.26h-1.05l.21-.77h1.19l.21-.7h-1.19l.21-.77zm-19.74-5.04c-.14.7-.42 1.19-.91 1.54-.49.35-1.12.56-1.89.56-.7 0-1.26-.21-1.54-.56-.21-.28-.35-.56-.35-.98 0-.14 0-.35.07-.56l.84-3.92h1.19l-.77 3.92v.28c0 .21.07.35.14.49.14.21.35.28.7.28s.7-.07.91-.28c.21-.21.42-.42.49-.77l.77-3.92h1.19l-.84 3.92m1.12-1.54h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35.14.21.21.49.14.91l-.49 2.38h-.91l.42-2.17c.07-.28.07-.49 0-.56-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.63-3.57m9.8 0h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35s.21.49.14.91l-.49 2.38h-.91l.42-2.24c.07-.21 0-.42-.07-.49-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.7-3.57m-5.81 0h.98l-.77 3.5h-.98l.77-3.5m.35-1.33h.98l-.21.84h-.98l.21-.84zm1.4 4.55c-.21-.21-.35-.56-.35-.98v-.21c0-.07 0-.21.07-.28.14-.56.35-1.05.7-1.33.35-.35.84-.49 1.33-.49.42 0 .77.14 1.05.35.21.21.35.56.35.98v.21c0 .07 0 .21-.07.28-.14.56-.35.98-.7 1.33-.35.35-.84.49-1.33.49-.35 0-.7-.14-1.05-.35m1.89-.7c.14-.21.28-.49.35-.84v-.35c0-.21-.07-.35-.14-.49a.
18415635.635 0 0 0-.49-.21c-.28 0-.49.07-.63.28-.14.21-.28.49-.35.84v.28c0 .21.07.35.14.49.14.14.28.21.49.21.28.07.42 0 .63-.21m6.51-4.69h2.52c.49 0 .84.14 1.12.35.28.21.35.56.35.91v.28c0 .07 0 .21-.07.28-.07.49-.35.98-.7 1.26-.42.35-.84.49-1.4.49h-1.4l-.42 2.03h-1.19l1.19-5.6m.56 2.59h1.12c.28 0 .49-.07.7-.21.14-.14.28-.35.35-.63v-.28c0-.21-.07-.35-.21-.42-.14-.07-.35-.14-.7-.14h-.91l-.35 1.68zm8.68 3.71c-.35.77-.7 1.26-.91 1.47-.21.21-.63.7-1.61.7l.07-.63c.84-.28 1.26-1.4 1.54-1.96l-.28-3.78h1.19l.07 2.38.91-2.31h1.05l-2.03 4.13m-2.94-3.85l-.42.28c-.42-.35-.84-.56-1.54-.21-.98.49-1.89 4.13.91 2.94l.14.21h1.12l.7-3.29-.91.07m-.56 1.82c-.21.56-.56.84-.91.77-.28-.14-.35-.63-.21-1.19.21-.56.56-.84.91-.77.28.14.35.63.21 1.19"/></svg></li><li><svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 
1841516.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
18416</li></ul>
18417        </div></div>
18418  </div>
18419</footer>
18420
18421
18422
18423
18424</div>
18425<!-- END sections: footer-group --><quick-add-drawer class="drawer quick-add-drawer overflow-hidden fixed top-0 right-0 flex flex-col w-full has-motion js-product js-quickbuy" data-name="quickbuy" role="dialog" tabindex="-1" aria-labelledby="quick-add-heading" aria-modal="true" aria-hidden="true">
18426  <header class="drawer__header quick-add__header hidden md:flex justify-between items-center relative">
18427    <button type="button" class="drawer__back-btn js-open-cart-drawer has-ltr-icon" hidden>
18428      <span class="visually-hidden">Back</span>
18429      <svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M19.5 12H5m6.9 7.4L4.5 12l7.4-7.4"/></svg>
18430    </button>
18431    <div class="flex-grow">
18432      <h2 class="h5 mb-0" id="quick-add-heading">Choose options</h2>
18433    </div>
18434    <button type="button" class="drawer__close-btn js-close-drawer">
18435      <span class="visually-hidden">Close</span>
18436      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
18437  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
18438</svg>
18439    </button>
18440  </header>
18441  <div class="drawer__content quick-add__content flex-auto relative">
18442    <button type="button" class="drawer__close-btn quick-add__close-btn--mob js-close-drawer md:hidden">
18443      <span class="visually-hidden">Close</span>
18444      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
18445  <path d="M0.75 12.75L12.75 0.75M12.75 12.75L0.75 0.75" stroke="#231E22" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
18446</svg>
18447    </button>
18448    <div class="js-product-details quick-add__product-details"></div>
18449  </div>
18450  <footer class="drawer__footer quick-add__footer">
18451    <div class="alert quick-add__alert absolute left-0 right-0 bg-success-bg text-success-text js-added-to-cart" role="alert" hidden data-visible-for="2000">
18452      <div class="flex">
18453        <div>
18454          <svg class="icon icon--check_mark_in_circle" width="32" height="32" viewBox="0 0 16 16" aria-hidden="true" focusable="false" role="presentation"><circle stroke="currentColor" fill="none" cx="8" cy="8" r="6.6666665"/>
18455        <path stroke="currentColor" fill="none" transform="translate(5.0003335,6.0003335)" d="m 6,0 -4,4 L 0,2.1818182" /></svg>
18456        </div>
18457        <div>
18458          <p class="quick-add__alert-heading text-h5 font-bold mb-1">Item added to your cart.</p>
18459          <a class="link text-current js-open-cart-drawer" href="/cart" data-no-instant>View cart</a>
18460        </div>
18461      </div>
18462    </div>
18463    <div class="js-footer-content"></div>
18464  </footer>
18465</quick-add-drawer>
18466<div class="overlay fixed top-0 right-0 bottom-0 left-0 js-overlay"></div>
18467  
18467<script>
18468    window.theme = {
18469      info: {
18470        name: 'Enterprise',
18471        version: '2.3.0'
18472      },
18473      mediaQueries: {
18474        sm: '(min-width: 600px)',
18475        md: '(min-width: 769px)',
18476        lg: '(min-width: 1024px)',
18477        xl: '(min-width: 1280px)',
18478        xxl: '(min-width: 1536px)',
18479        portrait: '(orientation: portrait)'
18480      },
18481      device: {
18482        hasTouch: window.matchMedia('(any-pointer: coarse)').matches,
18483        hasHover: window.matchMedia('(hover: hover)').matches
18484      },
18485      routes: {
18486        accountLoginUrl: 'https://travellingman.com/customer_authentication/redirect?locale=en&region_country=GB',
18487        cart: '/cart',
18488        cartAdd: '/cart/add',
18489        cartChange: '/cart/change',
18490        cartUpdate: '/cart/update',
18491        predictiveSearch: '/search/suggest'
18492      },
18493      settings: {
18494        moneyWithCurrencyFormat: "£{{amount}} GBP",
18495        pSearchLimit: 5,
18496        pSearchLimitScope: 'each',
18497        pSearchIncludeSkus: true,
18498        pSearchIncludeTags: true,
18499        sliderItemsPerNav: 'slide',
18500        
18501        vibrateOnATC: true,
18502        compareToggle: "toggle_on",
18503        compareShowEmptyMetafields: false,
18504        blendProductImages: false,
18505        externalLinksNewTab: true,
18506        afterAtc: "drawer",
18507        cartType: "drawer"
18508      },
18509      strings: {
18510        addCartNote: 'Add order note',
18511        editCartNote: 'Edit order note',
18512        cartError: 'There was an error while updating your cart. Please try again.',
18513        cartQtyError: 'You can only add [quantity] of this item to your cart.',
18514        cartTermsConfirmation: 'You must agree to the terms and conditions before continuing.',
18515        imageAvailable: 'Image [index] is now available in gallery view',
18516        backordered: 'Backordered',
18517        veryLowStock: 'Very low stock',
18518        lowStock: 'Low stock',
18519        inStock: 'In stock',
18520        noStock: 'Sold out',
18521        noVariant: 'Unavailable',
18522        noSelectedVariant: 'Make a selection',
18523        onlyXLeft: '[quantity] in stock',
18524        awaitingSale: 'This product is not for sale yet.',
18525        shippingCalculator: {
18526          singleRate: 'There is one shipping rate for this destination:',
18527          multipleRates: 'There are multiple shipping rates for this destination:',
18528          noRates: 'We do not ship to this destination.'
18529        },
18530        viewDetails: 'View details',
18531        compare: {
18532          limit: 'You can only add a maximum of [quantity] products to compare.',
18533          more: 'Select another product to compare.',
18534          empty: 'Select at least two products to compare.',
18535          continue: 'Close to continue.'
18536        },
18537        discountCopyFail: 'Could not copy code to clipboard. Your browser may not support this.',
18538        articleReadTime: '[x] mins read',
18539        quickNav: {
18540          button_standard: 'Search',
18541          show_products_none: 'No products :(',
18542          button_one: 'Show [quantity] product',
18543          button_other: 'Show [quantity] products',
18544        },
18545        regularPrice: 'Regular price',
18546        salePrice: 'Sale price'
18547      },
18548      scripts: {
18549        cartItems: '//travellingman.com/cdn/shop/t/73/assets/cart-items.js?v=63088886188139879821790831906',
18550        countryProvinceSelector: '//travellingman.com/cdn/shop/t/73/assets/country-province-selector.js?v=24158546944577672431790831901',
18551        shippingCalculator: '//travellingman.com/cdn/shop/t/73/assets/shipping-calculator.js?v=31725526838375758301790831905'
18552      }
18553    };
18554
18555    // Save product ID to localStorage, for use in the 'Recently viewed products' section.
18556  </script>
18556<script src="//travellingman.com/cdn/shop/t/73/assets/instant-page.js?v=473454186210797571790831901" type="module" defer="defer"></script>
18556<div id="shopify-block-AMHFhK3ZBMmFBZ2kxZ__15480441263641826096" class="shopify-block shopify-app-block">
18557<style data-shopify>
18558  #shopify-block-AMHFhK3ZBMmFBZ2kxZ__15480441263641826096 .wl-notify {
18559    --wl-notify-bg: #ffffff;
18560    --wl-notify-color: #111111;
18561    --wl-notify-border: 1px solid #ECECEC;
18562    --wl-notify-radius: 8px;
18563    --wl-notify-padding-x: 16px;
18564    --wl-notify-padding-y: 14px;
18565    --wl-notify-font-size: 13px;
18566    --wl-notify-font-size-md: 14px;
18567  }
18568</style>
18569<link href="//cdn.shopify.com/extensions/01a0c00e-6e20-76ae-b22d-2b1faed07b2e/refactor-wishlist-49/assets/wl-styles.css" rel="stylesheet" type="text/css" media="all" />
18570<link href="//cdn.shopify.com/extensions/01a0c00e-6e20-76ae-b22d-2b1faed07b2e/refactor-wishlist-49/assets/wl-notifications.css" rel="stylesheet" type="text/css" media="all" />
18571<link href="//cdn.shopify.com/extensions/01a0c00e-6e20-76ae-b22d-2b1faed07b2e/refactor-wishlist-49/assets/wl-dialog.css" rel="stylesheet" type="text/css" media="all" />
18572<!-- BEGIN app snippet: wl-notifications -->
18573<wishlist-notifications
18574  class='wl-root wl-notify wl-notify--bottom-left'
18575  dir='ltr'
18576  aria-live='polite'
18577  aria-atomic='false'
18578  
18579  data-wl-notify-add-to-wishlist-message='{product} ({variant}) was added to wishlist'
18580  data-wl-notify-add-to-cart-message='{product} ({variant}) was added to cart'
18581>
18582  
18583  <template data-wl-notify-template>
18584    <!-- BEGIN app snippet: wl-toast -->
18585<article class='wl-toast wl-notify-item'>
18586  <div class='wl-toast__media'>
18587    <img
18588      class='wl-toast__image'
18589      
18590      width='56'
18591      height='56'
18592      alt=''
18593      loading='lazy'
18594      decoding='async'
18595    >
18596  </div>
18597  <p class='wl-toast__message'>​</p>
18598  <button
18599    type='button'
18600    class='wl-toast__dismiss'
18601    aria-label='Close'
18602  >
18603    <!-- BEGIN app snippet: wl-icons -->
18604
18605    <svg class='icon-close' fill='none' viewBox='0 0 24 24'>
18606      <path fill="currentColor" d="M19.22 2.66c.77-.77 1.14-.82 1.59-.37l.9.9c.47.47.37.85-.36 1.59L14.12 12l7.23 7.23c.72.72.82 1.12.36 1.58l-.9.9c-.47.48-.86.36-1.59-.36L12 14.12l-7.23 7.23c-.72.72-1.1.84-1.58.37l-.9-.91c-.47-.46-.36-.86.36-1.58L9.88 12 2.65 4.78c-.73-.74-.83-1.12-.37-1.58l.91-.91c.45-.45.82-.4 1.58.37L12 9.88z"/>
18607    </svg>
18608  
18609<!-- END app snippet -->
18610  </button>
18611</article>
18612<!-- END app snippet -->
18613  </template>
18614</wishlist-notifications>
18615<!-- END app snippet -->
18616<!-- BEGIN app snippet: wl-boot -->
18617<script type='application/json' class='wl-boot-payload'>
18618  {
18619    "embedActive": true,
18620    "config": {
18621      "customerId": null,
18622      "loginBehavior": "merge",
18623      "logoutBehavior": "restore-guest",
18624      "afterAddToCartBehavior": "reload-page",
18625      "showAddToWishlistPopup": true,
18626      "shareMode": "everyone",
18627      "sharePageType": "default",
18628      "shareCustomPagePath": "",
18629      "currencyDisplayMode": "symbol_and_code",
18630      "priceDecimalMode": "with_trailing_zeros",
18631      "linkUrl": "\/pages\/my-wishlist",
18632      "linkText": "View wishlist",
18633      "defaultListName": "Wishlist",
18634      "variantDefaultTitle": "Default Title",
18635      "placeholderImageUrl": "https:\/\/cdn.shopify.com\/extensions\/01a0c00e-6e20-76ae-b22d-2b1faed07b2e\/refactor-wishlist-49\/assets\/wl-placeholder.png",
18636      "locale": "en",
18637      "localeUrlPrefix": null,
18638      "country": "GB",
18639      "currencyCode": "GBP",
18640      "currencySymbol": "£"
18641    },
18642    "storefrontAccessToken": "a236a2b39af962d7d817a544dc18dc3b",
18643    "themeEditorFromLiquid": false,
18644    "isAppBlocked": false
18645  }
18646</script>
18646
18647<!-- END app snippet -->
18648<script src='https://cdn.shopify.com/extensions/01a0c00e-6e20-76ae-b22d-2b1faed07b2e/refactor-wishlist-49/assets/wl-dialog.js' defer></script>
vendor: 2 bytes, line 18648
18648
18649<script src='https://cdn.shopify.com/extensions/01a0c00e-6e20-76ae-b22d-2b1faed07b2e/refactor-wishlist-49/assets/wl-core.js' defer></script>
vendor: 2 bytes, line 18649
18649
18650<script src='https://cdn.shopify.com/extensions/01a0c00e-6e20-76ae-b22d-2b1faed07b2e/refactor-wishlist-49/assets/wl-runtime.js' defer></script>
vendor: 2 bytes, line 18650
18650
18651<script src='https://cdn.shopify.com/extensions/01a0c00e-6e20-76ae-b22d-2b1faed07b2e/refactor-wishlist-49/assets/wl-add-button.js' defer></script>
vendor: 2 bytes, line 18651
18651
18652<script src='https://cdn.shopify.com/extensions/01a0c00e-6e20-76ae-b22d-2b1faed07b2e/refactor-wishlist-49/assets/wl-notifications.js' defer></script>
18652
18653
18654
18655</div><div id="shopify-block-Ad3lHck9Ccldkb2R1R__12526071353035850722" class="shopify-block shopify-app-block">
18656  
18656<script defer src="https://backinstock.useamp.com/widget/39806_1783060853.js?category=bis&v=6"></script>
18656
18657
18658
18659<script id="back-in-stock-helper-embedded">
18660  var _BISConfig = _BISConfig || {};
18661
18662  
18663
18664  
18665</script>
18665
18666
18667<script id="preorders-helper-embedded">
18668  
18669</script>
18669
18670
18671<script id="low-stock-helper-embedded">
18672  
18673</script>
18673
18674
18675
18676
18677
18678<script defer type="module" src="https://cdn.shopify.com/extensions/01a0ae82-28b0-715d-bb47-827eda8f44e3/back-in-stock-69/assets/wishlist.js"></script>
18678
18679
18680
18681<script defer type="module" src="https://cdn.shopify.com/extensions/01a0ae82-28b0-715d-bb47-827eda8f44e3/back-in-stock-69/assets/preorder-product-page-updater.js"></script>
18681
18682
18683
18684
18685
18686</div><div id="shopify-block-AV0syVUJodDdlV2IrL__7066117925106291782" class="shopify-block shopify-app-block">
18687
18688<link href="//cdn.shopify.com/extensions/01a0dc7a-0866-75f3-86f3-7affa1087174/dpd-integration-by-webshopassist-52/assets/cart-pickup-points.css" rel="stylesheet" type="text/css" media="all" />
18689
18690<style>
18691  :root {
18692    --dpd-cart-pickup-btn-bg: #ffffff;
18693    --dpd-cart-pickup-btn-color: #000000;
18694    --dpd-cart-pickup-btn-border: #cccccc;
18695    --dpd-cart-pickup-border-radius: 12px;
18696    --dpd-cart-pickup-modal-radius: 16px;
18697  }
18698</style>
18698<script
18699  src="https://cdn.shopify.com/extensions/01a0dc7a-0866-75f3-86f3-7affa1087174/dpd-integration-by-webshopassist-52/assets/cart-pickup-points.js"
18700  defer
18701  data-settings='{
18702    "block": {"container_selector":"","btn_color":"#ffffff","btn_text_color":"#000000","btn_border_color":"#cccccc","border_radius":12,"modal_radius":16},
18703    "translations": {
18704      "no_selection": "No pickup point selected",
18705      "modal_title": "Select a pickup point",
18706      "modal_close": "Close",
18707      "search_button": "Search",
18708      "loading": "Loading pickup points…",
18709      "error_generic": "Error loading pickup points. Try again.",
18710      "choose_button": "Choose Pickup Point",
18711      "change_button": "Change",
18712      "remove_button": "Remove",
18713      "view_on_map": "View on map",
18714      "pickup_label": "Pickup:",
18715      "label_country": "Country",
18716      "label_city": "City",
18717      "label_postcode": "Postcode",
18718      "empty_hint": "Enter a location to search pickup points",
18719      "no_results": "No pickup points found",
18720      "pickup_point_fallback": "Pickup point"
18721    }
18722  }'>
18723</script>
18723
18724
18725
18726</div>
18726<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
18726
18727</body>
18728</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.