Help & FAQ – Cool Components

<!doctype html> <html class="no-js" lang="en" dir="ltr"> <head>  <script type="text/javascript" src="https://cdn-ukwest.onetrust.com/consent/df9b2ca4-4f7c-4f6a-89fe-e538078fddc4/OtAutoBlock.js" ></script> <script src="https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="df9b2ca4-4f7c-4f6a-89fe-e538078fddc4" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Help & FAQ – Cool Components</title><link rel="canonical" href="https://coolcomponents.co.uk/pages/help-faq"><link rel="icon" href="//coolcomponents.co.uk/cdn/shop/files/Favicon.png?crop=center&height=48&v=1613683805&width=48" type="image/png"> <link rel="apple-touch-icon" href="//coolcomponents.co.uk/cdn/shop/files/Favicon.png?crop=center&height=180&v=1613683805&width=180"><meta name="description" content="If you're looking for information about an aspect of Cool Components service, chances are it'll be on this page. All of the most common questions are answered in some form below."><meta property="og:site_name" content="Cool Components"> <meta property="og:url" content="https://coolcomponents.co.uk/pages/help-faq"> <meta property="og:title" content="Help & FAQ"> <meta property="og:type" content="website"> <meta property="og:description" content="If you're looking for information about an aspect of Cool Components service, chances are it'll be on this page. All of the most common questions are answered in some form below."><meta name="twitter:site" content="@#"><meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Help & FAQ"> <meta name="twitter:description" content="If you're looking for information about an aspect of Cool Components service, chances are it'll be on this page. All of the most common questions are answered in some form below."> <link rel="preload" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/main.css?v=116609865418217997281717517094" as="style"><style data-shopify> @font-face { font-family: Montserrat; font-weight: 400; font-style: normal; font-display: swap; src: url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=e8768be8ad3cba19bd524328d0f80ce3de3880098f3f4bf2922646a39698b205") format("woff2"), url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_n4.cfce41a967758ce5a9b7d48daeb5b028fd977a9b.woff?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c7b656b19f55783760a6375c7aaf1bc562ddf419cd23d4d1e990b532f831ae38") format("woff"); } @font-face { font-family: Montserrat; font-weight: 500; font-style: normal; font-display: swap; src: url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_n5.e72d00d31ae5399d260a80ec70322c62c1819762.woff2?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=145a5c727d352c4421f80e9458fd5286fd9e0cfcbe587bc4cc2d90a85248dec1") format("woff2"), url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_n5.18a018b6c83e89030c5d70a6d4c02c969f228500.woff?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=471342c7f049bc8aa9d3065d30a853ec349021febbad3b19be55a22e79ac42b4") format("woff"); } @font-face { font-family: Montserrat; font-weight: 400; font-style: italic; font-display: swap; src: url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_i4.ae02483b3d5e8777d0d4a4ccf396482c364d8955.woff2?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=5adc554cd8ae6e00afd3fc9ce5fdaa37eb2aa84b9be8e895c1f39f957d4331c7") format("woff2"), url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_i4.ba28d1a04ec09448de486d83c63235903dfc0af8.woff?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=cc4790ad729b1fb8f186e1c4734ab13abf859dc427f6cd5a9f431abc0785b58e") format("woff"); } @font-face { font-family: Montserrat; font-weight: 500; font-style: italic; font-display: swap; src: url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_i5.3a4750a300f30824a43384268712b76e0a04be8c.woff2?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=86eacd0e8056d35065e78d875da06d4c31e01f96bbc06d763acd801238c9b8d6") format("woff2"), url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_i5.3c586d8884de1ac5627138711567f5b454adbef8.woff?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=007bbc9b4ebe590e4895836f39d8ca701b97b41f0ca3789e5806354f7b226314") format("woff"); } @font-face { font-family: Montserrat; font-weight: 700; font-style: normal; font-display: swap; src: url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_n7.c496e9cf2031deec4c4bca338faa81971c8631d4.woff2?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=63e15a02b4bbed859ae32a0ef9457f3fb65438d7d941a1addc13bd289f39bc04") format("woff2"), url("//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_n7.78b0223375c94b39ce1af7e09a0225f2bb3d05f7.woff?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=e7341252b069daa0054525c62abd91589844df0a662cd51b13c17555ab3d3e23") format("woff"); } @font-face { font-family: Roboto; font-weight: 700; font-style: normal; font-display: swap; src: url("//coolcomponents.co.uk/cdn/fonts/roboto/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c6782ec43d42106154220802af1b796d676d24b3f2ecda9d629d3764f57f9d9a") format("woff2"), url("//coolcomponents.co.uk/cdn/fonts/roboto/roboto_n7.1babbb6a27f91b14216bafa40bf222e08f6999f4.woff?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=f53c7803c41d398631e4061cf549e30dfab0a1f80e3877742c22ff3cd7450d1d") format("woff"); } :root { --bg-color: 255 255 255 / 1.0; --bg-color-og: 255 255 255 / 1.0; --heading-color: 51 51 51; --text-color: 51 51 51; --text-color-og: 51 51 51; --scrollbar-color: 51 51 51; --link-color: 51 51 51; --link-color-og: 51 51 51; --star-color: 252 202 44; --sale-price-color: 198 32 32;--swatch-border-color-default: 214 214 214; --swatch-border-color-active: 153 153 153; --swatch-card-size: 24px; --swatch-variant-picker-size: 24px;--color-scheme-1-bg: 242 244 243 / 1.0; --color-scheme-1-grad: ; --color-scheme-1-heading: 51 51 51; --color-scheme-1-text: 51 51 51; --color-scheme-1-btn-bg: 252 202 44; --color-scheme-1-btn-text: 51 51 51; --color-scheme-1-btn-bg-hover: 224 184 58;--color-scheme-2-bg: 198 32 32 / 1.0; --color-scheme-2-grad: linear-gradient(24deg, rgba(170, 24, 44, 1) 15%, rgba(198, 32, 32, 1) 84%); --color-scheme-2-heading: 250 244 216; --color-scheme-2-text: 250 244 216; --color-scheme-2-btn-bg: 255 255 255; --color-scheme-2-btn-text: 51 51 51; --color-scheme-2-btn-bg-hover: 232 232 232;--color-scheme-3-bg: 109 174 30 / 1.0; --color-scheme-3-grad: linear-gradient(22deg, rgba(92, 159, 10, 1) 16%, rgba(109, 174, 30, 1) 84%); --color-scheme-3-heading: 255 255 255; --color-scheme-3-text: 255 255 255; --color-scheme-3-btn-bg: 252 202 44; --color-scheme-3-btn-text: 51 51 51; --color-scheme-3-btn-bg-hover: 224 184 58; --drawer-bg-color: 255 255 255 / 1.0; --drawer-text-color: 51 51 51; --panel-bg-color: 242 244 243 / 1.0; --panel-heading-color: 51 51 51; --panel-text-color: 51 51 51; --in-stock-text-color: 13 137 62; --low-stock-text-color: 210 134 26; --very-low-stock-text-color: 170 24 44; --no-stock-text-color: 83 86 90; --no-stock-backordered-text-color: 83 86 90; --error-bg-color: 244 216 220; --error-text-color: 170 24 44; --success-bg-color: 109 174 30; --success-text-color: 255 255 255; --info-bg-color: 242 244 243; --info-text-color: 51 51 51; --heading-font-family: Montserrat, sans-serif; --heading-font-style: normal; --heading-font-weight: 700; --heading-scale-start: 2; --heading-letter-spacing: 0.0em; --navigation-font-family: Roboto, sans-serif; --navigation-font-style: normal; --navigation-font-weight: 700; --navigation-letter-spacing: -0.04em; --heading-text-transform: uppercase; --subheading-text-transform: uppercase; --body-font-family: Montserrat, sans-serif; --body-font-style: normal; --body-font-weight: 400; --body-font-size: 16; --body-font-size-px: 16px; --body-letter-spacing: 0.0em; --section-gap: 32; --heading-gap: calc(8 * var(--space-unit));--heading-gap: calc(6 * var(--space-unit));--grid-column-gap: 20px; --product-card-gap: 0px;--btn-bg-color: 255 174 7; --btn-bg-hover-color: 236 166 9; --btn-text-color: 26 57 12; --btn-bg-color-og: 255 174 7; --btn-text-color-og: 26 57 12; --btn-alt-bg-color: 255 255 255; --btn-alt-bg-alpha: 1.0; --btn-alt-text-color: 28 80 210; --btn-border-width: 2px; --btn-padding-y: 12px; --btn-text-size: 0.80em; --btn-border-radius: 6px; --btn-lg-border-radius: 50%; --btn-icon-border-radius: 50%; --input-with-btn-inner-radius: var(--btn-border-radius); --btn-text-transform: uppercase; --input-bg-color: 255 255 255 / 1.0; --input-text-color: 51 51 51; --input-border-width: 2px; --input-border-radius: 4px; --textarea-border-radius: 4px; --input-border-radius: 6px; --input-bg-color-diff-3: #f7f7f7; --input-bg-color-diff-6: #f0f0f0; --modal-border-radius: 0px; --modal-overlay-color: 0 0 0; --modal-overlay-opacity: 0.4; --drawer-border-radius: 0px; --overlay-border-radius: 8px;--sale-label-bg-color: 198 32 32; --sale-label-text-color: 255 255 255;--new-label-bg-color: 26 102 210; --new-label-text-color: 255 255 255;--preorder-label-bg-color: 170 225 62; --preorder-label-text-color: 51 51 51; --page-width: 1200px; --gutter-sm: 20px; --gutter-md: 48px; --gutter-lg: 64px; --payment-terms-bg-color: #ffffff; --coll-card-bg-color: #fafafa; --coll-card-border-color: rgba(0,0,0,0); --card-bg-color: 255 255 255; --card-text-color: 51 51 51; --card-border-color: #dddddd; --aos-animate-duration: 1.1s; --aos-min-width: 0; --reading-width: 48em; --cart-savings-color: 198 32 32 }@media (max-width: 769px) { :root { --reading-width: 36em; } } </style><link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/main.css?v=116609865418217997281717517094"> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/main.js?v=146145501139955609631717517094" defer="defer"></script><link rel="preload" href="//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=e8768be8ad3cba19bd524328d0f80ce3de3880098f3f4bf2922646a39698b205" as="font" type="font/woff2" crossorigin fetchpriority="high"><link rel="preload" href="//coolcomponents.co.uk/cdn/fonts/montserrat/montserrat_n7.c496e9cf2031deec4c4bca338faa81971c8631d4.woff2?h1=Y29vbGNvbXBvbmVudHMuY28udWs&h2=Y29vbGNvbXBvbmVudHMuZnI&h3=Y29vbGNvbXBvbmVudHMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=63e15a02b4bbed859ae32a0ef9457f3fb65438d7d941a1addc13bd289f39bc04" as="font" type="font/woff2" crossorigin fetchpriority="high"><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="ojkoGLE55h0SIIcEg6KfA7E9WAWvM7ninZOQSyMk1m8"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/23113697/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="632929f9b53720fc2408627fd49d1e25"> <meta id="in-context-paypal-metadata" data-shop-id="23113697" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="GBP"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-GB"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-GB&shop_id=23113697" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":23113697,"countryCode":"GB","currencyCode":"GBP","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/23113697","merchantName":"Cool Components","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex","discover","elo"],"total":{"type":"pending","label":"Cool Components","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":false}</script> <script id="shopify-features" type="application/json">{"accessToken":"632929f9b53720fc2408627fd49d1e25","betas":["rich-media-storefront-analytics"],"domain":"coolcomponents.co.uk","predictiveSearch":true,"shopId":23113697,"smart_payment_buttons_url":"https:\/\/coolcomponents.co.uk\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/coolcomponents.co.uk\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "coolcomponents.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"GBP","rate":"1.0"}; Shopify.country = "GB"; Shopify.theme = {"name":"Canopy","id":128564985917,"schema_name":"Canopy","schema_version":"6.1.0","theme_store_id":732,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "coolcomponents.co.uk/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_Du5arOYD.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js"],"init-windoid":["modules/v2/client.init-windoid_B1zFqa1f.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_DR-sDkvx.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_CyYBBpqj.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_DBhvlVth.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"pay-button":["modules/v2/client.pay-button_BEilT4zo.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_dgqwI6ey.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_mUqnK3_l.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_0djZK60j.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_SlQzAw-F.en.esm.js","modules/v2/client.shop-login-button_dgqwI6ey.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_Cx_hclyV.en.esm.js","modules/v2/client.shop-login-button_dgqwI6ey.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_BxBHMaJ9.en.esm.js","modules/v2/client.shop-login-button_dgqwI6ey.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"lead-capture":["modules/v2/client.lead-capture_YfYzyquM.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"payment-terms":["modules/v2/client.payment-terms_DD2ElmYe.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/dfjp7gc2z6ooe.cloudfront.net\/assets\/sky_pilot_v3.js?shop=coolcomponents.myshopify.com","\/\/shopify.privy.com\/widget.js?shop=coolcomponents.myshopify.com","\/\/shopify.privy.com\/widget.js?shop=coolcomponents.myshopify.com","https:\/\/storage.googleapis.com\/gsf-scripts\/global-remarketing\/coolcomponents.js?1709046773\u0026shop=coolcomponents.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":23113697,"offset":0,"reqid":"4d17fc95-c20b-4928-aa87-98c7073fb15a-1742944369","pageurl":"coolcomponents.co.uk\/pages\/help-faq","s":"pages-230154958","u":"c4b733bb025d","p":"page","rtyp":"page","rid":230154958};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//coolcomponents.co.uk/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//coolcomponents.co.uk/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//coolcomponents.co.uk/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <script id="sections-script" data-sections="header,footer" defer="defer" src="//coolcomponents.co.uk/cdn/shop/t/39/compiled_assets/scripts.js?5707"></script> <link rel="stylesheet" media="screen" href="https://coolcomponents.co.uk/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 180px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/animate-on-scroll.js?v=15249566486942820451715672869" defer="defer"></script> <link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/animate-on-scroll.css?v=62865576715456057531715672869"> <script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script> <script type='text/javascript'> var _d_site = _d_site || 'F308854047609A270BBB6D17'; </script> <script src='https://widget.privy.com/assets/widget.js'></script>    <script> var gsf_conversion_data = {page_type : '', event : '', data : {shop_currency : "GBP"}}; </script>   <script src="https://cdn.shopify.com/extensions/fb08020f-1d93-43d4-a30d-cf3ed0b9c486/selleasy-27/assets/lb-upsell.js" type="text/javascript" defer="defer"></script> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);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: 23113697,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={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:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-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:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-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+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 23113697,storefrontBaseUrl: "https://coolcomponents.co.uk",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["6a396365"],webPixelsConfigList: [{"id":"919437699","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-12E7REEKDG\\\",\\\"target_country\\\":\\\"GB\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-12E7REEKDG\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-12E7REEKDG\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-12E7REEKDG\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-12E7REEKDG\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-12E7REEKDG\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-12E7REEKDG\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-12E7REEKDG\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"322b4d09e15b68127cd86b1bb8929c25","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"111870013","configuration":"{\"accountID\":\"selleasy-metrics-track\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"f86c42df4e9f256a1571f5d4b296f7e1","type":"APP","apiClientId":5519923,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"104464445","configuration":"{\"pixel_id\":\"1702129416665609\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"23593021","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["SALE_OF_DATA"],"name":"Simprosys Custom Pixel"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "",initData: {"shop":{"name":"Cool Components","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"coolcomponents.myshopify.com","countryCode":"GB","storefrontUrl":"https://coolcomponents.co.uk"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://coolcomponents.co.uk/cdn","922b36b9w64bffb83p492751e9m8c124dc0",{"modern":"","legacy":""},{"shopId":"23113697","storefrontBaseUrl":"https://coolcomponents.co.uk","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"6a396365\"]","isMerchantRequest":"false","hashVersion":"922b36b9w64bffb83p492751e9m8c124dc0"});</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'GBP'; var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":230154958}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 23113697, theme_id: 128564985917, app_name: "storefront", context_url: window.location.href, source_url: "//coolcomponents.co.uk/cdn/s/trekkie.storefront.6790784e88524d17bc2df67c3d0c5047adb2d676.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//coolcomponents.co.uk/cdn/s/trekkie.storefront.6790784e88524d17bc2df67c3d0c5047adb2d676.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//coolcomponents.co.uk/cdn/s/trekkie.storefront.6790784e88524d17bc2df67c3d0c5047adb2d676.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":23113697,"isMerchantRequest":null,"themeId":128564985917,"themeCityHash":"7574392064022792940","contentLanguage":"en","currency":"GBP"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":230154958,"shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//coolcomponents.co.uk/cdn/shopifycloud/shopify/assets/shop_events_listener-bbbf3223c550be0dd72914a2fa06aaa88eb8943e96f9ea31fb63e7e27e0f97f4.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script> if (!window.ga || (window.ga && typeof window.ga !== 'function')) { window.ga = function ga() { (window.ga.q = window.ga.q || []).push(arguments); Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 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."); }; Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); } </script> <script defer src="https://coolcomponents.co.uk/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.5.0.min.js" data-application="storefront-renderer" data-shop-id="23113697" data-render-region="gcp-europe-west3" data-page-type="page" data-theme-instance-id="128564985917" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body class="cc-animate-enabled"> <a class="skip-link btn btn--primary visually-hidden" href="#main-content" data-cc-role="skip">Skip to content</a> <div id="shopify-section-sections--15768528322621__header" class="shopify-section shopify-section-group-header-group cc-header"> <style data-shopify>.header { --bg-color: 28 80 210 / 1.0; --text-color: 255 255 255; --mobile-menu-bg-color: 28 80 210 / 1.0; --mobile-menu-text-color: 255 255 255; --desktop-menu-bg-color: 28 80 210 / 1.0; --desktop-menu-text-color: 255 255 255; --nav-bg-color: 28 80 210; --nav-text-color: 255 255 255; --nav-child-bg-color: 28 80 210; --nav-child-text-color: 255 255 255; --header-accent-color: 255 255 255; --search-bg-color: 255 255 255; --search-text-color: 51 51 51; }</style><store-header class="header bg-theme-bg text-theme-text has-motion"data-is-sticky="true" data-hide-menu="true"style="--header-transition-speed: 300ms"><header class="header__grid header__grid--left-logo container flex flex-wrap items-center"> <div class="header__logo header__logo--top-left logo flex js-closes-menu"><a class="logo__link inline-block" href="/"><span class="flex" style="max-width: 240px;"> <picture><source media="(max-width: 768px)" srcset="//coolcomponents.co.uk/cdn/shop/files/CC_Logo_250.png?v=1613683805&width=480" alt="Cool Components" loading="eager"><img src="//coolcomponents.co.uk/cdn/shop/files/CCLogo250_2x_d26d1922-11a3-4f67-bdb6-c43f4399613f.png?v=1613683848&width=480" alt="Cool Components" srcset="//coolcomponents.co.uk/cdn/shop/files/CCLogo250_2x_d26d1922-11a3-4f67-bdb6-c43f4399613f.png?v=1613683848&width=352 352w, //coolcomponents.co.uk/cdn/shop/files/CCLogo250_2x_d26d1922-11a3-4f67-bdb6-c43f4399613f.png?v=1613683848&width=480 480w" width="480" height="114" loading="eager"> </picture> </span></a></div> <link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/predictive-search.css?v=48813712353353719891715672870"> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/predictive-search.js?v=158424367886238494141715672870" defer="defer"></script> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/tabs.js?v=135558236254064818051715672871" defer="defer"></script><div class="header__search relative js-closes-menu"><link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/search-suggestions.css?v=50270288864590332791715672871" media="print" onload="this.media='all'"><link href="//coolcomponents.co.uk/cdn/shop/t/39/assets/product-type-search.css?v=153328044068475290231715672871" rel="stylesheet" type="text/css" media="all" /> <predictive-search class="block" data-loading-text="Loading..."><form class="search relative search--speech search--product-types" role="search" action="/search" method="get"> <label class="label visually-hidden" for="header-search">Search</label> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/search-form.js?v=43677551656194261111715672871" defer="defer"></script> <search-form class="search__form block"> <input type="hidden" name="options[prefix]" value="last"> <input type="search" class="search__input w-full input js-search-input" id="header-search" name="q" placeholder="Search for products" data-placeholder-one="Search for products" data-placeholder-two="Search for brands" data-placeholder-three="Search for ideas" data-placeholder-prompts-mob="false" data-typing-speed="100" data-deleting-speed="60" data-delay-after-deleting="500" data-delay-before-first-delete="2000" data-delay-after-word-typed="2400" role="combobox" autocomplete="off" aria-autocomplete="list" aria-controls="predictive-search-results" aria-owns="predictive-search-results" aria-haspopup="listbox" aria-expanded="false" spellcheck="false"> <custom-select id="product_types" class="search__product-types absolute left-0 top-0 bottom-0 js-search-product-types"><label class="label visually-hidden no-js-hidden" for="product_types-button">Product type</label><div class="custom-select relative w-full no-js-hidden"><button class="custom-select__btn input items-center" type="button" aria-expanded="false" aria-haspopup="listbox" id="product_types-button" > <span class="text-start">All</span> <svg width="20" height="20" viewBox="0 0 24 24" class="icon" role="presentation" focusable="false" aria-hidden="true"> <path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/> </svg> </button> <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1" aria-hidden="true" hidden><li class="custom-select__option js-option" id="product_types-opt-default" role="option" data-value=""> <span class="pointer-events-none">All</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-0" role="option" data-value="3D Printing" > <span class="pointer-events-none">3D Printing</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-1" role="option" data-value="Acceleration" > <span class="pointer-events-none">Acceleration</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-2" role="option" data-value="Accessories" > <span class="pointer-events-none">Accessories</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-3" role="option" data-value="Accessories and Breakout Boards" > <span class="pointer-events-none">Accessories and Breakout Boards</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-4" role="option" data-value="Active Components" > <span class="pointer-events-none">Active Components</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-5" role="option" data-value="Antenna" > <span class="pointer-events-none">Antenna</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-6" role="option" data-value="Arduino" > <span class="pointer-events-none">Arduino</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-7" role="option" data-value="ARM Processor Based" > <span class="pointer-events-none">ARM Processor Based</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-8" role="option" data-value="Atmospheric" > <span class="pointer-events-none">Atmospheric</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-9" role="option" data-value="Audio" > <span class="pointer-events-none">Audio</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-10" role="option" data-value="AVR Processor Based" > <span class="pointer-events-none">AVR Processor Based</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-11" role="option" data-value="Batteries" > <span class="pointer-events-none">Batteries</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-12" role="option" data-value="Biometric" > <span class="pointer-events-none">Biometric</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-13" role="option" data-value="Bluetooth" > <span class="pointer-events-none">Bluetooth</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-14" role="option" data-value="Books" > <span class="pointer-events-none">Books</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-15" role="option" data-value="Boxes" > <span class="pointer-events-none">Boxes</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-16" role="option" data-value="Breadboards" > <span class="pointer-events-none">Breadboards</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-17" role="option" data-value="Breakout Boards" > <span class="pointer-events-none">Breakout Boards</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-18" role="option" data-value="Buttons" > <span class="pointer-events-none">Buttons</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-19" role="option" data-value="Cables and Adapters" > <span class="pointer-events-none">Cables and Adapters</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-20" role="option" data-value="Cameras" > <span class="pointer-events-none">Cameras</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-21" role="option" data-value="Chargers" > <span class="pointer-events-none">Chargers</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-22" role="option" data-value="Compass" > <span class="pointer-events-none">Compass</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-23" role="option" data-value="Component" > <span class="pointer-events-none">Component</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-24" role="option" data-value="Components" > <span class="pointer-events-none">Components</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-25" role="option" data-value="Conductive Ink" > <span class="pointer-events-none">Conductive Ink</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-26" role="option" data-value="Connectors" > <span class="pointer-events-none">Connectors</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-27" role="option" data-value="Consumable" > <span class="pointer-events-none">Consumable</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-28" role="option" data-value="Cortex Dev Boards" > <span class="pointer-events-none">Cortex Dev Boards</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-29" role="option" data-value="Current" > <span class="pointer-events-none">Current</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-30" role="option" data-value="Derivative Boards" > <span class="pointer-events-none">Derivative Boards</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-31" role="option" data-value="Dev Boards" > <span class="pointer-events-none">Dev Boards</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-32" role="option" data-value="di" > <span class="pointer-events-none">di</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-33" role="option" data-value="Education" > <span class="pointer-events-none">Education</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-34" role="option" data-value="EL" > <span class="pointer-events-none">EL</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-35" role="option" data-value="Electron" > <span class="pointer-events-none">Electron</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-36" role="option" data-value="Electronic" > <span class="pointer-events-none">Electronic</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-37" role="option" data-value="ePaper" > <span class="pointer-events-none">ePaper</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-38" role="option" data-value="Fabric and Thread" > <span class="pointer-events-none">Fabric and Thread</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-39" role="option" data-value="Feather" > <span class="pointer-events-none">Feather</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-40" role="option" data-value="Gadgeteer" > <span class="pointer-events-none">Gadgeteer</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-41" role="option" data-value="GPRS Cellular" > <span class="pointer-events-none">GPRS Cellular</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-42" role="option" data-value="GPS" > <span class="pointer-events-none">GPS</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-43" role="option" data-value="Grove" > <span class="pointer-events-none">Grove</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-44" role="option" data-value="Hand Tools" > <span class="pointer-events-none">Hand Tools</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-45" role="option" data-value="Hardware" > <span class="pointer-events-none">Hardware</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-46" role="option" data-value="Infra Red" > <span class="pointer-events-none">Infra Red</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-47" role="option" data-value="Intel Edison" > <span class="pointer-events-none">Intel Edison</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-48" role="option" data-value="Kits" > <span class="pointer-events-none">Kits</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-49" role="option" data-value="LCD Displays" > <span class="pointer-events-none">LCD Displays</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-50" role="option" data-value="LED Displays" > <span class="pointer-events-none">LED Displays</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-51" role="option" data-value="LEDs" > <span class="pointer-events-none">LEDs</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-52" role="option" data-value="LilyPad" > <span class="pointer-events-none">LilyPad</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-53" role="option" data-value="Logging Devices" > <span class="pointer-events-none">Logging Devices</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-54" role="option" data-value="Micro:bit" > <span class="pointer-events-none">Micro:bit</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-55" role="option" data-value="Motion Controllers" > <span class="pointer-events-none">Motion Controllers</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-56" role="option" data-value="Motors" > <span class="pointer-events-none">Motors</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-57" role="option" data-value="OLED Displays" > <span class="pointer-events-none">OLED Displays</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-58" role="option" data-value="Original Boards" > <span class="pointer-events-none">Original Boards</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-59" role="option" data-value="Other" > <span class="pointer-events-none">Other</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-60" role="option" data-value="Passive Components" > <span class="pointer-events-none">Passive Components</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-61" role="option" data-value="PCB Fabrication" > <span class="pointer-events-none">PCB Fabrication</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-62" role="option" data-value="Position" > <span class="pointer-events-none">Position</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-63" role="option" data-value="Potentiometer" > <span class="pointer-events-none">Potentiometer</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-64" role="option" data-value="Power" > <span class="pointer-events-none">Power</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-65" role="option" data-value="Programmers" > <span class="pointer-events-none">Programmers</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-66" role="option" data-value="Prototyping" > <span class="pointer-events-none">Prototyping</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-67" role="option" data-value="Qwiic" > <span class="pointer-events-none">Qwiic</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-68" role="option" data-value="Raspberry Pi" > <span class="pointer-events-none">Raspberry Pi</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-69" role="option" data-value="Raspberry Pi Boards" > <span class="pointer-events-none">Raspberry Pi Boards</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-70" role="option" data-value="Raspberry Pi Enclosures" > <span class="pointer-events-none">Raspberry Pi Enclosures</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-71" role="option" data-value="Raspberry Pi Kits" > <span class="pointer-events-none">Raspberry Pi Kits</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-72" role="option" data-value="RFID" > <span class="pointer-events-none">RFID</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-73" role="option" data-value="Robot" > <span class="pointer-events-none">Robot</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-74" role="option" data-value="Sensor" > <span class="pointer-events-none">Sensor</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-75" role="option" data-value="Shields" > <span class="pointer-events-none">Shields</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-76" role="option" data-value="Smart Home" > <span class="pointer-events-none">Smart Home</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-77" role="option" data-value="Soldering" > <span class="pointer-events-none">Soldering</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-78" role="option" data-value="Sound" > <span class="pointer-events-none">Sound</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-79" role="option" data-value="speaker" > <span class="pointer-events-none">speaker</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-80" role="option" data-value="STEMMA QT" > <span class="pointer-events-none">STEMMA QT</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-81" role="option" data-value="Switches" > <span class="pointer-events-none">Switches</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-82" role="option" data-value="Tags" > <span class="pointer-events-none">Tags</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-83" role="option" data-value="Temperature and Pressure" > <span class="pointer-events-none">Temperature and Pressure</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-84" role="option" data-value="TFT Display" > <span class="pointer-events-none">TFT Display</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-85" role="option" data-value="Tools" > <span class="pointer-events-none">Tools</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-86" role="option" data-value="Touch" > <span class="pointer-events-none">Touch</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-87" role="option" data-value="Ultrasonic" > <span class="pointer-events-none">Ultrasonic</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-88" role="option" data-value="Visible Light" > <span class="pointer-events-none">Visible Light</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-89" role="option" data-value="Wearable" > <span class="pointer-events-none">Wearable</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-90" role="option" data-value="Wheel" > <span class="pointer-events-none">Wheel</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-91" role="option" data-value="WiFi" > <span class="pointer-events-none">WiFi</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-92" role="option" data-value="Wireless" > <span class="pointer-events-none">Wireless</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-93" role="option" data-value="Writers" > <span class="pointer-events-none">Writers</span> </li><li class="custom-select__option flex items-center js-option" id="product_types-opt-94" role="option" data-value="Zigbee" > <span class="pointer-events-none">Zigbee</span> </li></ul> </div></custom-select> <input type="hidden" id="product_type_input" name="filter.p.product_type"/><button type="button" class="search__reset text-current vertical-center absolute focus-inset js-search-reset" hidden> <span class="visually-hidden">Reset</span> <svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linejoin="round" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M5 19 19 5M5 5l14 14"/></svg> </button><speech-search-button class="search__speech focus-inset right-0 hidden" tabindex="0" title="Search by voice" style="--speech-icon-color: #6dae1e"> <svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path fill="currentColor" d="M17.3 11c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.49 6-3.31 6-6.72m-8.2-6.1c0-.66.54-1.2 1.2-1.2.66 0 1.2.54 1.2 1.2l-.01 6.2c0 .66-.53 1.2-1.19 1.2-.66 0-1.2-.54-1.2-1.2M12 14a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3 3 3 0 0 0-3 3v6a3 3 0 0 0 3 3Z"/></svg> </speech-search-button> <link href="//coolcomponents.co.uk/cdn/shop/t/39/assets/speech-search.css?v=47207760375520952331715672871" rel="stylesheet" type="text/css" media="all" /> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/speech-search.js?v=106462966657620737681715672871" defer="defer"></script></search-form><div class="js-search-results" tabindex="-1" data-predictive-search></div> <span class="js-search-status visually-hidden" role="status" aria-hidden="true"></span></form> <div class="overlay fixed top-0 right-0 bottom-0 left-0 js-search-overlay"></div></predictive-search> </div><div class="header__icons flex justify-end mis-auto js-closes-menu"><a class="header__icon text-current" href="/account/login"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M12 2a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 1.429a3.571 3.571 0 1 0 0 7.142 3.571 3.571 0 0 0 0-7.142zm0 10c2.558 0 5.114.471 7.664 1.411A3.571 3.571 0 0 1 22 18.19v3.096c0 .394-.32.714-.714.714H2.714A.714.714 0 0 1 2 21.286V18.19c0-1.495.933-2.833 2.336-3.35 2.55-.94 5.106-1.411 7.664-1.411zm0 1.428c-2.387 0-4.775.44-7.17 1.324a2.143 2.143 0 0 0-1.401 2.01v2.38H20.57v-2.38c0-.898-.56-1.7-1.401-2.01-2.395-.885-4.783-1.324-7.17-1.324z"/></svg> <span class="visually-hidden">Log in</span> </a><a class="header__icon relative text-current" id="cart-icon" href="/cart" data-no-instant><svg width="24" height="24" viewBox="0 0 24 24" class="icon icon--cart" aria-hidden="true" focusable="false" role="presentation"><path fill="currentColor" d="M17 18a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2c0-1.11.89-2 2-2M1 2h3.27l.94 2H20a1 1 0 0 1 1 1c0 .17-.05.34-.12.5l-3.58 6.47c-.34.61-1 1.03-1.75 1.03H8.1l-.9 1.63-.03.12a.25.25 0 0 0 .25.25H19v2H7a2 2 0 0 1-2-2c0-.35.09-.68.24-.96l1.36-2.45L3 4H1V2m6 16a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2c0-1.11.89-2 2-2m9-7 2.78-5H6.14l2.36 5H16Z"/></svg><span class="visually-hidden">Cart</span><div id="cart-icon-bubble"></div> </a> </div><main-menu class="main-menu" data-menu-sensitivity="200"> <details class="main-menu__disclosure has-motion" open> <summary class="main-menu__toggle md:hidden"> <span class="main-menu__toggle-icon" aria-hidden="true"></span> <span class="visually-hidden">Menu</span> </summary> <div class="main-menu__content has-motion justify-between"><nav aria-label="Primary"> <ul class="main-nav"><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content" href="/collections/arduino"> ARDUINO<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="/collections/arduino" class="main-nav__item child-nav__item large-text main-nav__item-header">ARDUINO</a> </li><li><a class="main-nav__item child-nav__item" href="/collections/arduino">All Arduino</a></li><li><a class="main-nav__item child-nav__item" href="/collections/arduino-original-boards">Original Boards</a></li><li><a class="main-nav__item child-nav__item" href="/collections/arduino-derivative-boards">Derivative Boards</a></li><li><a class="main-nav__item child-nav__item" href="/collections/arduino-boards">All Boards</a></li><li><a class="main-nav__item child-nav__item" href="/collections/arduino-kits">Kits</a></li><li><a class="main-nav__item child-nav__item" href="/collections/arduino-shields">Shields</a></li><li><a class="main-nav__item child-nav__item" href="/collections/teensy">Teensy</a></li></ul></div> </details></li><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content" href="/collections/micro-bit"> micro:bit<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="/collections/micro-bit" class="main-nav__item child-nav__item large-text main-nav__item-header">micro:bit</a> </li><li><a class="main-nav__item child-nav__item" href="/collections/micro-bit">All micro:bit</a></li><li><a class="main-nav__item child-nav__item" href="/collections/bbc-micro-bit-add-ons">Add-ons</a></li><li><a class="main-nav__item child-nav__item" href="/collections/bbc-micro-bit-kits">Kits</a></li><li><a class="main-nav__item child-nav__item" href="/collections/micro-bit-cases">Cases</a></li><li><a class="main-nav__item child-nav__item" href="/collections/bbc-micro-bit-connectors-adapters">Connectors & Adaptors</a></li><li><a class="main-nav__item child-nav__item" href="/collections/stem-micro-bit">STEM Education</a></li></ul></div> </details></li><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content" href="/collections/raspberry-pi"> RASPBERRY PI<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="/collections/raspberry-pi" class="main-nav__item child-nav__item large-text main-nav__item-header">RASPBERRY PI</a> </li><li><a class="main-nav__item child-nav__item" href="/collections/raspberry-pi">All Raspberry Pi</a></li><li><a class="main-nav__item child-nav__item" href="/collections/raspberry-pi-accessories-and-breakout-boards">Accessories & Breakout Boards</a></li><li><a class="main-nav__item child-nav__item" href="/collections/raspberry-pi-boards">Raspberry Pi Boards</a></li><li><a class="main-nav__item child-nav__item" href="/collections/raspberry-pi-pico-products">Raspberry Pi Pico</a></li><li><a class="main-nav__item child-nav__item" href="/collections/raspberry-pi-cases">Cases</a></li><li><a class="main-nav__item child-nav__item" href="/collections/raspberry-pi-hats">HATs</a></li><li><a class="main-nav__item child-nav__item" href="/collections/raspberry-pi-kits">Kits</a></li></ul></div> </details></li><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content" href="#"> COMPONENTS<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="#" class="main-nav__item child-nav__item large-text main-nav__item-header">COMPONENTS</a> </li><li><a class="main-nav__item child-nav__item" href="/collections/components">All Components</a></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="/collections/sensors" data-no-instant>Sensors<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/acceleration-sensors">Acceleration</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/atmospheric-sensors">Atmospheric</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/biometric-sensors">Biometric</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/compass-sensors">Compass</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/current-sensors">Current</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/gyro-sensors">Gyro</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/infra-red-sensors">Infra Red</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/position-sensors">Position</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/sound-sensors">Sound</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/temperature-pressure-sensors">Temperature & Pressure</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/touch-sensors">Touch</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/ultrasonic-sensors">Ultrasonic</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/visible-light-sensors">Visible Light</a> </li><li class="col-start-1 col-end-3"> <a href="/collections/sensors" class="main-nav__item--go">Go to Sensors<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m9.693 4.5 7.5 7.5-7.5 7.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </li></ul> </div> </details> </nav-menu></li><li><a class="main-nav__item child-nav__item" href="/collections/active-components">Active Components</a></li><li><a class="main-nav__item child-nav__item" href="/collections/passive-components">Passive Components</a></li><li><a class="main-nav__item child-nav__item" href="/collections/audio">Audio</a></li><li><a class="main-nav__item child-nav__item" href="/collections/component-buttons">Buttons</a></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="#" data-no-instant>Cases/Enclosures<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/cases-enclosures">All Cases/Enclosures</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/micro-bit-cases">BBC micro:bit Cases</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/cool-components-cases">Cool Components Cases</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/raspberry-pi-cases">Raspberry Pi Cases</a> </li></ul> </div> </details> </nav-menu></li><li><a class="main-nav__item child-nav__item" href="/collections/prototyping-connectors">Connectors</a></li><li><a class="main-nav__item child-nav__item" href="/collections/cool-components-led-range">Cool Components LEDs</a></li><li><a class="main-nav__item child-nav__item" href="/collections/gps">GPS/GPRS</a></li><li><a class="main-nav__item child-nav__item" href="/collections/leds">LEDs</a></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="/collections/opto-displays" data-no-instant>Opto & Displays<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/opto-displays">All Opto & Displays</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/cameras">Cameras</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/electroluminescence-el">Electroluminescence (EL)</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/epaper-displays">ePaper Displays</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/lcd-displays">LCD Displays</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/led-displays">LED Displays</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/oled-displays">OLED Displays</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/leds">LEDs</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/led-strips">LED Strips</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/opto-displays-other">Other</a> </li><li class="col-start-1 col-end-3"> <a href="/collections/opto-displays" class="main-nav__item--go">Go to Opto & Displays<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m9.693 4.5 7.5 7.5-7.5 7.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </li></ul> </div> </details> </nav-menu></li><li><a class="main-nav__item child-nav__item" href="/collections/rfid">RFID</a></li><li><a class="main-nav__item child-nav__item" href="/collections/component-switches">Switches</a></li></ul></div> </details></li><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content" href="#"> DEVELOPMENT<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="#" class="main-nav__item child-nav__item large-text main-nav__item-header">DEVELOPMENT</a> </li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="/collections/dev-boards" data-no-instant>Dev Boards<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/dev-boards">All Dev Boards</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/arm-processor-based-dev-boards">ARM Processor Based</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/micro-bit">BBC micro:bit</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/beaglebone-dev-boards">BeagleBone</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/micropython">MicroPython</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/teensy">Teensy</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/other-dev-boards">Other Dev Boards</a> </li><li class="col-start-1 col-end-3"> <a href="/collections/dev-boards" class="main-nav__item--go">Go to Dev Boards<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m9.693 4.5 7.5 7.5-7.5 7.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </li></ul> </div> </details> </nav-menu></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="/collections/prototyping" data-no-instant>Prototyping<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/prototyping">All Prototyping</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/prototyping-breadboards">Breadboards</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/prototyping-breakout-boards">Breakout Boards</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/prototyping-connectors">Connectors</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/prototyping-data-storage">Data Storage</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/prototyping-grove">Grove</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/prototyping-kits">Kits</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/qwiic-connect-system">Qwiic Connect System</a> </li><li class="col-start-1 col-end-3"> <a href="/collections/prototyping" class="main-nav__item--go">Go to Prototyping<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m9.693 4.5 7.5 7.5-7.5 7.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </li></ul> </div> </details> </nav-menu></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="/collections/wearables" data-no-instant>Wearables<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/wearables">All Wearables</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/wearables-accessories">Accessories</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/wearables-fabric-thread">Fabric & Thread</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/wearables-flora">Flora</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/wearables-lilypad">Lilypad</a> </li><li class="col-start-1 col-end-3"> <a href="/collections/wearables" class="main-nav__item--go">Go to Wearables<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m9.693 4.5 7.5 7.5-7.5 7.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </li></ul> </div> </details> </nav-menu></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="/collections/wireless" data-no-instant>Wireless<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/wireless">All Wireless</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/wireless-antenna">Antenna</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/wireless-bluetooth">Bluetooth</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/wireless-esp8266">ESP32/ESP8266</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/wireless-wifi">WiFi</a> </li><li class="col-start-1 col-end-3"> <a href="/collections/wireless" class="main-nav__item--go">Go to Wireless<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m9.693 4.5 7.5 7.5-7.5 7.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </li></ul> </div> </details> </nav-menu></li></ul></div> </details></li><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content" href="#"> STEM<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="#" class="main-nav__item child-nav__item large-text main-nav__item-header">STEM</a> </li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="/pages/stem" data-no-instant>STEM Education<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/pages/stem">All STEM</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/cool-components-lesson-packs">Activity & Lesson Packs</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/pages/primary-education">Primary School</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/pages/secondary-education">Secondary School</a> </li><li class="col-start-1 col-end-3"> <a href="/pages/stem" class="main-nav__item--go">Go to STEM Education<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m9.693 4.5 7.5 7.5-7.5 7.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </li></ul> </div> </details> </nav-menu></li><li><a class="main-nav__item child-nav__item" href="/collections/education">All Education</a></li><li><a class="main-nav__item child-nav__item" href="/collections/micro-bit">BBC micro:bit</a></li><li><a class="main-nav__item child-nav__item" href="/collections/books">Books</a></li><li><a class="main-nav__item child-nav__item" href="/collections/educational-conductive-ink">Conductive Ink</a></li><li><a class="main-nav__item child-nav__item" href="/collections/educational-kits">Kits</a></li><li><a class="main-nav__item child-nav__item" href="/collections/educational-robotics">Robotics</a></li></ul></div> </details></li><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content" href="/collections/kits"> KITS<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="/collections/kits" class="main-nav__item child-nav__item large-text main-nav__item-header">KITS</a> </li><li><a class="main-nav__item child-nav__item" href="/collections/arduino-kits">Arduino</a></li><li><a class="main-nav__item child-nav__item" href="/collections/bbc-micro-bit-bundles">BBC micro:bit</a></li><li><a class="main-nav__item child-nav__item" href="https://coolcomponents.co.uk/collections/cool-components-kits">Cool Components Kits</a></li><li><a class="main-nav__item child-nav__item" href="/collections/educational-kits">Educational</a></li><li><a class="main-nav__item child-nav__item" href="/collections/grove-kits">Grove</a></li><li><a class="main-nav__item child-nav__item" href="/collections/raspberry-pi-kits">Raspberry Pi</a></li><li><a class="main-nav__item child-nav__item" href="/collections/raspberry-pi-zero-w-bundles">Raspberry Pi Zero</a></li><li><a class="main-nav__item child-nav__item" href="/collections/robotics-kits">Robotics</a></li><li><a class="main-nav__item child-nav__item" href="/collections/wearable-kits">Wearables</a></li></ul></div> </details></li><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content" href="/collections/gaming"> GAMING<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="/collections/gaming" class="main-nav__item child-nav__item large-text main-nav__item-header">GAMING</a> </li><li><a class="main-nav__item child-nav__item" href="/collections/retropie-gaming">RetroPie Gaming</a></li></ul></div> </details></li><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content" href="#"> MORE<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="#" class="main-nav__item child-nav__item large-text main-nav__item-header">MORE</a> </li><li><a class="main-nav__item child-nav__item" href="/collections/currently-on-sale">Sale</a></li><li><a class="main-nav__item child-nav__item" href="/collections/new-products">New Products</a></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="#" data-no-instant>Brands<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/arduino">Arduino</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/adafruit-products">Adafruit</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/micro-bit">BBC micro:bit</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/cool-components-products">Cool Components</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/dobot">Dobot</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/elecfreaks-products">ElecFreaks</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/kitronik">Kitronik</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/pimoroni">Pimoroni</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/pololu-products">Pololu</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/raspberry-pi">Raspberry Pi</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/seeed-products">Seeed</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/sparkfun-products">Sparkfun</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/teensy">Teensy</a> </li></ul> </div> </details> </nav-menu></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="#" data-no-instant>Power & Tools<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/batteries">Batteries</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/battery-charger-accessories">Battery & Charger Accessories</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/cables-adapters">Cables & Adapters</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/chargers">Chargers</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/tools">Tools</a> </li></ul> </div> </details> </nav-menu></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="#" data-no-instant>Robotics<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/robotics">All Robotics</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/educational-robotics">Educational Robotics</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/robotics-motion-controllers">Motion Controllers</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/robotics-motors">Motors</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/robotic-arms">Robotic Arms</a> </li></ul> </div> </details> </nav-menu></li><li><nav-menu > <details open> <summary class="child-nav__item--toggle main-nav__item--toggle relative"> <div class="main-nav__item-content child-nav__collection-image w-full"><a class="child-nav__item main-nav__item main-nav__item-content" href="#" data-no-instant>Other<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </div> </summary> <div class="disclosure__panel has-motion"><ul class="main-nav__grandchild has-motion " role="list"><li><a class="grandchild-nav__item main-nav__item" href="/collections/3d-printing">3D Printing</a> </li><li><a class="grandchild-nav__item main-nav__item" href="/collections/cnc-machines-accessories">CNC Machines & Parts</a> </li></ul> </div> </details> </nav-menu></li></ul></div> </details></li><li><details> <summary class="main-nav__item--toggle relative js-nav-hover js-toggle"> <a class="main-nav__item main-nav__item--primary main-nav__item-content is-active" href="/pages/help-faq" aria-current="page"> HELP<svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a> </summary><div class="main-nav__child has-motion"> <ul class="child-nav child-nav--dropdown"> <li class="md:hidden"> <button type="button" class="main-nav__item main-nav__item--back relative js-back"> <div class="main-nav__item-content text-start"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m6.797 11.625 8.03-8.03 1.06 1.06-6.97 6.97 6.97 6.97-1.06 1.06z"/></svg> Back</div> </button> </li> <li class="md:hidden"> <a href="/pages/help-faq" class="main-nav__item child-nav__item large-text main-nav__item-header">HELP</a> </li><li><a class="main-nav__item child-nav__item" href="/pages/help-faq" aria-current="page">Help & FAQs</a></li><li><a class="main-nav__item child-nav__item" href="/pages/about-us">About Us</a></li><li><a class="main-nav__item child-nav__item" href="/pages/contact-us">Contact Us</a></li><li><a class="main-nav__item child-nav__item" href="/blogs/news">Blog</a></li><li><a class="main-nav__item child-nav__item" href="/pages/customer-reviews">Customer Reviews</a></li><li><a class="main-nav__item child-nav__item" href="/pages/delivery-information">Delivery Information</a></li><li><a class="main-nav__item child-nav__item" href="https://coolcomponents.co.uk/blogs/news/tagged/guide">Guides</a></li><li><a class="main-nav__item child-nav__item" href="/pages/privacy-policy">Privacy Policy</a></li><li><a class="main-nav__item child-nav__item" href="/pages/procurement">Procurement</a></li><li><a class="main-nav__item child-nav__item" href="/pages/product-recall">Product Recall</a></li><li><a class="main-nav__item child-nav__item" href="/pages/recycling-commitment">Recycling Commitment</a></li><li><a class="main-nav__item child-nav__item" href="/pages/returns-policy">Returns Policy</a></li><li><a class="main-nav__item child-nav__item" href="/pages/schools-universities">Schools & Universities</a></li><li><a class="main-nav__item child-nav__item" href="/pages/terms-conditions">Terms & Conditions</a></li><li><a class="main-nav__item child-nav__item" href="https://coolcomponents.co.uk/blogs/news/tagged/tutorial">Tutorials</a></li></ul></div> </details></li></ul> </nav></div> </details> </main-menu></header> </store-header> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Cool Components", "logo": "https:\/\/coolcomponents.co.uk\/cdn\/shop\/files\/CCLogo250_2x_d26d1922-11a3-4f67-bdb6-c43f4399613f.png?v=1613683848\u0026width=501", "sameAs": [ "#","#","#","#" ], "url": "https:\/\/coolcomponents.co.uk\/pages\/help-faq" } </script> </div> <main id="main-content"><div id="shopify-section-template--15768527700029__main" class="shopify-section cc-main-page section section--template"><link href="//coolcomponents.co.uk/cdn/shop/t/39/assets/article.css?v=174439809499980173321715672869" rel="stylesheet" type="text/css" media="all" /> <div class="container"><div class="reading-width rte mb-6 md:mb-8 mt-10 md:mt-16 mx-auto"> <h1 class="page__title lg:mt-8 text-center h2">Help & FAQ</h1> </div><div class="page__content reading-width rte article-content mt-12 mx-auto"> <div> <p>If you're looking for information about an aspect of Cool Components service, chances are it'll be on this page. All of the most common questions are answered in some form below, but if you need more specific information, please contact us here : sales at coolcomponents dot co dot uk. </p> </div> <div> <ol> <ol> <ol> <li><a href="https://coolcomponents.co.uk/pages/help-faq#howtopay">How to Pay</a></li> <li><a href="https://coolcomponents.co.uk/pages/help-faq#currencies">Currencies</a></li> <li><a href="https://coolcomponents.co.uk/pages/help-faq#credit">Credit</a></li> <li><a href="https://coolcomponents.co.uk/pages/help-faq#payment">Late Payment</a></li> <li><a href="https://coolcomponents.co.uk/pages/help-faq#vatregistration">VAT Registration and Exemption</a></li> <li><a href="https://coolcomponents.co.uk/pages/help-faq#FAQ">FAQ</a></li> </ol> </ol> </ol> </div> <a name="howtopay"></a> <p><br><br></p> <div> <h2>How to Pay for Your Orders</h2> </div> <div> <ul> <ul> <li>Credit Card : We accept most major types of credit and debit cards including Visa, Mastercard and American Express.</li> <li>PayPal : To use PayPal customers need to have an account, and to have funded the account.</li> <li>Amazon Payment : This allows customers to pay using their Amazon account, and the credit cards attached to it.</li> <li>UK Bank Account Transfer : You may pay us via direct transfer between your bank account and ours. To do this, please proceed to checkout and choses the '<strong>Bank Transfer (UK or International)</strong>' option. Please send us an e-mail to request our account details.<span> </span><strong>Please include your surname and order number as a reference when you make your<span> </span>Bank Transfer.</strong><span> </span>Please note that transfers typically take 1-2 working days to arrive. Orders where<span> </span><strong>Bank Transfer</strong> payment has not been received 10 working days after the order was placed will be cancelled.</li> <li>Foreign Wire Transfer (T/T) : You may transfer payment from your bank outside of the UK to our bank.<span> </span><strong><span>All</span><span> </span>charges, made by your bank and our bank must be paid by you</strong>. We will add an additional charge to cover our bank's T/T receiving charge for orders from inside the UK. Please chose the '<strong>Bank Transfer (UK or International)</strong>' option at checkout. After placing an order please send us an email to request our bank payment details. <strong>Please use your order number as a reference for your payment, or we may not be able to identify your funds and process your order.</strong>Orders where payment has not been received 15 working days after the order was placed will be cancelled.</li> <li>Purchase Order : We welcome purchase orders, but we must ask that they are only made for orders over £100 goods value excluding shipping and VAT. We can only accept purchase orders made out in GBP values. Please choose the Purchase Order option at checkout and then email us a copy of the official PO. Discount vouchers are not accepted against purchase order orders.</li> <li>Cheques : We are not able to accept cheques due to processing costs. Cheques sent as payment will be returned.</li> </ul> </ul> </div> <a name="currencies"></a> <p><br><br></p> <div> <h2>Currencies</h2> The base currency of our store is GBP, but customers may display prices in EUR or USD. At final payment, all amounts paid must be in GBP. Exchange rates for USD and EUR are regularly updated.</div> <div></div> <a name="credit"></a> <p><br><br></p> <div> <h2>Credit</h2> On occasion, 30 day terms may be offered for corporate or educational customers issuing purchase orders. Please contact us first to confirm acceptance of these terms.</div> <div></div> <a name="payment"></a> <p><br><br></p> <div> <h2>Late Payment Fees</h2> Where credit has been extended, in accordance with the Late Payment of Commercial Debts (Interest) Act 1998, as amended and supplemented by the Late Payment of Commercial Debts Regulations 2002 (EC Directive), we reserve the right charge interest at 8% above the late payment period reference interest rate based on the relevant Bank of England base rate on all amounts outstanding for more than 30 days (the Credit Period) from the Tax Date indicated on the invoice; and further to make a statutory compensatory charge on late payments, as follows: for amounts below £1,000 a charge of £40; for amounts between £1,000 and £10,000 a charge of £70; and for amounts above £10,000 a charge of £100. Such charges may be applied and added to the debt. Details of these charges can be found at the UK Department of Trade and Industry's website.</div> <div></div> <div> <a name="vatregistration"></a> <p><br><br></p> <h2>VAT Registration and Exemption </h2> </div> <div>VAT is charged on all purchases at the current standard UK rate by default. If you're a Non-UK VAT registered business based within the EU economic area and you wish to place an order over £500, you can avoid paying VAT on your purchase with us by contacting us to place your order offline.</div> <div></div> <div>Requests to refund VAT on purchases made where no valid VAT number has been entered during the checkout process will not be accepted.</div> <div></div> <a name="FAQ"></a> <p><br><br></p> <div> <h2>FAQ</h2> </div> <div> <div><strong>Can I come and collect my order?</strong></div> <div> </div> <div>Yes of course. Here's what to do.</div> <div> <ol> <li>Place your order online chosing the cheapest delivery option at checkout</li> <li>Send us an email at sales@coolcomponents.co.uk</li> <li>The email must state clearly what time you would like to collect at.</li> <li>We will confirm your collection time by email. The email will contain exact and helpful details about transport to our location etc.</li> </ol> There are a few conditions : <ul> <li>We are not a shop, and do not have a sales counter.</li> <li>If you arrive at a substantially different time to that arranged, or ourside of our office hours, we may not be able to provide you with your goods.</li> <li>We will not be liable for any costs you incur travelling to our premises.</li> <li>We will not be liable for any damage or injury you cause or sustain whilst on our premises.</li> <li>We will not be responsible for your navigation to our premises. Not all postcode / GPS databases provide accurate locations.</li> <li>If you place an order for collection, then subsequently require it to be delivered we will charge you extra for delivery.</li> </ul> </div> <div><strong>My order has been shipped but has not arrived - what has happened to it?</strong></div> <div> </div> <div>First we need to look at how you chose to have your order sent. Was it a trackable form of shipping, or a standard form? If it was a trackable form of shipping, please look for the tracking number that will have been sent to you as part of your order dispatch note. Once you have this number you can find out information about your package from the tracking section of the Royal Mail/UPS website. If you did not choose a trackable form of shipping, please ask your work colleagues or neighbours whether your package has been delivered to them by mistake. Quite often, this is what has happened. You can also contact your local depot to check with them. Regretfully, if your package is still missing, we cannot be held responsible if it is not insured.</div> <div> </div> <div><strong>When will my order be shipped?</strong></div> <div> </div> <div>If you have placed your order more than 2-3 working days ago and it has not been shipped, chances are that one or more of the items in it are out of stock. The product's description will clearly indicate that it is out of stock, and there's another indication at checkout, that some of your items are out of stock. Items that are out of stock generally come back into stock in 1-2 weeks, sometimes less. Again, the product description will generally give an estimated date for when the item is due back in stock.</div> <div> </div> <div><strong>Do you accept purchase orders?</strong></div> <div> </div> <div>Yes we do - but the purchase order must be for a goods amount of more than £100. You must place the order online by choosing the 'Purchase Order' payment option. In addition, you must send it to us by email or post on headed notepaper with full contact details. We may require you to pay in advance of delivery depending on your institution's status.</div> <div></div> <div></div> <div></div> <br> <div><strong>How do discount codes work?</strong></div> <div>We do currently offer and accept a range of different discount codes, these are entered during the checkout process in box labelled "Gift card or discount code". Please note if your order contains a bulk discount you will not be able to use a discount code. If your order contains items which are excluded from specific discount codes the discount will be applied to the other items on the order.</div> <div> </div> <div><strong>Do you accept cheques?</strong></div> <div> </div> <div>No, we do not accept cheques.</div> <div></div> <div></div> <div> <div> <div></div> <div></div> <div></div> </div> <div></div> </div> <div><strong>How safe is standard post?</strong></div> <div> </div> <div>Royal Mail standard post is very good considering its low cost. Packages do get lost however. Every year we send out thousands of orders, and only a very few go missing in the postal system. Despite this we recommend that you choose an insured form of post if you wish to guarantee your order's arrival.</div> <div> </div> <div><strong>I chose 'Special Delivery/UPS Next Day/DHL' but my order hasn't arrived - Why?</strong></div> <div> </div> <div>A couple of things are possible: That your items are not in stock, or that there is a sizeable order backlog, and that we have not managed to send your order on the day you placed it. Also, packages posted on Friday are not delivered on Saturday unless an extra charge is paid. We do not collect or pay this extra charge, and so regretfully, RM SD shipments will arrive on Monday if they are posted on Friday. Ironically, it is sometimes faster to chose standard delivery. If you order wasn't sent on a Friday you have a valid reason to complain to the Royal Mail. SD is supposed to be 'guaranteed' after all! Please note, regrettably we will not complain on your behalf. Please see the shipping section of this page for more info.</div> </div> </div> </div> <script> document.querySelectorAll('.page__content table').forEach((table) => { const wrapper = document.createElement('div'); wrapper.className = 'scrollable-table'; table.parentNode.insertBefore(wrapper, table); wrapper.appendChild(table); }); </script> </div><section id="shopify-section-template--15768527700029__recently_viewed_awYDfV" class="shopify-section cc-recently-viewed"><link href="//coolcomponents.co.uk/cdn/shop/t/39/assets/product.css?v=163564603853696749081715672871" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/quick-add.css?v=18818399621280424351715672871" media="print" onload="this.media='all'"> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/quick-add.js?v=48634329879440639471717517098" defer="defer"></script> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/variant-picker.js?v=65958280291136870461715672871" defer="defer"></script> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/product-form.js?v=117197166312263173401717517097" defer="defer"></script> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/custom-select.js?v=147432982730571550041715672870" defer="defer"></script> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/quick-order-list.js?v=145160198372566173901715672871" defer="defer"></script><recently-viewed class="section relative" data-url="/search?section_id=template--15768527700029__recently_viewed_awYDfV&type=product" data-limit="10"></recently-viewed> <script> document.addEventListener('DOMContentLoaded', () => { if (!customElements.get('recently-viewed')) { class RecentlyViewed extends HTMLElement { constructor() { super(); this.fetchAttempts = 0; window.initLazyScript(this, this.init.bind(this), 500); } async init() { try { const response = await fetch(`${this.dataset.url}&q=${this.getSearchQuery()}`); if (!response.ok) throw new Error(response.status); const tmpl = document.createElement('template'); tmpl.innerHTML = await response.text(); const el = tmpl.content.querySelector('recently-viewed'); if (el && el.hasChildNodes()) { this.innerHTML = el.innerHTML; } window.initLazyImages(); } catch (error) { this.fetchAttempts += 1; if (this.fetchAttempts === 3) { console.log(error); } else { this.init(); } } } getSearchQuery() { const items = JSON.parse(localStorage.getItem('cc-recently-viewed') || '[]'); if (this.dataset.exclude && items.includes(Number(this.dataset.exclude))) { items.splice(items.indexOf(Number(this.dataset.exclude)), 1); } return items.map((item) => `id:${item}`).slice(0, this.dataset.limit).join(' OR '); } } customElements.define('recently-viewed', RecentlyViewed); } }); </script> </section> </main> <div id="shopify-section-sections--15768528355389__cart-drawer" class="shopify-section shopify-section-group-overlay-group cc-cart-drawer"><link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/cart-items.css?v=154223174805865597561715672870" media="print" onload="this.media='all'"> <script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/cart-drawer.js?v=14550219975028028451717517091" defer="defer"></script><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="true"> <header class="drawer__header flex justify-between items-center"> <h2 class="h6 mb-0">Your cart</h2> <div class="flex items-center gap-x-theme"><button type="button" class="drawer__close-btn js-close-drawer"> <span class="visually-hidden">Close</span> <svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linejoin="round" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M5 19 19 5M5 5l14 14"/></svg> </button> </div> </header> <div class="drawer__content drawer__content--flex flex-auto items-center drawer__empty"> <div class="cart-drawer__content grow flex items-center justify-center w-full"><form class="form" id="cart-drawer-form" action="/cart" method="post"> <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="24" height="24" viewBox="0 0 24 24" class="icon icon--cart" aria-hidden="true" focusable="false" role="presentation"><path fill="currentColor" d="M17 18a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2c0-1.11.89-2 2-2M1 2h3.27l.94 2H20a1 1 0 0 1 1 1c0 .17-.05.34-.12.5l-3.58 6.47c-.34.61-1 1.03-1.75 1.03H8.1l-.9 1.63-.03.12a.25.25 0 0 0 .25.25H19v2H7a2 2 0 0 1-2-2c0-.35.09-.68.24-.96l1.36-2.45L3 4H1V2m6 16a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2c0-1.11.89-2 2-2m9-7 2.78-5H6.14l2.36 5H16Z"/></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"> Subtotal:£0.00 GBP </p> <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> </form> </div> <div id="cart-promoted-products" class="w-full cart-drawer__promoted-products-container"></div><div id="cart-drawer-media-promotion" class="cart-drawer__media-promotion-container w-full"></div> </div><div class="cart-drawer__summary relative drawer__footer cart-drawer--checkout--sticky-true cart-drawer--checkout--sticky-desktop-true cart-drawer--checkout--sticky-mobile-true"></div> <div class="overlay overlay--drawer absolute top-0 right-0 bottom-0 left-0 js-close"></div> </cart-drawer> </div><div id="shopify-section-sections--15768528355389__product-compare" class="shopify-section shopify-section-group-overlay-group cc-compare"> </div>  <div id="shopify-section-sections--15768528289853__footer" class="shopify-section shopify-section-group-footer-group cc-footer"><link rel="stylesheet" href="//coolcomponents.co.uk/cdn/shop/t/39/assets/footer.css?v=133683973821039006411715672870" media="print" onload="this.media='all'"><script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/custom-select.js?v=147432982730571550041715672870" defer="defer"></script><style data-shopify>.footer { --bg-color: 235 235 235 / 1.0; --heading-color: 34 34 34; --text-color: 34 34 34; }</style><footer class="footer bg-theme-bg text-theme-text"> <div class="container"><a href="#" class="back-to-top top-0 left-0 w-full text-sm block font-bold text-center text-current pt-8 pl-6 pr-6 md:pb-14" data-cc-animate> Back to top <svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </a><div class="footer__main md:flex md:flex-wrap mb-10 md:mb-8"><div class="footer-col footer-col--text footer-col--not-collapsed" data-cc-animate data-cc-animate-delay="0.07s"> <div class="footer-block mb-8 text-start"><h2 class="footer-block__heading font-body font-bold text-h6 regular-text">About Us</h2><div class="footer-block__text rte"> <p>We're an electronic components retailer that's been trading since 2004. We sell well known brands like Arduino, Sparkfun, Raspberry Pi, Adafruit, Pololu, and many more.</p> </div></div> </div><div class="footer-col footer-col--text footer-col--not-collapsed" data-cc-animate data-cc-animate-delay="0.14s"> <div class="footer-block mb-8 text-start"><h2 class="footer-block__heading font-body font-bold text-h6 regular-text">Cool Components Ltd</h2><div class="footer-block__text rte"> <p>Crest House, Middle Wallop, Stockbridge, Hampshire, SO20 8EG, United Kingdom</p><p></p><p>VAT No. GB919059406</p><p>Registered: UK#6967565</p> </div></div> </div><div class="footer-col footer-col--newsletter footer-col--collapsed" data-cc-animate data-cc-animate-delay="0.21s"><footer-menu> <details class="footer-menu disclosure footer-menu--first" open> <summary tabindex="-1"> <div class="flex justify-between items-center"> <h2 class="disclosure__title font-body font-bold text-h6 regular-text"> Join our newsletter! </h2> <span class="disclosure__toggle"><svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/></svg> </span> </div> </summary> <div class="disclosure__panel has-motion"> <div class="disclosure__content"><p>Sign up for exclusive offers, original stories, events and more.</p> <form method="post" action="/contact#footer-signup_form" id="footer-signup_form" accept-charset="UTF-8" class="form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <input type="hidden" name="contact[tags]" value="prospect, newsletter"> <div class="form__field"> <label class="label visually-hidden" for="footer-signup">Email</label><div class="input-with-button input-with-primary-button"><input type="email" class="input w-full focus-inset" id="footer-signup" name="contact[email]" value="" placeholder="Your email" autocomplete="email" aria-required="true" required><button class="btn focus-inset has-ltr-icon btn--primary"> <span class="visually-hidden">Subscribe</span> <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="M4.696 12h14.686m-7.007-7.5 7.5 7.5-7.5 7.5"/></svg> </button></div></div></form> </div> </div> </details> </footer-menu></div><div class="footer-col footer-col--text footer-col--not-collapsed" data-cc-animate data-cc-animate-delay="0.28s"> <div class="footer-block mb-8 text-start"><h2 class="footer-block__heading font-body font-bold text-h6 regular-text">Follow Us</h2><div class="footer-block__text rte"> <p>Check out our social pages for the latest updates, product annoucements, and sales!</p> </div><div class="footer-block__btns footer-block__social"> <ul class="social inline-flex flex-wrap justify-start"><li> <a class="social__link flex items-center justify-center" href="#" target="_blank" rel="noopener" title="Cool Components on Facebook"><svg width="24" height="24" viewBox="0 0 14222 14222" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M14222 7112c0 3549.352-2600.418 6491.344-6000 7024.72V9168h1657l315-2056H8222V5778c0-562 275-1111 1159-1111h897V2917s-814-139-1592-139c-1624 0-2686 984-2686 2767v1567H4194v2056h1806v4968.72C2600.418 13603.344 0 10661.352 0 7112 0 3184.703 3183.703 1 7111 1s7111 3183.703 7111 7111Zm-8222 7025c362 57 733 86 1111 86-377.945 0-749.003-29.485-1111-86.28Zm2222 0v-.28a7107.458 7107.458 0 0 1-167.717 24.267A7407.158 7407.158 0 0 0 8222 14137Zm-167.717 23.987C7745.664 14201.89 7430.797 14223 7111 14223c319.843 0 634.675-21.479 943.283-62.013Z"/></svg><span class="visually-hidden">Facebook</span> </a> </li><li> <a class="social__link flex items-center justify-center" href="#" target="_blank" rel="noopener" title="Cool Components on YouTube"><svg width="24" height="17" viewBox="0 0 48 34" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="m19.044 23.27-.001-13.582 12.968 6.814-12.967 6.768ZM47.52 7.334s-.47-3.33-1.908-4.798C43.787.61 41.74.601 40.803.49 34.086 0 24.01 0 24.01 0h-.02S13.914 0 7.197.49c-.939.11-2.984.12-4.81 2.045C.947 4.003.48 7.334.48 7.334S0 11.247 0 15.158v3.668c0 3.912.48 7.823.48 7.823s.468 3.331 1.906 4.798c1.827 1.926 4.226 1.866 5.294 2.067C11.52 33.885 24 34 24 34s10.086-.015 16.803-.505c.938-.113 2.984-.122 4.809-2.048 1.439-1.467 1.908-4.798 1.908-4.798s.48-3.91.48-7.823v-3.668c0-3.911-.48-7.824-.48-7.824Z"/></svg><span class="visually-hidden">YouTube</span> </a> </li><li> <a class="social__link flex items-center justify-center" href="#" target="_blank" rel="noopener" title="Cool Components on Instagram"><svg width="24" height="24" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon"><circle cx="15.238" cy="4.948" r="1.238"/><path d="M19.47 3.444A5.11 5.11 0 0 0 16.548.527a7.351 7.351 0 0 0-2.43-.466C13.05.014 12.713 0 9.999 0c-2.712 0-3.057 0-4.12.06A7.351 7.351 0 0 0 3.45.528 5.11 5.11 0 0 0 .528 3.444 7.317 7.317 0 0 0 .06 5.87C.014 6.936 0 7.274 0 9.982s0 3.053.06 4.113c.018.829.176 1.649.468 2.425a5.11 5.11 0 0 0 2.922 2.917 7.35 7.35 0 0 0 2.429.5c1.069.047 1.407.06 4.12.06s3.058 0 4.12-.06a7.351 7.351 0 0 0 2.429-.466 5.11 5.11 0 0 0 2.922-2.918 7.31 7.31 0 0 0 .467-2.424c.047-1.067.06-1.405.06-4.113s0-3.053-.06-4.113a7.317 7.317 0 0 0-.467-2.459zm-1.437 10.537a5.439 5.439 0 0 1-.34 1.843 3.262 3.262 0 0 1-1.87 1.87 5.451 5.451 0 0 1-1.825.34c-1.04.046-1.332.06-3.996.06-2.664 0-2.937 0-3.995-.06a5.451 5.451 0 0 1-1.825-.34 3.255 3.255 0 0 1-1.878-1.87 5.439 5.439 0 0 1-.34-1.823c-.046-1.038-.06-1.33-.06-3.992s0-2.934.06-3.992c.006-.63.121-1.253.34-1.844a3.255 3.255 0 0 1 1.878-1.87 5.451 5.451 0 0 1 1.825-.339c1.038-.046 1.331-.06 3.995-.06s2.937 0 3.996.06c.623.008 1.24.123 1.824.34.86.331 1.54 1.01 1.872 1.87.216.583.331 1.2.34 1.823.046 1.038.06 1.33.06 3.992 0 2.661 0 2.948-.047 3.992h-.014z"/><path d="M9.991 14.753a4.761 4.761 0 1 1 0-9.523 4.761 4.761 0 0 1 0 9.523zm0-1.905a2.857 2.857 0 1 0 0-5.713 2.857 2.857 0 0 0 0 5.713z"/></svg><span class="visually-hidden">Instagram</span> </a> </li><li> <a class="social__link flex items-center justify-center" href="#" target="_blank" rel="noopener" title="Cool Components on Twitter"><svg fill="currentColor" width="40" height="40" viewBox="1 1 22 22" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg><span class="visually-hidden">Twitter</span> </a> </li></ul> </div></div> </div></div><div class="footer__meta grid grid-cols-1 lg:grid-cols-2 gap-x-theme gap-y-10" data-cc-animate><div class="footer__payment lg:col-start-2 lg:row-start-1 footer__payment--right"> <span class="visually-hidden">Payment methods accepted</span> <ul class="payment-icons flex flex-wrap lg:justify-end" role="list"><li><svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" 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" opacity=".07"/><path fill="#006FCF" 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"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg> </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 1.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> </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.06zM23.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> </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" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</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="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" 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" 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 0-.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> </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.635.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" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</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="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg></li></ul> </div><div class="lg:col-start-1 lg:row-start-1 footer__localization"> <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="/pages/help-faq" /><div class="localization__grid"><div class="localization__selector"> <input type="hidden" name="country_code" value="GB"> <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" aria-expanded="false" aria-haspopup="listbox" id="footer-localization-country-button" > <span class="text-start">United Kingdom (GBP £)</span> <svg width="20" height="20" viewBox="0 0 24 24" class="icon" role="presentation" focusable="false" aria-hidden="true"> <path d="M20 8.5 12.5 16 5 8.5" stroke="currentColor" stroke-width="1.5" fill="none"/> </svg> </button> <ul class="custom-select__listbox absolute invisible" role="listbox" tabindex="-1" aria-hidden="true" hidden aria-activedescendant="footer-localization-country-opt-0"><li class="custom-select__option flex items-center js-option" id="footer-localization-country-opt-0" role="option" data-value="GB" aria-selected="true"> <span class="pointer-events-none">United Kingdom (GBP £)</span> </li></ul> </div></country-selector></div></div><script> customElements.whenDefined('custom-select').then(() => { if (!customElements.get('country-selector')) { class CountrySelector extends customElements.get('custom-select') { constructor() { super(); this.loaded = false; } async showListbox() { if (this.loaded) { super.showListbox(); return; } this.button.classList.add('is-loading'); this.button.setAttribute('aria-disabled', 'true'); try { const response = await fetch('?section_id=country-selector'); if (!response.ok) throw new Error(response.status); const tmpl = document.createElement('template'); tmpl.innerHTML = await response.text(); const el = tmpl.content.querySelector('.custom-select__listbox'); this.listbox.innerHTML = el.innerHTML; this.options = this.querySelectorAll('.custom-select__option'); this.popular = this.querySelectorAll('[data-popular]'); if (this.popular.length) { this.popular[this.popular.length - 1].closest('.custom-select__option') .classList.add('custom-select__option--visual-group-end'); } this.selectedOption = this.querySelector('[aria-selected="true"]'); if (!this.selectedOption) { this.selectedOption = this.listbox.firstElementChild; } this.loaded = true; } catch { this.listbox.innerHTML = '<li>Error fetching countries, please try again.</li>'; } finally { super.showListbox(); this.button.classList.remove('is-loading'); this.button.setAttribute('aria-disabled', 'false'); } } setButtonWidth() { return; } } customElements.define('country-selector', CountrySelector); } }); </script><script> document.getElementById('footer-localization').addEventListener('change', (evt) => { const input = evt.target.previousElementSibling; if (input && input.tagName === 'INPUT') { input.value = evt.detail.selectedValue; evt.currentTarget.submit(); } }); </script></form> </div></div><div class="footer__base mt-8 grid grid-cols-1 lg:grid-cols-2 gap-x-theme gap-y-6 text-xs" data-cc-animate> <div><span>© 2025 <a href="/">Cool Components</a>.</span> </div></div> </div> </footer> </div> <quick-add-drawer class="drawer quick-add-drawer overflow-hidden fixed top-0 right-0 flex flex-col w-full has-motion qo-sale-prices js-product" data-name="quickbuy" role="dialog" tabindex="-1" aria-labelledby="quick-add-heading" aria-modal="true" aria-hidden="true"> <header class="drawer__header quick-add__header hidden md:flex justify-between items-center relative"> <button type="button" class="drawer__back-btn js-open-cart-drawer has-ltr-icon" hidden> <span class="visually-hidden">Back</span> <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> </button> <div class="flex-grow"> <h2 class="h5 mb-0" id="quick-add-heading">Choose options</h2> </div> <button type="button" class="drawer__close-btn js-close-drawer"> <span class="visually-hidden">Close</span> <svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linejoin="round" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M5 19 19 5M5 5l14 14"/></svg> </button> </header> <div class="drawer__content quick-add__content flex-auto relative"> <button type="button" class="drawer__close-btn quick-add__close-btn--mob js-close-drawer md:hidden"> <span class="visually-hidden">Close</span> <svg width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linejoin="round" aria-hidden="true" focusable="false" role="presentation" class="icon"><path d="M5 19 19 5M5 5l14 14"/></svg> </button> <div class="js-product-details quick-add__product-details"></div> <div class="quick-add__quick-order-list js-quick-order-list"></div> </div> <footer class="drawer__footer quick-add__footer"> <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"> <div class="flex"> <div> <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"/> <path stroke="currentColor" fill="none" transform="translate(5.0003335,6.0003335)" d="m 6,0 -4,4 L 0,2.1818182" /></svg> </div> <div> <p class="quick-add__alert-heading text-h5 font-bold mb-1">Item added to your cart.</p> <a class="link text-current js-open-cart-drawer" href="/cart" data-no-instant>View cart</a> </div> </div> </div> <product-form></product-form> </footer> </quick-add-drawer> <div class="overlay fixed top-0 right-0 bottom-0 left-0 js-overlay"></div> <script> window.theme = { info: { name: 'Canopy', version: '6.1.0' }, mediaQueries: { sm: '(min-width: 600px)', md: '(min-width: 769px)', lg: '(min-width: 1024px)', xl: '(min-width: 1280px)', xxl: '(min-width: 1536px)', portrait: '(orientation: portrait)' }, device: { hasTouch: window.matchMedia('(any-pointer: coarse)').matches, hasHover: window.matchMedia('(hover: hover)').matches }, routes: { cart: '/cart', cartAdd: '/cart/add', cartChange: '/cart/change', cartUpdate: '/cart/update', cartClear: '/cart/clear', predictiveSearch: '/search/suggest' }, settings: { moneyWithCurrencyFormat: "£{{amount}} GBP", pSearchLimit: 4, pSearchLimitScope: 'each', pSearchIncludeSkus: true, pSearchIncludeTags: true, sliderItemsPerNav: 'page', vibrateOnATC: true, compareToggle: true, compareShowEmptyMetafields: false, blendProductImages: false, externalLinksNewTab: true, afterAtc: "drawer", cartType: "drawer", dockCartDrawer: false }, strings: { addCartNote: 'Add order note', editCartNote: 'Edit order note', cartError: 'There was an error while updating your cart. Please try again.', cartQtyError: 'You can only add [quantity] of this item to your cart.', confirmEmptyCart: 'Are you sure you want to empty your cart?', cartTermsConfirmation: 'You must agree to the terms and conditions before continuing.', imageAvailable: 'Image [index] is now available in gallery view', veryLowStock: 'Low stock', lowStock: 'Low stock', inStock: 'In stock', noStock: 'Sold out', noVariant: 'Unavailable', onlyXLeft: '[quantity] in stock', awaitingSale: 'This product is not for sale yet.', shippingCalculator: { singleRate: 'There is one shipping rate for this destination:', multipleRates: 'There are multiple shipping rates for this destination:', noRates: 'Unfortunately we do not ship to this destination.' }, viewDetails: 'View details', compare: { limit: 'You can only add a maximum of [quantity] products to compare.', more: 'Select another product to compare.', empty: 'Select at least two products to compare.', continue: 'Close to continue.' }, discountCopyFail: 'Could not copy code to clipboard. Your browser may not support this.', quickNav: { button_standard: 'Search', show_products_none: 'No products :(', button_one: 'Show [quantity] product', button_other: 'Show [quantity] products', }, }, scripts: { cartItems: '//coolcomponents.co.uk/cdn/shop/t/39/assets/cart-items.js?v=90966404011074112001717517091', countryProvinceSelector: '//coolcomponents.co.uk/cdn/shop/t/39/assets/country-province-selector.js?v=24158546944577672431715672870', shippingCalculator: '//coolcomponents.co.uk/cdn/shop/t/39/assets/shipping-calculator.js?v=31725526838375758301715672871' } }; // Save product ID to localStorage, for use in the 'Recently viewed products' section. </script><script src="//coolcomponents.co.uk/cdn/shop/t/39/assets/instant-page.js?v=473454186210797571715672870" type="module" defer="defer"></script> <script async type="text/javascript" data-api-key="pubkey-7gz68er6q8qFBELc0c0031a0SBn73v" id="stamped-script-widget" src="https://cdn1.stamped.io/files/widget.min.js"></script>  <div id="shopify-block-Ad3lHck9Ccldkb2R1R__12526071353035850722" class="shopify-block shopify-app-block"> <script defer src="https://app.backinstock.org/widget/8526_1739946959.js?category=bis&v=6"></script> <script id="back-in-stock-helper-embedded"> // Back in Stock: Customer Alerts helper script var _BISConfig = _BISConfig || {}; </script> </div><div id="shopify-block-AM05QbkZpaG5MWU93V__18228966181090706294" class="shopify-block shopify-app-block"> <script type="module" src="https://cdn.shopify.com/extensions/fb08020f-1d93-43d4-a30d-cf3ed0b9c486/selleasy-27/assets/lb-upsell-components.esm.js" defer></script> </div></body> </html>

CINXE.COM

Help & FAQ – Cool Components