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 – 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's friendliest graphic novels and boardgames store, since 1991! Shop online or visit us in Leeds, York, Manchester & 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's friendliest graphic novels and boardgames store, since 1991! Shop online or visit us in Leeds, York, Manchester & 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's friendliest graphic novels and boardgames store, since 1991! Shop online or visit us in Leeds, York, Manchester & 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&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&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&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&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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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'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'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 & 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'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 & Titans</a></li><li><a href="/collections/the-horus-heresy-legions-imperialis-rules-starter-set">Rules & Starter Set</a></li><li><a href="/collections/the-horus-heresy-terrain-base-accessory">Terrain, Bases, & 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 & Starter Sets</a></li><li><a href="/collections/the-old-world-scenery-bases-accessories">Scenery, Bases, & 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 & 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, & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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; 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; 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 & 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 & 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, & 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; 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; 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; 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; 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; 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; 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; 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 & 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 & 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 & 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 & 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'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'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 & 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'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 & 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 & 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, & 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 & 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, & 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 & 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®ion_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.