Your Shopping Cart – Black Country Ales

<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, user-scalable=0"> <meta name="theme-color" content="#164184">  <link rel="preload" as="style" href="//shopblackcountryales.com/cdn/shop/t/2/assets/theme-critical.css?enable_css_minification=1&v=180128005342373654041621945069"><link rel="preconnect" href="//cdn.shopify.com" crossorigin> <link rel="preconnect" href="//fonts.shopifycdn.com" crossorigin> <link rel="preconnect" href="//v.shopify.com" crossorigin> <link rel="preconnect" href="//ajax.googleapis.com" crossorigin> <link rel="preconnect" href="//s.ytimg.com" crossorigin> <link rel="preconnect" href="//www.youtube.com" crossorigin> <link rel="dns-prefetch" href="//productreviews.shopifycdn.com"> <link rel="dns-prefetch" href="//maps.googleapis.com"> <link rel="dns-prefetch" href="//maps.gstatic.com"> <link rel="preconnect" href="https://monorail-edge.shopifysvc.com"> <link rel="canonical" href="https://shopblackcountryales.com/cart"> <link rel="shortcut icon" href="//shopblackcountryales.com/cdn/shop/files/bca-logo_32x32.png?v=1623686275" type="image/png"> <title>Your Shopping Cart – Black Country Ales</title> <meta property="og:site_name" content="Black Country Ales"> <meta property="og:url" content="https://shopblackcountryales.com/cart"> <meta property="og:title" content="Your Shopping Cart"> <meta property="og:type" content="website"> <meta property="og:description" content="Black Country Ales has been established through a genuine love of traditional ales. We use only the finest ingredients and traditional methods when brewing our own selection of beers."> <meta property="og:image" content="http://shopblackcountryales.com/cdn/shop/files/bca-logo_77c9d368-7d57-465e-a804-21ff8a079ebd_1200x1200.png?v=1628776359"> <meta property="og:image:secure_url" content="https://shopblackcountryales.com/cdn/shop/files/bca-logo_77c9d368-7d57-465e-a804-21ff8a079ebd_1200x1200.png?v=1628776359"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Your Shopping Cart"> <meta name="twitter:description" content="Black Country Ales has been established through a genuine love of traditional ales. We use only the finest ingredients and traditional methods when brewing our own selection of beers."> <link href="//shopblackcountryales.com/cdn/shop/t/2/assets/bca.css?v=183122199117164163661701780410" rel="stylesheet" type="text/css" media="all" />  <script type="text/javascript"> theme = {}; theme.t = {}; theme.map = {}; theme.map_settings_url="//shopblackcountryales.com/cdn/shop/t/2/assets/map_settings.min.js?v=139713383514298653791621945059"; theme.cart_type = 'modal'; theme.cart_ajax = true; theme.routes = { rootUrl: "/", rootUrlSlash: "/", cartUrl: "/cart", cartAddUrl: "/cart/add", cartChangeUrl: "/cart/change" }; theme.assets = { plyr: "//shopblackcountryales.com/cdn/shop/t/2/assets/plyr.min.js?v=4209607025050129391621945071", masonry: "//shopblackcountryales.com/cdn/shop/t/2/assets/masonry.min.js?v=52946867241060388171621945063", autocomplete: "//shopblackcountryales.com/cdn/shop/t/2/assets/autocomplete.min.js?v=42647060391499044481621945074", photoswipe: "//shopblackcountryales.com/cdn/shop/t/2/assets/photoswipe.min.js?v=25365026511866153621621945067", fecha: "//shopblackcountryales.com/cdn/shop/t/2/assets/fecha.min.js?v=77892649025288305351621945073" }; </script> <style id="fontsupporttest">@font-face{font-family:"font";src:url("https://")}</style> <script type="text/javascript"> function supportsFontFace() { function blacklist() { var match = /(WebKit|windows phone.+trident)\/(\d+)/i.exec(navigator.userAgent); return match && parseInt(match[2], 10) < (match[1] == 'WebKit' ? 533 : 6); } function hasFontFaceSrc() { var style = document.getElementById('fontsupporttest'); var sheet = style.sheet || style.styleSheet; var cssText = sheet ? (sheet.cssRules && sheet.cssRules[0] ? sheet.cssRules[0].cssText : sheet.cssText || '') : ''; return /src/i.test(cssText); } return !blacklist() && hasFontFaceSrc(); } document.documentElement.classList.replace('no-js', 'js'); if (window.matchMedia("(pointer: coarse)").matches) {document.documentElement.classList.add('touchevents')} else {document.documentElement.classList.add('no-touchevents')} if (supportsFontFace()) {document.documentElement.classList.add('fontface')} </script> <script src="//shopblackcountryales.com/cdn/shop/t/2/assets/jquery.min.js?v=60938658743091704111621945072" defer="defer"></script> <script src="//shopblackcountryales.com/cdn/shop/t/2/assets/vendor.min.js?v=90278687466543848511621945074" defer="defer"></script> <script src="//shopblackcountryales.com/cdn/shop/t/2/assets/ajax-cart.min.js?v=3414530709584163441621945090" defer="defer"></script>  <style data-shopify> :root { --color--brand: #164184; --color--brand-dark: #12366e; --color--brand-light: #1a4c9a; --color--accent: #4e361a; --color--accent-dark: #3b2914; --color--link: #518ae2; --color--link-dark: #000001; --color--text: #000000; --color--text-light: rgba(0, 0, 0, 0.7); --color--text-lighter: rgba(0, 0, 0, 0.5); --color--text-lightest: rgba(0, 0, 0, 0.2); --color--text-bg: rgba(0, 0, 0, 0.1); --color--headings: #4e361a; --color--alt-text: #666666; --color--btn: #ffffff; --color--product-bg: #ffffff; --color--product-sale: #c00000; --color--bg: #fcf7e5; --color--bg-alpha: rgba(252, 247, 229, 0.8); --color--bg-light: #fffefc; --color--bg-dark: #f9f0ce; --font--size-base: 15; --font--line-base: 30; --font--size-h1: 34; --font--size-h2: 26; --font--size-h3: 20; --font--size-h4: 19; --font--size-h5: 16; --font--size-h6: 15; --font--body: Muli, sans-serif; --font--body-style: normal; --font--body-weight: 400; --font--title: Oswald, sans-serif; --font--title-weight: 400; --font--title-style: normal; --font--title-space: 1px; --font--title-transform: uppercase; --font--title-border: 1; --font--title-border-size: 3px; --font--nav: Oswald, sans-serif; --font--nav-weight: 400; --font--nav-style: normal; --font--nav-space: 1px; --font--nav-transform: uppercase; --font--nav-size: 13px; --font--button: Oswald, sans-serif; --font--button-weight: 400; --font--button-style: normal; --font--button-space: 1px; --font--button-transform: uppercase; --font--button-size: 13px; --font--button-mobile-size: 12px; --font--icon-url: //shopblackcountryales.com/cdn/shop/t/2/assets/sb-icons.eot?v=69961381625854386191621945062; } </style> <style>@font-face { font-family: Muli; font-weight: 400; font-style: normal; font-display: swap; src: url("//shopblackcountryales.com/cdn/fonts/muli/muli_n4.32796dd29ef52f78859bd8685b2d63db23ffd695.woff2?h1=c2hvcGJsYWNrY291bnRyeWFsZXMuY29t&h2=YmxhY2stY291bnRyeS1hbGVzLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=21bb789ceea7447a389f962d53e68121fdc144e3aad8af445db57ba600343bae") format("woff2"), url("//shopblackcountryales.com/cdn/fonts/muli/muli_n4.3fd3d04f0161ea06f02880ae41f4a348bcfc9837.woff?h1=c2hvcGJsYWNrY291bnRyeWFsZXMuY29t&h2=YmxhY2stY291bnRyeS1hbGVzLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=fc800c1f522fb8f16e13b58bc83ca3b494ecd7548ac3298057838fb8a110b094") format("woff"); } @font-face { font-family: Oswald; font-weight: 400; font-style: normal; font-display: swap; src: url("//shopblackcountryales.com/cdn/fonts/oswald/oswald_n4.a5ee385bde39969d807f7f1297bf51d73fbf3c1e.woff2?h1=c2hvcGJsYWNrY291bnRyeWFsZXMuY29t&h2=YmxhY2stY291bnRyeS1hbGVzLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=196ac8bb49fb6dc1ae03a14d6c87986d73a8ddd158ee64b51cbbfba4d988221b") format("woff2"), url("//shopblackcountryales.com/cdn/fonts/oswald/oswald_n4.8f3e284746fbc2d29e34993609c51fdc432b0b24.woff?h1=c2hvcGJsYWNrY291bnRyeWFsZXMuY29t&h2=YmxhY2stY291bnRyeS1hbGVzLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=f1d3037873d8fda1f862f04f9c992bc4af5addf31a549b074e95a3661de4e1e9") format("woff"); } @font-face { font-family: Oswald; font-weight: 400; font-style: normal; font-display: swap; src: url("//shopblackcountryales.com/cdn/fonts/oswald/oswald_n4.a5ee385bde39969d807f7f1297bf51d73fbf3c1e.woff2?h1=c2hvcGJsYWNrY291bnRyeWFsZXMuY29t&h2=YmxhY2stY291bnRyeS1hbGVzLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=196ac8bb49fb6dc1ae03a14d6c87986d73a8ddd158ee64b51cbbfba4d988221b") format("woff2"), url("//shopblackcountryales.com/cdn/fonts/oswald/oswald_n4.8f3e284746fbc2d29e34993609c51fdc432b0b24.woff?h1=c2hvcGJsYWNrY291bnRyeWFsZXMuY29t&h2=YmxhY2stY291bnRyeS1hbGVzLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=f1d3037873d8fda1f862f04f9c992bc4af5addf31a549b074e95a3661de4e1e9") format("woff"); } @font-face { font-family: Oswald; font-weight: 400; font-style: normal; font-display: swap; src: url("//shopblackcountryales.com/cdn/fonts/oswald/oswald_n4.a5ee385bde39969d807f7f1297bf51d73fbf3c1e.woff2?h1=c2hvcGJsYWNrY291bnRyeWFsZXMuY29t&h2=YmxhY2stY291bnRyeS1hbGVzLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=196ac8bb49fb6dc1ae03a14d6c87986d73a8ddd158ee64b51cbbfba4d988221b") format("woff2"), url("//shopblackcountryales.com/cdn/fonts/oswald/oswald_n4.8f3e284746fbc2d29e34993609c51fdc432b0b24.woff?h1=c2hvcGJsYWNrY291bnRyeWFsZXMuY29t&h2=YmxhY2stY291bnRyeS1hbGVzLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=f1d3037873d8fda1f862f04f9c992bc4af5addf31a549b074e95a3661de4e1e9") format("woff"); } @font-face { font-family: Muli; font-weight: 700; font-style: normal; font-display: swap; src: url("//shopblackcountryales.com/cdn/fonts/muli/muli_n7.5088b0a619cd5498c63f83358f68a9bd968d602f.woff2?h1=c2hvcGJsYWNrY291bnRyeWFsZXMuY29t&h2=YmxhY2stY291bnRyeS1hbGVzLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=80eca4061cbf110c32c6e8b2a2877c107f6acce30a02259d180c8c945b4d0a83") format("woff2"), url("//shopblackcountryales.com/cdn/fonts/muli/muli_n7.323924fb8ac4a0142319fa4d2a9a47d63188d935.woff?h1=c2hvcGJsYWNrY291bnRyeWFsZXMuY29t&h2=YmxhY2stY291bnRyeS1hbGVzLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=5a80a36e738f089123a0ecf99752bd17499b4cbd2cfec628d5d3bda881ba2218") format("woff"); } @font-face { font-family: Muli; font-weight: 400; font-style: italic; font-display: swap; src: url("//shopblackcountryales.com/cdn/fonts/muli/muli_i4.35f8db21fe967558c304be690dd416d196e023df.woff2?h1=c2hvcGJsYWNrY291bnRyeWFsZXMuY29t&h2=YmxhY2stY291bnRyeS1hbGVzLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=04380bf91c71694edf1d8f336eb3063362933779db107b3b972046e154533626") format("woff2"), url("//shopblackcountryales.com/cdn/fonts/muli/muli_i4.49d5ae01df0892a3c325d0967a535cc25f82f534.woff?h1=c2hvcGJsYWNrY291bnRyeWFsZXMuY29t&h2=YmxhY2stY291bnRyeS1hbGVzLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=646446954e3cb318c63aca4b137a3a33b4c1764f77b9de8e26747f6e35df3816") format("woff"); } @font-face { font-family: Muli; font-weight: 700; font-style: italic; font-display: swap; src: url("//shopblackcountryales.com/cdn/fonts/muli/muli_i7.18e4bc072d0cb2cf459d8de1aac52898d2067eb8.woff2?h1=c2hvcGJsYWNrY291bnRyeWFsZXMuY29t&h2=YmxhY2stY291bnRyeS1hbGVzLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=d1caa72d407fd9f03c9977bbd054fb27bc422749196f7d3da899cd96032da9a4") format("woff2"), url("//shopblackcountryales.com/cdn/fonts/muli/muli_i7.2dd593be04d6030193d1ab12a136e99dff529cf9.woff?h1=c2hvcGJsYWNrY291bnRyeWFsZXMuY29t&h2=YmxhY2stY291bnRyeS1hbGVzLmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=416623650f54e731148615790aba7c1516d6b766e04337b0711777476e487543") format("woff"); } </style> <link rel="stylesheet" href="//shopblackcountryales.com/cdn/shop/t/2/assets/theme-critical.css?enable_css_minification=1&v=180128005342373654041621945069"> <link rel="preload" href="//shopblackcountryales.com/cdn/shop/t/2/assets/theme.css?enable_css_minification=1&v=11697698670666505281621945061" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="//shopblackcountryales.com/cdn/shop/t/2/assets/theme.css?enable_css_minification=1&v=11697698670666505281621945061"></noscript> <script> /*! loadCSS rel=preload polyfill. [c]2017 Filament Group, Inc. MIT License */ (function(w){"use strict";if(!w.loadCSS){w.loadCSS=function(){}}var rp=loadCSS.relpreload={};rp.support=(function(){var ret;try{ret=w.document.createElement("link").relList.supports("preload")}catch(e){ret=false}return function(){return ret}})();rp.bindMediaToggle=function(link){var finalMedia=link.media||"all";function enableStylesheet(){if(link.addEventListener){link.removeEventListener("load",enableStylesheet)}else if(link.attachEvent){link.detachEvent("onload",enableStylesheet)}link.setAttribute("onload",null);link.media=finalMedia}if(link.addEventListener){link.addEventListener("load",enableStylesheet)}else if(link.attachEvent){link.attachEvent("onload",enableStylesheet)}setTimeout(function(){link.rel="stylesheet";link.media="only x"});setTimeout(enableStylesheet,3000)};rp.poly=function(){if(rp.support()){return}var links=w.document.getElementsByTagName("link");for(var i=0;i<links.length;i+=1){var link=links[i];if(link.rel==="preload"&&link.getAttribute("as")==="style"&&!link.getAttribute("data-loadcss")){link.setAttribute("data-loadcss",true);rp.bindMediaToggle(link)}}};if(!rp.support()){rp.poly();var run=w.setInterval(rp.poly,500);if(w.addEventListener){w.addEventListener("load",function(){rp.poly();w.clearInterval(run)})}else if(w.attachEvent){w.attachEvent("onload",function(){rp.poly();w.clearInterval(run)})}}if(typeof exports!=="undefined"){exports.loadCSS=loadCSS}else{w.loadCSS=loadCSS}}(typeof global!=="undefined"?global:this)); </script>  <script src="//shopblackcountryales.com/cdn/shop/t/2/assets/theme.min.js?v=127514221528584704451621945078" defer="defer"></script> <script src="//shopblackcountryales.com/cdn/shop/t/2/assets/custom.js?v=152733329445290166911621945071" defer="defer"></script>  <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/56941641890/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="bdf0bb2652bd7ee51ba35cfe2873b2d4"> <meta id="in-context-paypal-metadata" data-shop-id="56941641890" 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=56941641890" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":56941641890,"countryCode":"GB","currencyCode":"GBP","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/56941641890","merchantName":"Black Country Ales","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex","discover","elo"],"total":{"type":"pending","label":"Black Country Ales","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":false}</script> <script id="shopify-features" type="application/json">{"accessToken":"bdf0bb2652bd7ee51ba35cfe2873b2d4","betas":["rich-media-storefront-analytics"],"domain":"shopblackcountryales.com","predictiveSearch":true,"shopId":56941641890,"smart_payment_buttons_url":"https:\/\/shopblackcountryales.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/shopblackcountryales.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "black-country-ales.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"GBP","rate":"1.0"}; Shopify.country = "GB"; Shopify.theme = {"name":"Venue","id":123191328930,"schema_name":"Venue","schema_version":"4.8.5","theme_store_id":836,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "shopblackcountryales.com/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":"cart"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_1KBN4ou-.en.esm.js","modules/v2/chunk.common_C90TxGEx.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_CJ9qi0AW.en.esm.js","modules/v2/chunk.common_C90TxGEx.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_B9xAPdRj.en.esm.js","modules/v2/chunk.common_C90TxGEx.esm.js","modules/v2/chunk.modal_BnBojXs7.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_gfOxKkva.en.esm.js","modules/v2/chunk.common_C90TxGEx.esm.js","modules/v2/chunk.modal_BnBojXs7.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_DUiDaBK2.en.esm.js","modules/v2/chunk.common_C90TxGEx.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"pay-button":["modules/v2/client.pay-button_C4p577xf.en.esm.js","modules/v2/chunk.common_C90TxGEx.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_BkuIrGfm.en.esm.js","modules/v2/chunk.common_C90TxGEx.esm.js","modules/v2/chunk.modal_BnBojXs7.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_BTyMkfKQ.en.esm.js","modules/v2/chunk.common_C90TxGEx.esm.js","modules/v2/chunk.modal_BnBojXs7.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_DHmfeHj2.en.esm.js","modules/v2/chunk.common_C90TxGEx.esm.js","modules/v2/chunk.modal_BnBojXs7.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_Ll4Ap_V0.en.esm.js","modules/v2/chunk.common_C90TxGEx.esm.js","modules/v2/chunk.modal_BnBojXs7.esm.js"],"lead-capture":["modules/v2/client.lead-capture_IiHvtLE0.en.esm.js","modules/v2/chunk.common_C90TxGEx.esm.js","modules/v2/chunk.modal_BnBojXs7.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_R92xoWaJ.en.esm.js","modules/v2/chunk.common_C90TxGEx.esm.js","modules/v2/chunk.modal_BnBojXs7.esm.js"],"payment-terms":["modules/v2/client.payment-terms_CJh4QUas.en.esm.js","modules/v2/chunk.common_C90TxGEx.esm.js","modules/v2/chunk.modal_BnBojXs7.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/geolocation-recommendations.shopifyapps.com\/locale_bar\/script.js?shop=black-country-ales.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":56941641890,"offset":0,"reqid":"5708c685-a8b6-4086-9146-8324cf2c30e1-1741021172","pageurl":"shopblackcountryales.com\/cart","u":"dfc1f5cc949a","p":"cart"};</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="//shopblackcountryales.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//shopblackcountryales.com/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="//shopblackcountryales.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <link rel="stylesheet" media="screen" href="https://shopblackcountryales.com/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> <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: 56941641890,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "cart"};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 d(d,e,n,o,r,i){if(!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t,s=function(){var d={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+|)/},e=d.modern,n=d.legacy,o=navigator.userAgent;return e.test(o)?"modern":(n.test(o),"legacy")}(),l=null!=i?i:{modern:"",legacy:""};window.Shopify=window.Shopify||{};var u=window.Shopify;u.analytics=u.analytics||{};var c=u.analytics;c.replayQueue=[],c.publish=function(d,e,n){return c.replayQueue.push([d,e,n]),!0};try{self.performance.mark("wpm:start")}catch(d){}var f=[n,"/wpm","/b",r,s.substring(0,1),".js"].join(""),h=l[s];!function(d){var e=d.src,n=d.async,o=void 0===n||n,r=d.onload,i=d.onerror,a=d.sri,t=document.createElement("script"),s=document.head,l=document.body;t.async=o,t.src=e,a&&(t.integrity=a,t.crossOrigin="anonymous"),r&&t.addEventListener("load",r),i&&t.addEventListener("error",i),s?s.appendChild(t):l?l.appendChild(t):console.error("Did not find a head or body element to append the script")}({src:f,async:!0,onload:function(){if(!function(){var d,e;return Boolean(null===(e=null===(d=window.Shopify)||void 0===d?void 0:d.analytics)||void 0===e?void 0:e.initialized)}()){var n=window.webPixelsManager.init(d)||void 0;if(n){e(n);var o=window.Shopify.analytics;o.replayQueue.forEach((function(d){var e=d[0],o=d[1],r=d[2];n.publishCustomEvent(e,o,r)})),o.replayQueue=[],o.publish=n.publishCustomEvent,o.visitor=n.visitor,o.initialized=!0}}},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),n="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:o||"latest",bundle_target:s,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(f," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(n,r))return!0}catch(d){}var i=new XMLHttpRequest;try{return i.open("POST",n,!0),i.setRequestHeader("Content-Type","text/plain"),i.send(r),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1},sri:function(d){return"string"==typeof d&&/^sha384-[A-Za-z0-9+/=]+$/.test(d)}(h)?h:""})}})({shopId: 56941641890,storefrontBaseUrl: "https://shopblackcountryales.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: ["6a396365"],webPixelsConfigList: [{"id":"177045880","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Google Analytics tag (migrated)"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "",initData: {"shop":{"name":"Black Country Ales","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"black-country-ales.myshopify.com","countryCode":"GB","storefrontUrl":"https:\/\/shopblackcountryales.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});webPixelsManagerAPI.publish("cart_viewed", {"cart":null});},"https://shopblackcountryales.com/cdn","c139b0f3a1f1e734f26d97f41e6b9ec7210d2071","9cacd384w71a05d20pea23f07dm124062b8",{"modern":"","legacy":""});</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'GBP'; var meta = {"page":{"pageType":"cart"}}; 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: 56941641890, theme_id: 123191328930, app_name: "storefront", context_url: window.location.href, source_url: "//shopblackcountryales.com/cdn/s/trekkie.storefront.68728afc2577e1593a48001edcb560128ef43fd2.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//shopblackcountryales.com/cdn/s/trekkie.storefront.68728afc2577e1593a48001edcb560128ef43fd2.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//shopblackcountryales.com/cdn/s/trekkie.storefront.68728afc2577e1593a48001edcb560128ef43fd2.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":56941641890,"isMerchantRequest":null,"themeId":123191328930,"themeCityHash":"11763631734176533760","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":"cart","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 = "//shopblackcountryales.com/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://shopblackcountryales.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.4.0.min.js" data-application="storefront-renderer" data-shop-id="56941641890" data-render-region="gcp-europe-west3" data-page-type="cart" data-theme-instance-id="123191328930" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body id="your-shopping-cart" class="template-cart" data-anim-fade="true" data-anim-load="false" data-anim-interval-style="fade_down" data-anim-zoom="false" data-anim-interval="true" data-heading-border="true"> <script type="text/javascript"> //loading class for animations document.body.className += ' ' + 'js-theme-loading'; setTimeout(function(){ document.body.className = document.body.className.replace('js-theme-loading','js-theme-loaded'); }, 300); </script> <div class="page-transition"></div> <div class="page-container"> <div id="shopify-section-mobile-drawer" class="shopify-section js-section__mobile-draw"><style> .mobile-draw, .mobile-draw .mfp-close { background-color: #fcf7e5; } .mobile-draw__localize { background-color: #f9f0ce; } </style> <div class="mobile-draw mobile-draw--dark js-menu-draw mfp-hide"><div class="mobile-draw__localize localize localize--always-center mobile-localize localize--single"><form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="localize__form" 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="/cart" /><div class="localize__item__wrapper js-localize-wrapper"> <h2 class="u-hidden-visually" id="currency-heading-mobile-drawer"> Currency </h2> <button type="button" class="localize__toggle js-localize-trigger" aria-expanded="false" aria-controls="currency-list-mobile" aria-describedby="currency-heading-mobile-drawer">GBP £<i class="icon icon--down"></i></button> <ul id="currency-list-mobile" class="localize__items localize__items--currency js-localize-box o-list-bare"> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="AED">AED د.إ</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="AFN">AFN ؋</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="ALL">ALL L</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="AMD">AMD դր.</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="ANG">ANG ƒ</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="AUD">AUD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="AWG">AWG ƒ</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="AZN">AZN ₼</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BAM">BAM КМ</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BBD">BBD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BDT">BDT ৳</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BGN">BGN лв.</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BIF">BIF Fr</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BND">BND $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BOB">BOB Bs.</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BSD">BSD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BWP">BWP P</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BZD">BZD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="CAD">CAD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="CDF">CDF Fr</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="CHF">CHF CHF</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="CNY">CNY ¥</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="CRC">CRC ₡</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="CVE">CVE $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="CZK">CZK Kč</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="DJF">DJF Fdj</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="DKK">DKK kr.</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="DOP">DOP $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="DZD">DZD د.ج</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="EGP">EGP ج.م</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="ETB">ETB Br</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="EUR">EUR €</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="FJD">FJD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="FKP">FKP £</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item selected" href="#" aria-current="true" data-value="GBP">GBP £</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="GMD">GMD D</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="GNF">GNF Fr</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="GTQ">GTQ Q</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="GYD">GYD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="HKD">HKD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="HNL">HNL L</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="HUF">HUF Ft</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="IDR">IDR Rp</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="ILS">ILS ₪</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="INR">INR ₹</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="ISK">ISK kr</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="JMD">JMD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="JPY">JPY ¥</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="KES">KES KSh</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="KGS">KGS som</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="KHR">KHR ៛</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="KMF">KMF Fr</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="KRW">KRW ₩</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="KYD">KYD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="KZT">KZT 〒</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="LAK">LAK ₭</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="LBP">LBP ل.ل</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="LKR">LKR ₨</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MAD">MAD د.م.</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MDL">MDL L</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MKD">MKD ден</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MMK">MMK K</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MNT">MNT ₮</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MOP">MOP P</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MUR">MUR ₨</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MVR">MVR MVR</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MWK">MWK MK</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MYR">MYR RM</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="NGN">NGN ₦</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="NIO">NIO C$</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="NPR">NPR ₨</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="NZD">NZD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="PEN">PEN S/.</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="PGK">PGK K</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="PHP">PHP ₱</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="PKR">PKR ₨</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="PLN">PLN zł</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="PYG">PYG ₲</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="QAR">QAR ر.ق</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="RON">RON Lei</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="RSD">RSD РСД</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="RWF">RWF FRw</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="SAR">SAR ر.س</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="SBD">SBD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="SEK">SEK kr</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="SGD">SGD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="SHP">SHP £</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="SLL">SLL Le</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="STD">STD Db</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="THB">THB ฿</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="TJS">TJS ЅМ</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="TOP">TOP T$</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="TTD">TTD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="TWD">TWD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="TZS">TZS Sh</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="UAH">UAH ₴</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="UGX">UGX USh</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="USD">USD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="UYU">UYU $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="UZS">UZS </a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="VND">VND ₫</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="VUV">VUV Vt</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="WST">WST T</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="XAF">XAF Fr</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="XCD">XCD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="XOF">XOF Fr</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="XPF">XPF Fr</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="YER">YER ﷼</a> </li></ul> <input type="hidden" name="currency_code" id="CurrencySelector" value="GBP" data-disclosure-input/> </div></form></div><div class="mobile-draw__wrapper"> <nav class="mobile-draw__nav mobile-nav"> <ul class="mobile-nav__items o-list-bare"> <li class="mobile-nav__item"> <a href="/" class="mobile-nav__link">Home</a> </li> <li class="mobile-nav__item mobile-nav__item--sub" aria-has-popup="true" aria-expanded="false" aria-controls="mobile-sub-2"> <a href="#mobile-sub-2" class="mobile-nav__link mobile-nav__link--sub js-toggle-trigger">Shop</a> <div class="mobile-nav__sub js-toggle-target" id="mobile-sub-2"> <ul class="mobile-nav__sub__items o-list-bare"> <li class="mobile-nav__sub__item" aria-has-popup="true" aria-expanded="false" aria-controls="mobile-sub-t-2-1"> <a href="/collections/12-x-bottle-packs" class="mobile-nav__sub__link">Bottle Packs</a> </li> <li class="mobile-nav__sub__item" aria-has-popup="true" aria-expanded="false" aria-controls="mobile-sub-t-2-2"> <a href="/collections/gift-packs" class="mobile-nav__sub__link">Gift packs</a> </li> <li class="mobile-nav__sub__item" aria-has-popup="true" aria-expanded="false" aria-controls="mobile-sub-t-2-3"> <a href="/collections/merchandise" class="mobile-nav__sub__link">Merchandise</a> </li> </ul> </div> </li> <li class="mobile-nav__item"> <a href="/pages/about" class="mobile-nav__link">About</a> </li> <li class="mobile-nav__item"> <a href="/pages/contact-us" class="mobile-nav__link">Contact</a> </li> <li class="mobile-nav__item"> <a href="https://www.blackcountryales.co.uk/" class="mobile-nav__link">Main website</a> </li> </ul> </nav> <div class="mobile-draw__search mobile-search"> <form action="/search" method="get" class="mobile-search__form" role="search"> <input type="hidden" name="type" value="product,article,page"> <input type="search" name="q" class="mobile-search__input" value="" aria-label="Search our store..." placeholder="Search our store..."> <button type="submit" class="mobile-search__submit"> <i class="icon icon--search" aria-hidden="true"></i> <span class="icon-fallback__text">Search</span> </button> </form> </div> <div class="mobile-draw__footer mobile-footer"> <div class="mobile-footer__contact"> <h4 class="mobile-footer__title">Contact</h4> <p class="mobile-footer__text"><a href="tel:01384 401820" class="mobile-footer__text-link">01384 401820</a></p> <p class="mobile-footer__text"><a href="mailto:enquiries@blackcountryales.co.uk" class="mobile-footer__text-link">enquiries@blackcountryales.co.uk</a></p> </div> <ul class="mobile-footer__social-items o-list-bare"> <li class="mobile-footer__social-item"> <a href="www.facebook.com/BlackCountryAles/" class="mobile-footer__social-link icon-fallback" target="_blank"> <i class="icon icon--facebook" aria-hidden="true"></i> <span class="icon-fallback__text">Facebook</span> </a> </li> <li class="mobile-footer__social-item"> <a href="blackcountryales" class="mobile-footer__social-link icon-fallback" target="_blank"> <i class="icon icon--instagram" aria-hidden="true"></i> <span class="icon-fallback__text">Instagram</span> </a> </li> </ul> </div> <div class="mobile-draw__cta mobile-cta"> <img class="mobile-cta__image" src="//shopblackcountryales.com/cdn/shop/files/BCA_Transparent_300x.png?v=1623338809" srcset=" //shopblackcountryales.com/cdn/shop/files/BCA_Transparent_180x.png?v=1623338809 180w 116h, //shopblackcountryales.com/cdn/shop/files/BCA_Transparent_360x.png?v=1623338809 360w 231h, //shopblackcountryales.com/cdn/shop/files/BCA_Transparent_540x.png?v=1623338809 540w 347h, //shopblackcountryales.com/cdn/shop/files/BCA_Transparent_720x.png?v=1623338809 720w 463h, //shopblackcountryales.com/cdn/shop/files/BCA_Transparent_900x.png?v=1623338809 900w 578h " width="300" height=" 193" alt="" loading="lazy" /> </div> </div> </div> </div> <div id="shopify-section-announcement" class="shopify-section js-section__announcement"><style type="text/css"> .announcement { background-color: #164184; } .announcement__text, .announcement__text.rte a { color: #ffffff; } .announcement__text.rte a { border-color: #ffffff; } </style> <div class="announcement"> <p class="announcement__text">*Free delivery with spends over £50* Click and Collect Orders can only be collected between 9am-5pm Mon-Fri*</p> </div> </div> <div id="shopify-section-header" class="shopify-section shopify-section-header js-section__header"><style type="text/css"> .header, .nav__sub-wrap, .nav__sub-t-wrap { background-color: #fcf7e5; } .nav__sub-wrap:after { border-bottom-color: #fcf7e5; } .header--light .nav__sub__link.selected, .header--light .nav__sub__link:hover, .header--light .nav__sub__item--sub:hover .nav__sub__link, .header--light .nav__sub-t__link:hover { background-color: #fffefc; } .header--dark .nav__sub__link.selected, .header--dark .nav__sub__link:hover, .header--dark .nav__sub__item--sub:hover .nav__sub__link, .header--dark .nav__sub-t__link:hover { background-color: #f9f0ce; } :root { --header-is-sticky: 0; ; } .header, .header__logo, .header-trigger { height: 210px; } .header__logo-img, .header-trigger { max-height: 210px; } .header--center .header__logo-img { width: 210px; } .header__logo-img { padding: 9px 0; } @media screen and (max-width: 767px) { .header, .header__logo, .header.header--center .header__logo, .header-trigger {height: 94px;} .header__logo-img, .header--center.header--center .header__logo-img, .header-trigger {max-height: 94px;} } .header--mega .primary-nav .nav__sub { padding-top: 88px; } </style> <header role="banner" id="top" class="header header--dark js-header header--not-sticky header--center header--mega" data-section-id="header" data-section-type="header-section"> <div class="header__logo u-flex u-flex--middle u-flex--center"> <div class="header__logo-wrapper js-main-logo" itemscope itemtype="http://schema.org/Organization"> <a href="/" itemprop="url" class="header__logo-link animsition-link"> <img src="//shopblackcountryales.com/cdn/shop/files/BCA_Transparent_700x.png?v=1623338809" class="header__logo-img" alt="Black Country Ales" itemprop="logo"> </a> </div> </div> <div class="header-trigger header-trigger--left mobile-draw-trigger-icon u-flex u-flex--middle js-mobile-draw-icon" style="display: none"> <a href="#" class="header-trigger__link header-trigger__link--mobile js-mobile-draw-trigger icon-fallback"> <i class="icon icon--menu" aria-hidden="true"></i> <span class="icon-fallback__text">Menu</span> </a> </div> <div class="header-trigger header-trigger--right search-draw-trigger-icon u-flex u-flex--middle js-search-draw-icon" style="display: none"> <a href="/search" class="header-trigger__link header-trigger__link--search icon-fallback js-search-trigger js-no-transition"> <i class="icon icon--search" aria-hidden="true"></i> <span class="icon-fallback__text">Search</span> </a> </div> <div class="header-trigger header-trigger--far-right cart-draw-trigger-icon u-flex u-flex--middle js-cart-draw-icon" style="display: none"> <a href="/cart" class="header-trigger__link header-trigger__link--cart icon-fallback js-cart-trigger js-no-transition"> <i class="icon icon--cart" aria-hidden="true"></i> <span class="icon-fallback__text">Cart</span> </a> </div> <div class="header-navs js-heaver-navs u-clearfix u-hidden@tab-down"> <nav class="primary-nav header-navs__items js-primary-nav" role="navigation"> <ul class="primary-nav__items"> <li class="primary-nav__item"> <a href="/" class="primary-nav__link animsition-link" >Home</a> </li> <li class="primary-nav__item primary-nav__item--sub js-header-sub-link"> <a href="/collections/all" class="primary-nav__link animsition-link nav__link--sub js-header-sub-link-a" aria-expanded="false" aria-controls="sub-2">Shop</a> <div class="nav__sub" id="sub-2"> <div class="nav__sub-wrap"> <ul class="nav__sub__items nav__sub__items--3 nav__sub__items--single o-list-bare"> <li class="nav__sub__item"> <a href="/collections/12-x-bottle-packs" class="nav__sub__link" aria-expanded="false" aria-controls="sub-t-2-1">Bottle Packs</a> </li> <li class="nav__sub__item"> <a href="/collections/gift-packs" class="nav__sub__link" aria-expanded="false" aria-controls="sub-t-2-2">Gift packs</a> </li> <li class="nav__sub__item"> <a href="/collections/merchandise" class="nav__sub__link" aria-expanded="false" aria-controls="sub-t-2-3">Merchandise</a> </li> </ul> </div> </div> </li> <li class="primary-nav__item"> <a href="/pages/about" class="primary-nav__link animsition-link" >About</a> </li> <li class="primary-nav__item"> <a href="/pages/contact-us" class="primary-nav__link animsition-link" >Contact</a> </li> <li class="primary-nav__item"> <a href="https://www.blackcountryales.co.uk/" class="primary-nav__link animsition-link" >Main website</a> </li> </ul> </nav> <nav class="secondary-nav header-navs__items js-secondary-nav"> <ul class="secondary-nav__items"><li class="secondary-nav__item"><form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="localize__form" 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="/cart" /><span class="secondary-nav__item secondary-nav__item--sub js-header-sub-link js-localize-wrapper"> <h2 class="u-hidden-visually" id="currency-heading-header"> Currency </h2> <a href="#" class="secondary-nav__link nav__link--sub js-header-sub-link-a" aria-expanded="false" aria-controls="currency-list-header">GBP £</a> <div class="nav__sub"> <div class="nav__sub-wrap nav__sub-wrap--currency"> <ul id="currency-list-header" class="nav__sub__items o-list-bare"> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="AED">AED د.إ</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="AFN">AFN ؋</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="ALL">ALL L</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="AMD">AMD դր.</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="ANG">ANG ƒ</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="AUD">AUD $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="AWG">AWG ƒ</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="AZN">AZN ₼</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="BAM">BAM КМ</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="BBD">BBD $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="BDT">BDT ৳</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="BGN">BGN лв.</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="BIF">BIF Fr</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="BND">BND $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="BOB">BOB Bs.</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="BSD">BSD $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="BWP">BWP P</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="BZD">BZD $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="CAD">CAD $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="CDF">CDF Fr</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="CHF">CHF CHF</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="CNY">CNY ¥</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="CRC">CRC ₡</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="CVE">CVE $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="CZK">CZK Kč</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="DJF">DJF Fdj</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="DKK">DKK kr.</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="DOP">DOP $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="DZD">DZD د.ج</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="EGP">EGP ج.م</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="ETB">ETB Br</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="EUR">EUR €</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="FJD">FJD $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="FKP">FKP £</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item selected" aria-current="true" data-value="GBP">GBP £</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="GMD">GMD D</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="GNF">GNF Fr</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="GTQ">GTQ Q</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="GYD">GYD $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="HKD">HKD $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="HNL">HNL L</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="HUF">HUF Ft</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="IDR">IDR Rp</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="ILS">ILS ₪</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="INR">INR ₹</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="ISK">ISK kr</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="JMD">JMD $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="JPY">JPY ¥</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="KES">KES KSh</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="KGS">KGS som</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="KHR">KHR ៛</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="KMF">KMF Fr</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="KRW">KRW ₩</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="KYD">KYD $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="KZT">KZT 〒</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="LAK">LAK ₭</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="LBP">LBP ل.ل</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="LKR">LKR ₨</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="MAD">MAD د.م.</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="MDL">MDL L</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="MKD">MKD ден</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="MMK">MMK K</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="MNT">MNT ₮</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="MOP">MOP P</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="MUR">MUR ₨</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="MVR">MVR MVR</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="MWK">MWK MK</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="MYR">MYR RM</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="NGN">NGN ₦</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="NIO">NIO C$</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="NPR">NPR ₨</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="NZD">NZD $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="PEN">PEN S/.</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="PGK">PGK K</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="PHP">PHP ₱</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="PKR">PKR ₨</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="PLN">PLN zł</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="PYG">PYG ₲</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="QAR">QAR ر.ق</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="RON">RON Lei</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="RSD">RSD РСД</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="RWF">RWF FRw</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="SAR">SAR ر.س</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="SBD">SBD $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="SEK">SEK kr</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="SGD">SGD $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="SHP">SHP £</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="SLL">SLL Le</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="STD">STD Db</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="THB">THB ฿</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="TJS">TJS ЅМ</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="TOP">TOP T$</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="TTD">TTD $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="TWD">TWD $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="TZS">TZS Sh</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="UAH">UAH ₴</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="UGX">UGX USh</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="USD">USD $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="UYU">UYU $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="UZS">UZS </a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="VND">VND ₫</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="VUV">VUV Vt</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="WST">WST T</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="XAF">XAF Fr</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="XCD">XCD $</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="XOF">XOF Fr</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="XPF">XPF Fr</a> </li> <li class="nav__sub__item"> <a href="#" class="nav__sub__link js-localize-item" data-value="YER">YER ﷼</a> </li> </ul> </div> </div> <input type="hidden" name="currency_code" id="CurrencySelector" value="GBP" data-disclosure-input/> </span></form></li> <li class="secondary-nav__item"> <a href="/cart" class="secondary-nav__link js-cart-trigger js-no-transition">Cart (<span id="CartCount">0</span>)</a> </li> <li class="secondary-nav__item secondary-nav__item--search"> <a href="/search" class="secondary-nav__link secondary-nav__link--search icon-fallback js-search-trigger js-no-transition"> <i class="icon icon--search" aria-hidden="true"></i> <span class="icon-fallback__text u-hidden-visually">Search</span> </a> </li> </ul> </nav> </div> </header> <script> var primaryNav = document.getElementsByClassName('js-primary-nav')[0]; var primaryWidth = document.getElementsByClassName('js-primary-nav')[0].offsetWidth; var navSpace = document.getElementsByClassName('js-heaver-navs')[0].offsetWidth / 2 - document.getElementsByClassName('js-main-logo')[0].offsetWidth / 2 - 18; if (document.getElementsByClassName('js-header')[0].classList.contains('header--left')) { if (navSpace < primaryWidth) { document.getElementsByClassName('js-header')[0].classList.add('header--inline-icons'); } } document.documentElement.style.setProperty('--header-height', document.getElementsByClassName('js-header')[0].offsetHeight + 'px'); setTimeout(function() {document.documentElement.style.setProperty('--header-height', document.getElementsByClassName('js-header')[0].offsetHeight + 'px')}, 500); </script> </div> <div class="main"> <section class="section section--cart cart"> <div class="container container--small"> <div class="section__title section__title--center"> <h1 class="section__title-text h2">Shopping Cart</h1> </div> <div class="cart__content"> <div class="cart-empty"> <h5 class="cart-empty__title">Your cart is currently empty.</h5> <span class="emoji cart-empty__emoji"> <i class="icon icon--sad"></i> </span> <a href="/" class="c-btn c-btn--primary c-btn--full">Shop now</a> </div> </div> </div> </section> </div> <div id="shopify-section-footer" class="shopify-section js-section__footer"><style type="text/css"> .footer { background-color: #222222; } .footer__bottom { background-color: #151515; } .section--footer .newsletter { background-color: #f0f0f0; } </style> <section class="section section--footer"> <div class="container"> <div class="newsletter newsletter--default"> <div class="newsletter__content"> <div class="newsletter__title section__title section__title--center section__title--desc"> <h2 class="section__title-text">SUBSCRIBE TO OUR NEWSLETTER</h2> <div class="section__title-desc rte"><p>Be the first to receive our promotions, new products and sales directly to your inbox.<br/><br/>.</p></div> </div> <div class="newsletter__form-wrapper"> <form method="post" action="/contact#newsletter" id="newsletter" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <div class="o-layout o-layout--flush"> <div class="o-layout__item u-1/1 u-2/3@tab"> <input type="hidden" name="contact[tags]" value="newsletter"> <label for="Email-Footer" class="u-hidden-visually">Email</label> <input type="email" name="contact[email]" id="Email-Footer" class="newsletter__input" value="" placeholder="email@example.com" autocorrect="off" autocapitalize="off"> </div> <div class="o-layout__item u-1/1 u-1/3@tab"> <button type="submit" class="c-btn c-btn--full c-btn--primary c-btn--arrow newsletter__btn" name="commit" id="Subscribe-Footer">Subscribe</button> </div> </div> </form> </div> </div> </div> </div> </section> <footer role="contentinfo" id="footer" class="footer footer--light"> <div class="container"> <div class="footer__content"> <div class="o-layout"> <div class="o-layout__item u-1/1 u-1/2@tab u-1/3@desk"> <div class="footer-nav"> <h3 class="footer-nav__title h5">Menu</h3> <ul class="footer-nav__items o-list-bare"> <li class="footer-nav__item"><a href="/pages/privacy-policy" class="footer-nav__link">Privacy Policy</a></li> <li class="footer-nav__item"><a href="/pages/terms-and-conditions" class="footer-nav__link">Refund Policy</a></li> <li class="footer-nav__item"><a href="/pages/terms-and-conditions" class="footer-nav__link">Terms of Service</a></li> </ul> </div> </div> <div class="o-layout__item u-1/1 u-1/2@tab u-1/3@desk"> <div class="footer-nav"> <h3 class="footer-nav__title h5">Contact</h3> <p class="footer-nav__text"><a aria-label="Email" href="mailto:enquiries@blackcountryales.co.uk" class="footer-nav__text-link">enquiries@blackcountryales.co.uk</a></p> <p class="footer-nav__text"><a aria-label="Call" href="tel:01384 401820" class="footer-nav__text-link">01384 401820</a></p> <p class="footer-nav__text footer-nav__text--address"> 69 Third Avenue, Pensnett Trading Estate<br/> Kingswinford England<br/> DY6 7FD United Kingdom </p> <div class="footer-nav__social-wrapper"> <ul class="footer-nav__social-items o-list-bare"> <li class="footer-nav__social-item"> <a href="www.facebook.com/BlackCountryAles/" class="footer-nav__social-link icon-fallback" target="_blank"> <i class="icon icon--facebook" aria-hidden="true"></i> <span class="icon-fallback__text">Facebook</span> </a> </li> <li class="footer-nav__social-item"> <a href="blackcountryales" class="footer-nav__social-link icon-fallback" target="_blank"> <i class="icon icon--instagram" aria-hidden="true"></i> <span class="icon-fallback__text">Instagram</span> </a> </li> </ul> </div> </div> </div> <div class="o-layout__item u-1/1 u-1/2@tab u-1/3@desk"> <div class="footer-nav"> <h3 class="footer-nav__title h5">About Black Country Ales</h3> <div class="footer-nav__text rte"> <p>Based in the heart of the Black Country, beer has been brewed on the site of the Old Bull's Head in Lower Gornal since 1834. We only use the finest ingredients selected by our master brewer, based on years of experience and tried and tested results.</p> </div> </div> </div> </div> </div> </div> <div class="footer__bottom"> <div class="container container--full"> <div class="footer__bottom__left"><div class="localize footer-localize footer__bottom__left-item localize--single"><form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="localize__form" 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="/cart" /><div class="localize__item__wrapper js-localize-wrapper"> <h2 class="u-hidden-visually" id="currency-heading-footer"> Currency </h2> <button type="button" class="localize__toggle js-localize-trigger" aria-expanded="false" aria-controls="currency-list-footer" aria-describedby="currency-heading-footer">GBP £<i class="icon icon--down"></i></button> <ul id="currency-list-footer" class="localize__items localize__items--currency js-localize-box o-list-bare"> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="AED">AED د.إ</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="AFN">AFN ؋</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="ALL">ALL L</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="AMD">AMD դր.</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="ANG">ANG ƒ</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="AUD">AUD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="AWG">AWG ƒ</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="AZN">AZN ₼</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BAM">BAM КМ</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BBD">BBD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BDT">BDT ৳</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BGN">BGN лв.</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BIF">BIF Fr</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BND">BND $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BOB">BOB Bs.</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BSD">BSD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BWP">BWP P</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="BZD">BZD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="CAD">CAD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="CDF">CDF Fr</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="CHF">CHF CHF</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="CNY">CNY ¥</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="CRC">CRC ₡</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="CVE">CVE $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="CZK">CZK Kč</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="DJF">DJF Fdj</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="DKK">DKK kr.</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="DOP">DOP $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="DZD">DZD د.ج</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="EGP">EGP ج.م</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="ETB">ETB Br</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="EUR">EUR €</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="FJD">FJD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="FKP">FKP £</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item selected" href="#" aria-current="true" data-value="GBP">GBP £</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="GMD">GMD D</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="GNF">GNF Fr</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="GTQ">GTQ Q</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="GYD">GYD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="HKD">HKD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="HNL">HNL L</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="HUF">HUF Ft</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="IDR">IDR Rp</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="ILS">ILS ₪</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="INR">INR ₹</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="ISK">ISK kr</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="JMD">JMD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="JPY">JPY ¥</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="KES">KES KSh</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="KGS">KGS som</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="KHR">KHR ៛</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="KMF">KMF Fr</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="KRW">KRW ₩</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="KYD">KYD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="KZT">KZT 〒</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="LAK">LAK ₭</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="LBP">LBP ل.ل</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="LKR">LKR ₨</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MAD">MAD د.م.</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MDL">MDL L</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MKD">MKD ден</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MMK">MMK K</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MNT">MNT ₮</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MOP">MOP P</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MUR">MUR ₨</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MVR">MVR MVR</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MWK">MWK MK</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="MYR">MYR RM</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="NGN">NGN ₦</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="NIO">NIO C$</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="NPR">NPR ₨</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="NZD">NZD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="PEN">PEN S/.</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="PGK">PGK K</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="PHP">PHP ₱</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="PKR">PKR ₨</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="PLN">PLN zł</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="PYG">PYG ₲</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="QAR">QAR ر.ق</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="RON">RON Lei</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="RSD">RSD РСД</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="RWF">RWF FRw</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="SAR">SAR ر.س</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="SBD">SBD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="SEK">SEK kr</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="SGD">SGD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="SHP">SHP £</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="SLL">SLL Le</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="STD">STD Db</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="THB">THB ฿</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="TJS">TJS ЅМ</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="TOP">TOP T$</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="TTD">TTD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="TWD">TWD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="TZS">TZS Sh</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="UAH">UAH ₴</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="UGX">UGX USh</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="USD">USD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="UYU">UYU $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="UZS">UZS </a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="VND">VND ₫</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="VUV">VUV Vt</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="WST">WST T</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="XAF">XAF Fr</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="XCD">XCD $</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="XOF">XOF Fr</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="XPF">XPF Fr</a> </li> <li class="localize__item"> <a class="localize__item__link js-localize-item" href="#" data-value="YER">YER ﷼</a> </li></ul> <input type="hidden" name="currency_code" id="CurrencySelector" value="GBP" data-disclosure-input/> </div></form></div><div class="footer__icons footer__bottom__left-item"> <ul class="footer__icons-items o-list-bare"> <li class="footer__icons-item"> <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 class="footer__icons-item"> <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 class="footer__icons-item"> <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 class="footer__icons-item"> <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 class="footer__icons-item"> <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 class="footer__icons-item"> <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 class="footer__icons-item"> <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 class="footer__icons-item"> <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 class="footer__icons-item"> <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 class="footer__icons-item"> <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 class="footer__icons-item"> <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> <div class="footer__bottom__right"> <div class="footer-copyright"> <p class="footer-copyright__text"> <span class="footer-copyright__span footer-copyright__span--shop">© 2025, Black Country Ales</span> </p> </div> </div> </div> </div> </footer> </div> <div id="shopify-section-promo-pop" class="shopify-section js-section__promo-pop"> <div class="promo-pop js-promo-pop promo-pop--disabled promo-pop--no-mobile" data-promo-enabled="false" data-promo-delay="10000" data-promo-expiry="30"> <a href="#" class="promo-pop__close js-promo-pop-close icon-fallback"> <i class="icon icon--close" aria-hidden="true"></i> <span class="icon-fallback__text">Close (esc)</span> </a> <div class="promo-pop__wrapper"> <div class="promo-pop__content"> <div class="section__title promo-pop__title"> <h4 class="section__title-text">Popup</h4> </div> <div class="promo-pop__desc rte"><p>Use this popup to embed a mailing list sign up form. Alternatively use it as a simple call to action with a link to a product or a page.</p></div> <div class="promo-pop__form"> <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <div class="promo-pop__fieldset"> <input type="hidden" name="contact[tags]" value="newsletter"> <input type="email" name="contact[email]" id="Email" class="promo-pop__fieldset-item promo-pop__input" value="" placeholder="email@example.com" autocorrect="off" autocapitalize="off"> <button type="submit" class="c-btn c-btn--primary c-btn--arrow promo-pop__fieldset-item promo-pop__btn" name="commit" id="Subscribe">Subscribe</button> </div> </form> </div> </div> </div> </div> </div> <div id="shopify-section-age-checker" class="shopify-section js-section__age-checker"><div class="age-checker js-age-draw mfp-hide" data-age-check-enabled="true"> <div class="age-checker__wrapper"> <div class="age-checker__content"> <div class="section__title section__title--center age-checker__title"> <h3 class="section__title-text">Age verification</h3> </div> <div class="age-checker__desc"><p>By clicking enter you are verifying that you are old enough to consume alcohol.</p></div> <div class="age-checker__actions"> <a href="#" class="age-checker__btn c-btn c-btn--primary c-btn--full js-age-close">Enter</a> </div> </div> </div> </div> </div> </div> <div class="search-draw js-search-draw mfp-hide"> <div class="search-draw__wrapper"> <div class="search__head"> <div class="search__label"> <h3 class="search__label-title">Search</h3> </div> </div> <div class="search__inner"> <form action="/search" method="get" class="search__form" role="search"> <input type="hidden" name="type" value="product,article,page"> <input type="search" name="q" class="search__form-input js-search-input" value="" placeholder="Search our store..." aria-label="Search our store..."> <button type="submit" class="search__form-submit"> <i class="icon icon--search" aria-hidden="true"></i> <span class="icon-fallback__text">Search</span> </button> </form> <div class="search__nav"> <h4 class="search__nav-title h5">Main menu</h4> <ul class="search__nav-items o-list-bare"> <li class="search__nav-item"> <a href="/" class="search__nav-link">Home</a> </li> <li class="search__nav-item"> <a href="/collections/all" class="search__nav-link">Shop</a> </li> <li class="search__nav-item"> <a href="/pages/about" class="search__nav-link">About</a> </li> <li class="search__nav-item"> <a href="/pages/contact-us" class="search__nav-link">Contact</a> </li> <li class="search__nav-item"> <a href="https://www.blackcountryales.co.uk/" class="search__nav-link">Main website</a> </li> </ul> </div> </div> </div> </div> <div class="ajaxcart-draw js-cart-draw mfp-hide"> <div class="ajaxcart-draw__wrapper js-cart-draw-inner"> <div class="ajaxcart-draw__scroll"> <div class="ajaxcart__head"> <div class="ajaxcart__label"> <h3 class="ajaxcart__label-title">Shopping Cart</h3> </div> </div> <div id="CartContainer"></div> <div id="EmptyCart"> <div class="ajaxcart-empty"> <h5 class="ajaxcart-empty__title">Your cart is currently empty.</h5> <span class="emoji ajaxcart-empty__emoji"> <i class="icon icon--sad"></i> </span> <a href="/" class="c-btn c-btn--primary c-btn--full">Shop now</a> </div> </div> </div> </div> </div> <script id="CartTemplate" type="text/template"> <form action="/cart" method="post" novalidate class="cart ajaxcart__form"> <div class="ajaxcart__inner"> <div class="ajaxcart__products"> {{#items}} <div class="ajaxcart__product"> <div class="ajaxcart__row" data-line="{{line}}"> <div class="o-layout o-layout--tiny u-flex u-flex--middle"> <div class="o-layout__item u-1/1 u-5/10@tab"> <div class="o-layout o-layout--tiny u-flex u-flex--middle"> <div class="o-layout__item u-1/3 u-1/4@tab"> <a href="{{url}}" class="ajaxcart__product-image"> <div class="o-ratio o-ratio--bg-grey"> {{#if img}} <img src="{{img}}" class="o-ratio__content" alt="{{ name }}"> {{else}} <img src="//shopblackcountryales.com/cdn/shop/t/2/assets/placeholder_240x.png?v=113555733946226816651621945072" class="o-ratio__content" alt="{{ name }}"> {{/if}} </div> </a> </div> <div class="o-layout__item u-2/3 u-3/4@tab"> <a href="{{url}}"><h2 class="ajaxcart__product-name h3">{{name}}</h2></a> {{#if variation}} <p class="ajaxcart__product-meta">{{variation}}</p> {{/if}} {{#properties}} {{#each this}} {{#if this}} <p class="ajaxcart__product-meta">{{@key}}: {{this}}</p> {{/if}} {{/each}} {{/properties}} {{#if sellingPlan}} <p class="ajaxcart__product-meta">{{ sellingPlan }}</p> {{/if}} <p class="ajaxcart__product-meta">{{ vendor }}</p> </div> </div> </div> <div class="o-layout__item u-4/10 u-2/10@tab"> <div class="ajaxcart__qty"> <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus" data-id="{{key}}" data-qty="{{itemMinus}}" data-line="{{line}}"> <span aria-hidden="true">−</span> <span class="u-hidden-visually">Reduce item quantity by one</span> </button> <input type="text" name="updates[]" class="ajaxcart__qty-num" value="{{itemQty}}" min="0" data-id="{{key}}" data-line="{{line}}" aria-label="quantity" pattern="[0-9]*"> <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus" data-id="{{key}}" data-line="{{line}}" data-qty="{{itemAdd}}"> <span aria-hidden="true">+</span> <span class="u-hidden-visually">Increase item quantity by one</span> </button> </div> </div> <div class="o-layout__item u-6/10 u-3/10@tab"> {{#if lineDiscount}} <div class="ajaxcart-item__price ajaxcart-item__price--original"><s><span class="money">{{{originalLinePrice}}}</span></s></div> <div class="ajaxcart-item__discount"> {{#each lineDiscounts}} <p class="ajaxcart-item__discount-text"> {{ this.discount_application.title }} (-<span class="money">{{{ this.amount }}}</span>) </p> {{/each}} </div> <div class="ajaxcart-item__price ajaxcart-item__price--sale"><span class="money">{{{lineDiscountedPrice}}}</span></div> {{else}} <div class="ajaxcart-item__price"><span class="money">{{{linePrice}}}</span></div> {{/if}} </div> </div> </div> </div> {{/items}} </div> <div class="ajaxcart__message"> <label for="CartSpecialInstructions" class="ajaxcart__message-label">Special instructions for seller</label> <textarea name="note" class="input-full" id="CartSpecialInstructions">{{ note }}</textarea> </div> </div> <div class="ajaxcart__footer"> <div class="o-layout o-layout--tiny o-layout--reverse"> <div class="o-layout__item u-1/1 u-1/3@tab"> {{#if cartDiscounts}} {{#each cartDiscounts}} <p class="ajaxcart__footer-discount">{{ this.title }} (-<span class="money">{{ this.total_allocated_amount }}</span>)</p> {{/each}} {{/if}} <p class="ajaxcart__footer-total">Subtotal <span class="money">{{{totalPrice}}}</span></p> </div> <div class="o-layout__item u-1/1 u-2/3@tab"> <p class="ajaxcart__footer-message">Shipping & taxes calculated at checkout</p> </div> </div> </div> <div class="ajaxcart__button"> <div class="o-layout o-layout--tiny o-layout--reverse"> <div class="o-layout__item u-1/1 u-1/2@tab"> <button type="submit" class="c-btn c-btn--full c-btn--primary c-btn--arrow ajaxcart__checkout" name="checkout">Check Out</button> </div> <div class="o-layout__item u-1/1 u-1/2@tab"> <a href="/" class="c-btn c-btn--full c-btn--light js-close-mfp ajaxcart__continue">Continue shopping</a> </div> </div> </div> </form> </script> <script id="NotificationTemplate" type="text/template"> <div class="ajaxcart__inner"> <div class="o-layout o-layout--tiny u-flex u-flex--middle"> <div class="o-layout__item u-1/1 u-3/5@mob"> <div class="ajaxcart__product"> <div class="o-layout o-layout--small u-flex u-flex--middle"> <div class="o-layout__item u-1/3"> <div class="ajaxcart__product-image-wrapper"> <div class="ajaxcart__product-image"> <div class="o-ratio o-ratio--bg-grey"> {{#if thisItem.img}} <img src="{{ thisItem.img }}" class="o-ratio__content" alt="{{ thisItem.name }}"> {{else}} <img src="//shopblackcountryales.com/cdn/shop/t/2/assets/placeholder_240x.png?v=113555733946226816651621945072" class="o-ratio__content" alt="{{ thisItem.name }}"> {{/if}} </div> </div> </div> </div> <div class="o-layout__item u-2/3"> <p class="ajaxcart__product-name">{{ thisItem.name }}</p> <p class="ajaxcart__product-meta">{{ thisItem.variation }}</p> <p class="ajaxcart__product-meta">{{ thisItem.sellingPlan }}</p> <p class="ajaxcart__product-meta">{{ thisItem.price }}</p> </div> </div> </div> </div> <div class="o-layout__item u-1/1 u-2/5@mob"> <a href="/cart" class="c-btn c-btn--small c-btn--full c-btn--primary c-btn--arrow ajaxcart__checkout" name="checkout">View cart</a> <a href="/" class="c-btn c-btn--small c-btn--full c-btn--light js-close-mfp ajaxcart__continue">Continue shopping</a> </div> </div> </div> </script> <script id="AjaxQty" type="text/template"> <div class="ajaxcart__qty"> <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus" data-id="{{key}}" data-qty="{{itemMinus}}"> <span aria-hidden="true">−</span> <span class="u-hidden-visually">Reduce item quantity by one</span> </button> <input type="text" class="ajaxcart__qty-num" value="{{itemQty}}" min="0" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*"> <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus" data-id="{{key}}" data-qty="{{itemAdd}}"> <span aria-hidden="true">+</span> <span class="u-hidden-visually">Increase item quantity by one</span> </button> </div> </script> <script id="JsQty" type="text/template"> <div class="js-qty"> <button type="button" class="js-qty__adjust js-qty__adjust--minus icon-fallback-text" data-id="{{key}}" data-qty="{{itemMinus}}"> <span aria-hidden="true">−</span> <span class="u-hidden-visually">Reduce item quantity by one</span> </button> <input type="text" class="js-qty__num" value="{{itemQty}}" min="1" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*" name="{{inputName}}" id="{{inputId}}"> <button type="button" class="js-qty__adjust js-qty__adjust--plus" data-id="{{key}}" data-qty="{{itemAdd}}"> <span aria-hidden="true">+</span> <span class="u-hidden-visually">Increase item quantity by one</span> </button> </div> </script> <script> //cart functions theme.ajaxCartInit = function() { ajaxCart.init({ sourceId: '#CartTemplate', triggerSelector: '.js-cart-trigger', formSelector: '.js-product-form', addToCartSelector: '.js-product-add', cartContainer: '#CartContainer', cartCountSelector: '#CartCount', cartCostSelector: '#CartCost', emptySelector: '#EmptyCart', moneyFormat: "£{{amount}}" }); }; </script>   </body> </html>

CINXE.COM

Your Shopping Cart – Black Country Ales