Dualit — Award winning toasters, kettles, coffee & more

<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content=""> <link rel="preconnect" href="https://cdn.shopify.com" crossorigin > <link rel="canonical" href="https://www.dualit.com/"><link rel="icon" type="image/png" href="//www.dualit.com/cdn/shop/files/favicon.png?crop=center&height=32&v=1686842629&width=32"> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PH87NXQ');</script>   <script src="https://cookie-cdn.cookiepro.com/scripttemplates/otSDKStub.js" data-document-language="true" type="text/javascript" charset="UTF-8" data-domain-script="03c7d792-d449-4cea-b481-19305278802c" defer></script> <script type="text/javascript"> function OptanonWrapper() { } </script>  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;1,600&display=swap" rel="stylesheet"> <title>Dualit — Award winning toasters, kettles, coffee & more</title><meta name="description" content="Discover Dualit's award-winning British appliances, meticulously crafted for a lifetime of use. No gimmicks. No compromise. It must be Dualit." > <meta property="og:site_name" content="Dualit Website"> <meta property="og:url" content="https://www.dualit.com/"> <meta property="og:title" content="Dualit — Award winning toasters, kettles, coffee & more"> <meta property="og:type" content="website"> <meta property="og:description" content="Discover Dualit's award-winning British appliances, meticulously crafted for a lifetime of use. No gimmicks. No compromise. It must be Dualit."> <meta name="twitter:site" content="@DualitLtd"><meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Dualit — Award winning toasters, kettles, coffee & more"> <meta name="twitter:description" content="Discover Dualit's award-winning British appliances, meticulously crafted for a lifetime of use. No gimmicks. No compromise. It must be Dualit."> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Corporation", "name": "Dualit Website", "description": "Discover Dualit's award-winning British appliances, meticulously crafted for a lifetime of use. No gimmicks. No compromise. It must be Dualit.", "url": "https://www.dualit.com", "logo": "https:", "contactPoint": [ { "@type": "ContactPoint", "telephone": "01293 652500", "contactType": "customer service" } ], "sameAs": [] } </script> <link href="//www.dualit.com/cdn/shop/t/308/assets/base-2b8d4afb.css" rel="stylesheet" type="text/css" media="all" /> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); if (typeof Shopify !== 'undefined' && Shopify.designMode) { document.documentElement.classList.add('shopify-design-mode'); } </script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="n0ANToSQntBguA45UjhwP9b0ji6kI6yDuOyPFqOnTjI"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/74618601783/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="13317be00b384c724a35419287db9d25"> <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=74618601783" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":74618601783,"countryCode":"GB","currencyCode":"GBP","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/74618601783","merchantName":"Dualit Website","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard"],"total":{"type":"pending","label":"Dualit Website","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":false}</script> <script id="shopify-features" type="application/json">{"accessToken":"13317be00b384c724a35419287db9d25","betas":["rich-media-storefront-analytics"],"domain":"www.dualit.com","predictiveSearch":true,"shopId":74618601783,"smart_payment_buttons_url":"https:\/\/www.dualit.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/www.dualit.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "dualit-store.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"GBP","rate":"1.0"}; Shopify.country = "GB"; Shopify.theme = {"name":"🌍 MAIN","id":164635377975,"schema_name":"@strawberry\/foundation","schema_version":"0.0.0","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "www.dualit.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":"index"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"login-button":["modules/client.login-button_PyB0yoLG.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"shop-pay-payment-request":["modules/client.shop-pay-payment-request_BSPYpBgE.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js","modules/chunk.shop-pay_DNi9j_X8.esm.js"],"payment-terms":["modules/client.payment-terms_BF5x7ymI.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"pay-button":["modules/client.pay-button_Cc3hmsbn.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"discount-app":["modules/client.discount-app_Dl148wJa.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"avatar":["modules/client.avatar_BTnouDA3.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/client.init-shop-for-new-customer-accounts_BXLde5-4.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/client.init-shop-email-lookup-coordinator_CSM1j0yH.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"init-customer-accounts-sign-up":["modules/client.init-customer-accounts-sign-up_BDGFEblG.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"init-customer-accounts":["modules/client.init-customer-accounts_CO51Msyl.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/geolocation-recommendations.shopifyapps.com\/locale_bar\/script.js?shop=dualit-store.myshopify.com","https:\/\/cdn-loyalty.yotpo.com\/loader\/_RKaQ_CfurCX1nyCi-2RkQ.js?shop=dualit-store.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":74618601783,"offset":0,"reqid":"28945fe7-c79c-4ccd-b847-ac8401cb5046-1733172278","pageurl":"www.dualit.com\/","u":"5ac96984133d","p":"home"};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');function s(t,e,n=!1){try{const o=window.sessionStorage;for(const[n,c]of Object.entries(JSON.parse(o.getItem(e))))t.elements[n]&&(t.elements[n].value=c);n&&o.removeItem(e)}catch{}}const a='form_key',i=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response','password'],u=()=>{try{return window.sessionStorage}catch{return}},m=t=>t.elements[a],f='form_type',d='cptcha';function p(t){t.dataset[d]=!0}const l=window,h=l.document,_='Shopify',y='ce_forms',E='captcha';let v=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe','https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js',T={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=l[_][y],c=o.bindForm;if(c)return c(t,g,e,T).then(n);o.q.push([[t,g,e,T],n]),v||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js'})),v=!0)});var g,T;l[_]=l[_]||{},l[_][y]=l[_][y]||{},l[_][y].q=[],l[_][E]=l[_][E]||{},l[_][E].protect=function(t,e){n(t,void 0,e),p(t)},Object.freeze(l[_][E]),function(t,e,n,l,h,_){const[y,E,v,g]=function(t,e,n){const s=e?o:[],a=t?c:[],i=[...s,...a],u=[...o],m=r(i),f=r(s),d=n&&r(i.filter((([t,e])=>n.includes(e)))),p=r(u),l=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];return[l(m),l(f),l(d),l(p)]}(l,h,_),T=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},S=t=>y().includes(t);t.addEventListener('submit',(t=>{const e=T(t);if(!e)return;const n=S(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=m(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!u())return;!function(t){const e=u();if(!e)return;const n=m(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){m(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:a})),t.elements[a].value=e}(t,e),function(t,e){const n=u();if(!n)return;const o=[...t.querySelectorAll('input[type="password"]')].map((({name:t})=>t)),c=[...i,...o],r={};for(const[s,a]of new FormData(t).entries())c.includes(s)||(r[s]=a);n.setItem(e,JSON.stringify(r))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const w=(t,e)=>{t&&!t.dataset[d]&&(n(t,e.some((e=>e===t))),p(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=T(t);S(e)&&w(e,E())}));const A=e.get('form_key'),b=e.get(f),I=A&&b;t.addEventListener('DOMContentLoaded',(()=>{const t=E();if(I)for(const e of t)e.elements[f].value===b&&s(e,A);[...new Set([...v(),...y().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>w(e,t)))}))}(h,new URLSearchParams(l.location.search),n,!1,!0,['guest_login'])})()}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.dualit.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//www.dualit.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="//www.dualit.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <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: 120px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <script> window.cart_items = []; window.translations = { product: { form: { addToCart: "Add to Cart", addedToCart: "Added to Cart", outOfStock: "Out of Stock" } }, offers: { 1: "/pages/kettle-offer-application", 2: "/pages/2-slice-toaster-offer-application", 3: "/pages/3-4-slice-toaster-offer-application", 4: "/pages/espressivo-pro-offer-application" } }; window.config = { storefront: { apiKey: "8b0ae5c0c3e70aad2c3a394ed52b4522" } }; window.theme = {}; window.settings = {} </script>  <script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/1KRpXf4dMxrKVahcKhZeGaEAFkihvSy4DT3wU9l0?languageCode=en" async></script>  <script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/1KRpXf4dMxrKVahcKhZeGaEAFkihvSy4DT3wU9l0" async></script> <script type="text/javascript"> if (typeof window.formbuilder_customer != "object") { window.formbuilder_customer = {} } window.FbThemeAppExtSettingsHash = {} </script> <script type="text/javascript"> var Globo = Globo || {}; window.Globo.RelatedProducts = window.Globo.RelatedProducts || {}; window.moneyFormat = "£{{amount}}"; window.shopCurrency = "GBP"; window.globoRelatedProductsConfig = { __webpack_public_path__ : "https://cdn.shopify.com/extensions/6a587dd4-5d5c-4adb-929d-423b59d6be3a/glo-related-products-upsell-90/assets/", apiUrl: "https://related-products.globo.io/api", alternateApiUrl: "https://related-products.globo.io", shop: "dualit-store.myshopify.com", domain: "www.dualit.com",themeOs20: true, page: 'index', customer:null, urls: { search: "\/search", collection: "\/collections" }, translation: {"add_to_cart":"Add to cart","added_to_cart":"Added to cart","add_selected_to_cart":"Add selected to cart","added_selected_to_cart":"Added selected to cart","sale":"Sale","total_price":"Total price:","this_item":"This item:","sold_out":"Sold out","add_to_cart_short":"ADD","added_to_cart_short":"ADDED"}, settings: {"redirect":true,"new_tab":true,"image_ratio":"400:500","visible_tags":null,"hidden_tags":null,"hidden_collections":null,"exclude_tags":null,"carousel_autoplay":false,"carousel_disable_in_mobile":false,"carousel_loop":true,"carousel_rtl":false,"carousel_items":"5","sold_out":false,"discount":{"enable":false,"condition":"any","type":"percentage","value":10}}, boughtTogetherIds: {}, trendingProducts: [8350229987639,8350234444087,8325501747511,8336513827127,8325492965687,8336462643511,8350231200055,8325492572471,9389044007223,8336595845431,8355232186679,8541735321911,8350234313015,8336462709047,8355177136439,8353342259511,8350228807991,8325502173495,8325502075191,8336513925431,8350221009207,8350234018103,8350234149175,8350227464503,8336509632823,8336510157111,8350234083639,8356261003575,8350232150327,8350232969527,8333709508919,8350234050871,8350229070135,8350232707383,8355177201975,8336509960503,8353380630839,8350233788727,8350233887031,8391113507127,8541647241527,9198275166519,9198309310775,8391118553399,8336595812663,8355201679671,8333709214007,8325476614455,8325493653815,8325501583671], productBoughtTogether: {"type":"product_bought_together","enable":true,"title":{"text":"Complete the set","color":"#212121","fontSize":"25","align":"left"},"subtitle":{"text":null,"color":"#212121","fontSize":"18"},"limit":3,"maxWidth":1170,"conditions":[{"id":"bought_together","status":0},{"id":"manual","status":1},{"id":"vendor","type":"same","status":0},{"id":"type","type":"same","status":0},{"id":"collection","type":"same","status":0},{"id":"tags","type":"same","status":0},{"id":"global","status":0}],"template":{"id":"2","elements":["price","addToCartBtn","variantSelector","saleLabel"],"productTitle":{"fontSize":"15","color":"#212121"},"productPrice":{"fontSize":"14","color":"#212121"},"productOldPrice":{"fontSize":16,"color":"#919191"},"button":{"fontSize":"14","color":"#ffffff","backgroundColor":"#212121"},"saleLabel":{"color":"#fff","backgroundColor":"#c00000"},"this_item":true,"selected":true},"random":false,"discount":true}, productRelated: {"type":"product_related","enable":false,"title":{"text":"Related products","color":"#212121","fontSize":"25","align":"center"},"subtitle":{"text":"","color":"#212121","fontSize":"18"},"limit":6,"maxWidth":1170,"conditions":[{"id":"manual","status":0},{"id":"bought_together","status":0},{"id":"vendor","type":"same","status":1},{"id":"type","type":"same","status":1},{"id":"collection","type":"same","status":1},{"id":"tags","type":"same","status":1},{"id":"global","status":1}],"template":{"id":"1","elements":["price","addToCartBtn","variantSelector","saleLabel"],"productTitle":{"fontSize":"15","color":"#212121"},"productPrice":{"fontSize":"14","color":"#212121"},"productOldPrice":{"fontSize":16,"color":"#919191"},"button":{"fontSize":"14","color":"#ffffff","backgroundColor":"#212121"},"saleLabel":{"color":"#fff","backgroundColor":"#c00000"},"this_item":false,"selected":false},"random":false,"discount":false}, cart: {"type":"cart","enable":false,"title":{"text":"What else do you need?","color":"#212121","fontSize":"20","align":"left"},"subtitle":{"text":"","color":"#212121","fontSize":"18"},"limit":3,"maxWidth":1170,"conditions":[{"id":"manual","status":1},{"id":"bought_together","status":1},{"id":"tags","type":"same","status":1},{"id":"global","status":1}],"template":{"id":"3","elements":["price","addToCartBtn","variantSelector","saleLabel"],"productTitle":{"fontSize":"14","color":"#212121"},"productPrice":{"fontSize":"14","color":"#212121"},"productOldPrice":{"fontSize":16,"color":"#919191"},"button":{"fontSize":"15","color":"#ffffff","backgroundColor":"#212121"},"saleLabel":{"color":"#fff","backgroundColor":"#c00000"},"this_item":true,"selected":true},"random":false,"discount":false}, basis_collection_handle: 'globo_basis_collection', widgets: [], offers: [], view_name: 'globo.alsobought', cart_properties_name: '_bundle', upsell_properties_name: '_upsell_bundle', discounted_ids: [],discount_min_amount: 0,offerdiscounted_ids: [],offerdiscount_min_amount: 0,data: {},cartdata:{ ids: [],handles: [], vendors: [], types: [], tags: [], collections: [] },upselldatas:{},cartitems:[],cartitemhandles: [],manualCollectionsDatas: {},layouts: [], no_image_url: "https://cdn.shopify.com/s/images/admin/no-image-large.gif", manualRecommendations:[], manualVendors:[], manualTags:[], manualProductTypes:[], manualCollections:[], app_version : 2, collection_handle: "", curPlan : "PROFESSIONAL" , }; globoRelatedProductsConfig.settings.hidewatermark= true; </script>  <style> .ga-products-box .ga-product_image:after{padding-top:100%;} @media only screen and (max-width:749px){.return-link-wrapper{margin-bottom:0 !important;}} .ga-products-box .ga-product_image:after{padding-top:125.0%;} #ga-cart{max-width:1170px;margin:15px auto;} #ga-cart h2{color:#212121;font-size:20px;text-align:left;} #ga-cart .ga-subtitle{color:#212121;font-size:18px;text-align:left;} #ga-cart .ga-product_title, #ga-cart select.ga-product_variant_select{color:#212121;font-size:14px;} #ga-cart span.ga-product_price{color:#212121;font-size:14px;} #ga-cart .ga-product_oldprice{color:#919191;font-size:16px;} #ga-cart button.ga-product_addtocart, #ga-cart button.ga-addalltocart{color:#ffffff;background-color:#212121;font-size:15px;} #ga-cart .ga-label_sale{color:#fff;background-color:#c00000;} </style>  <script id="globoRelatedProductsTemplate2" type="template/html"> {% if box.template.id == 1 or box.template.id == '1' %} <div id="{{box.id}}" data-title="{{box.title.text | escape}}" class="ga ga-template_1 ga-products-box ga-template_themeid_{{ theme_store_id }}"> {% if box.title and box.title.text and box.title.text != '' %} <h2 class="ga-title section-title"> <span>{{box.title.text}}</span> </h2> {% endif %} {% if box.subtitle and box.subtitle.text and box.subtitle.text != '' %} <div class="ga-subtitle">{{box.subtitle.text}}</div> {% endif %} <div class="ga-products"> <div class="ga-carousel_wrapper"> <ul class="ga-carousel gowl-carousel" data-products-count="{{products.size}}"> {% for product in products %} {% assign first_available_variant = false %} {% for variant in product.variants %} {% if first_available_variant == false and variant.available %} {% assign first_available_variant = variant %} {% endif %} {% endfor %} {% if first_available_variant == false %} {% assign first_available_variant = product.variants[0] %} {% endif %} {% if product.images[0] %} {% assign featured_image = product.images[0] | img_url: '350x' %} {% else %} {% assign featured_image = no_image_url | img_url: '350x' %} {% endif %} <li class="ga-product" data-product-id="{{product.id}}"> <a {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}"> {% if box.template.elements contains 'saleLabel' and first_available_variant.compare_at_price > first_available_variant.price %} <span class="ga-label ga-label_sale">{{translation.sale}}</span> {% endif %} {% unless product.available %} <span class="ga-label ga-label_sold">{{translation.sold_out}}</span> {% endunless %} <div class="ga-product_image ga-product_image_{{product.id}}" id="ga-product_image_{{product.id}}" style="background-image: url('{{featured_image}}')"> <span></span> </div> </a> <a class="ga-product_title " {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}">{{product.title}}</a> {% assign variants_size = product.variants | size %} <div class="ga-product_variants-container{% unless box.template.elements contains 'variantSelector' %} ga-hide{% endunless %}"> <select class="ga-product_variant_select {% if variants_size == 1 %}ga-hide{% endif %}"> {% for variant in product.variants %} <option {% if first_available_variant.id == variant.id %} selected {% endif %} {% unless variant.available %} disabled {% endunless %} data-image="{% if variant.featured_image %}{{variant.featured_image.src | img_url: '350x'}}{% else %}{{featured_image}}{% endif %}" data-available="{{variant.available}}" data-compare_at_price="{{variant.compare_at_price}}" data-price="{{variant.price}}" value="{{variant.id}}">{{variant.title}} {% unless variant.available %} - {{translation.sold_out}} {% endunless %} </option> {% endfor %} </select> </div> {% if settings.setHideprice %} {% else %} {% if box.template.elements contains 'price' %} <span class="ga-product_price-container"> <span class="ga-product_price money {% if first_available_variant.compare_at_price > first_available_variant.price %} ga-product_have_oldprice {% endif %}">{{first_available_variant.price | money}}</span> {% if first_available_variant.compare_at_price > first_available_variant.price %} <s class="ga-product_oldprice money">{{first_available_variant.compare_at_price | money}}</s> {% endif %} </span> {% endif %} {% if box.template.elements contains 'addToCartBtn' %} <button class="ga-product_addtocart" type="button" data-add="{{translation.add_to_cart}}" data-added="{{translation.added_to_cart}}">{{translation.add_to_cart}}</button> {% endif %} {% endif %} </li> {% endfor %} </ul> </div> {%- unless settings.hidewatermark == true -%} <p style="text-align: right;font-size:small;display: inline-block !important; width: 100%;">{% if settings.copyright !='' %}{{ settings.copyright }}{%- endif -%}</p>{%- endunless -%} </div> </div> {% elsif box.template.id == 2 or box.template.id == '2' %} <div id="{{box.id}}" data-title="{{box.title.text | escape}}" class="ga ga-template_2 ga-products-box "> {% if box.title and box.title.text and box.title.text != '' %} <h2 class="ga-title section-title "> <span>{{box.title.text}}</span> </h2> {% endif %} {% if box.subtitle and box.subtitle.text and box.subtitle.text != '' %} <div class="ga-subtitle">{{box.subtitle.text}}</div> {% endif %} {% assign total_price = 0 %} {% assign total_sale_price = 0 %} <div class="ga-products"> <div class="ga-products_image"> {% for product in products %} {% assign first_available_variant = false %} {% for variant in product.variants %} {% if first_available_variant == false and variant.available %} {% assign first_available_variant = variant %} {% endif %} {% endfor %} {% if first_available_variant == false %} {% assign first_available_variant = product.variants[0] %} {% endif %} {% if first_available_variant.available and box.template.selected %} {% assign total_price = total_price | plus: first_available_variant.price %} {% if first_available_variant.compare_at_price > first_available_variant.price %} {% assign total_sale_price = total_sale_price | plus: first_available_variant.compare_at_price %} {% else %} {% assign total_sale_price = total_sale_price | plus: first_available_variant.price %} {% endif %} {% endif %} {% if product.images[0] %} {% assign featured_image = product.images[0] | img_url: '350x' %} {% else %} {% assign featured_image = no_image_url | img_url: '350x' %} {% endif %} <div class="ga-product {% if forloop.last %}last{% endif %}" id="ga-product_{{product.id}}"> <a {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}"> {% unless product.available %} <span class="ga-label ga-label_sold">{{translation.sold_out}}</span> {% endunless %} <img class="ga-product_image_{{product.id}}" id="ga-product_image_{{product.id}}" src="{{featured_image}}" alt="{{product.title}}"/> </a> </div> {% endfor %} {% if settings.setHideprice %} {% else %} <div class="ga-product-form {% unless total_price > 0 %}ga-hide{% endunless %}"> {% if box.template.elements contains 'price' %} <div> {{translation.total_price}} <span class="ga-product_price ga-product_totalprice money">{{total_price | money}}</span> <span class="ga-product_oldprice ga-product_total_sale_price money {% if total_price >= total_sale_price %} ga-hide {% endif %}">{{ total_sale_price | money}}</span> </div> {% endif %} {% if box.template.elements contains 'addToCartBtn' %} <button class="ga-addalltocart" type="button" data-add="{{translation.add_selected_to_cart}}" data-added="{{translation.added_selected_to_cart}}">{{translation.add_selected_to_cart}}</button> {% endif %} </div> {% endif %} </div> </div> <ul class="ga-products-input"> {% for product in products %} {% assign first_available_variant = false %} {% for variant in product.variants %} {% if first_available_variant == false and variant.available %} {% assign first_available_variant = variant %} {% endif %} {% endfor %} {% if first_available_variant == false %} {% assign first_available_variant = product.variants[0] %} {% endif %} {% if product.images[0] %} {% assign featured_image = product.images[0] | img_url: '350x' %} {% else %} {% assign featured_image = no_image_url | img_url: '350x' %} {% endif %} <li class="ga-product{% unless box.template.selected %} ga-deactive{% endunless %}" data-product-id="{{product.id}}"> <input {% unless product.available %} disabled {% endunless %} class="selectedItem" {% if box.template.selected and product.available == true %} checked {% endif %} type="checkbox" value="{{product.id}}"/> <a class="ga-product_title" {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}"> {% if product.id == cur_product_id %} <strong>{{translation.this_item}} </strong> {% endif %} {{product.title}} {% unless product.available %} - {{translation.sold_out}} {% endunless %} </a> {% assign variants_size = product.variants | size %} <div class="ga-product_variants-container{% unless box.template.elements contains 'variantSelector' %} ga-hide{% endunless %}"> <select {% unless product.available %} disabled {% endunless %} class="ga-product_variant_select {% if variants_size == 1 %}ga-hide{% endif %}"> {% for variant in product.variants %} <option {% if first_available_variant.id == variant.id %} selected {% endif %} {% unless variant.available %} disabled {% endunless %} data-image="{% if variant.featured_image %}{{variant.featured_image.src | img_url: '100x'}}{% else %}{{featured_image}}{% endif %}" data-available="{{variant.available}}" data-compare_at_price="{{variant.compare_at_price}}" data-price="{{variant.price}}" value="{{variant.id}}">{{variant.title}} {% unless variant.available %} - {{translation.sold_out}} {% endunless %} </option> {% endfor %} </select> </div> {% if settings.setHideprice %} {% else %} {% if box.template.elements contains 'price' %} <span class="ga-product_price-container"> <span class="ga-product_price money {% if first_available_variant.compare_at_price > first_available_variant.price %} ga-product_have_oldprice {% endif %}">{{first_available_variant.price | money}}</span> {% if first_available_variant.compare_at_price > first_available_variant.price %} <s class="ga-product_oldprice money">{{first_available_variant.compare_at_price | money}}</s> {% endif %} </span> {% endif %} {% endif %} </li> {% endfor %} </ul> {%- unless settings.hidewatermark == true -%} <p style="text-align: right;font-size:small;display: inline-block !important; width: 100%;"> {% if settings.copyright !='' %} {{ settings.copyright }} {%- endif -%} </p> {%- endunless -%} </div> {% elsif box.template.id == 3 or box.template.id == '3' %} <div id="{{box.id}}" data-title="{{box.title.text | escape}}" class="ga ga-template_3 ga-products-box "> {% if box.title and box.title.text and box.title.text != '' %} <h2 class="ga-title section-title "> <span>{{box.title.text}}</span> </h2> {% endif %} {% if box.subtitle and box.subtitle.text and box.subtitle.text != '' %} <div class="ga-subtitle">{{box.subtitle.text}}</div> {% endif %} {% assign total_price = 0 %} {% assign total_sale_price = 0 %} <div class="ga-products"> <ul class="ga-products-table"> {% for product in products %} {% assign first_available_variant = false %} {% for variant in product.variants %} {% if first_available_variant == false and variant.available %} {% assign first_available_variant = variant %} {% endif %} {% endfor %} {% if first_available_variant == false %} {% assign first_available_variant = product.variants[0] %} {% endif %} {% if first_available_variant.available and box.template.selected %} {% assign total_price = total_price | plus: first_available_variant.price %} {% if first_available_variant.compare_at_price > first_available_variant.price %} {% assign total_sale_price = total_sale_price | plus: first_available_variant.compare_at_price %} {% else %} {% assign total_sale_price = total_sale_price | plus: first_available_variant.price %} {% endif %} {% endif %} {% if product.images[0] %} {% assign featured_image = product.images[0] | img_url: '100x' %} {% else %} {% assign featured_image = no_image_url | img_url: '100x' %} {% endif %} <li class="ga-product{% unless box.template.selected %} ga-deactive{% endunless %}" data-product-id="{{product.id}}"> <div class="product_main"> <input {% unless product.available %} disabled {% endunless %} class="selectedItem" {% if box.template.selected and product.available == true %} checked {% endif %} type="checkbox" value=""/> <a {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}" class="ga-products_image"> {% unless product.available %} <span class="ga-label ga-label_sold">{{translation.sold_out}}</span> {% endunless %} <span> <img class="ga-product_image_{{product.id}}" id="ga-product_image_{{product.id}}" src="{{featured_image}}" alt="{{product.title}}"/> </span> </a> <div> <a class="ga-product_title" {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}"> {% if product.id == cur_product_id %} <strong>{{translation.this_item}} </strong> {% endif %} {{product.title}} {% unless product.available %} - {{translation.sold_out}} {% endunless %} </a> </div> </div> {% assign variants_size = product.variants | size %} <div class="ga-product_variants-container{% unless box.template.elements contains 'variantSelector' %} ga-hide{% endunless %}"> <select {% unless product.available %} disabled {% endunless %} class="ga-product_variant_select {% if variants_size == 1 %}ga-hide{% endif %}"> {% for variant in product.variants %} <option {% if first_available_variant.id == variant.id %} selected {% endif %} {% unless variant.available %} disabled {% endunless %} data-image="{% if variant.featured_image %}{{variant.featured_image.src | img_url: '100x'}}{% else %}{{featured_image}}{% endif %}" data-available="{{variant.available}}" data-compare_at_price="{{variant.compare_at_price}}" data-price="{{variant.price}}" value="{{variant.id}}">{{variant.title}} {% unless variant.available %} - {{translation.sold_out}} {% endunless %} </option> {% endfor %} </select> </div> {% if settings.setHideprice %} {% else %} {% if box.template.elements contains 'price' %} <span class="ga-product_price-container"> <span class="ga-product_price money {% if first_available_variant.compare_at_price > first_available_variant.price %} ga-product_have_oldprice {% endif %}">{{first_available_variant.price | money}}</span> {% if first_available_variant.compare_at_price > first_available_variant.price %} <s class="ga-product_oldprice money">{{first_available_variant.compare_at_price | money}}</s> {% endif %} </span> {% endif %} {% endif %} </li> {% endfor %} </ul> {% if settings.setHideprice %} {% else %} <div class="ga-product-form{% unless box.template.selected or total_price > 0 %} ga-hide{% endunless %}"> {% if box.template.elements contains 'price' %} <div>{{translation.total_price}} <span class="ga-product_price ga-product_totalprice money">{{total_price | money}}</span> <span class="ga-product_oldprice ga-product_total_sale_price money {% if total_price >= total_sale_price %} ga-hide {% endif %}">{{ total_sale_price | money}}</span> </div> {% endif %} {% if box.template.elements contains 'addToCartBtn' %} <button class="ga-addalltocart" type="button" data-add="{{translation.add_selected_to_cart}}" data-added="{{translation.added_selected_to_cart}}">{{translation.add_selected_to_cart}}</button> {% endif %} </div> {% endif %} </div> {%- unless settings.hidewatermark == true -%} <p style="text-align: right;font-size:small;display: inline-block !important; width: 100%;"> {% if settings.copyright !='' %} {{ settings.copyright }} {%- endif -%} </p> {%- endunless -%} </div> {% elsif box.template.id == 4 or box.template.id == '4' %} <div id="{{box.id}}" data-title="{{box.title.text | escape}}" class="ga ga-template_4 ga-products-box"> {% if box.title and box.title.text and box.title.text != '' %} <h2 class="ga-title section-title"> <span>{{box.title.text}}</span> </h2> {% endif %} {% if box.subtitle and box.subtitle.text and box.subtitle.text != '' %} <div class="ga-subtitle">{{box.subtitle.text}}</div> {% endif %} {% assign total_price = 0 %} <div class="ga-products"> <div class="ga-products_wrapper"> <ul class="ga-related-products" data-products-count="{{products.size}}"> {% for product in products %} {% assign first_available_variant = false %} {% for variant in product.variants %} {% if first_available_variant == false and variant.available %} {% assign first_available_variant = variant %} {% endif %} {% endfor %} {% if first_available_variant == false %} {% assign first_available_variant = product.variants[0] %} {% endif %} {% if first_available_variant.available and box.template.selected %} {% assign total_price = total_price | plus: first_available_variant.price %} {% endif %} {% if product.images[0] %} {% assign featured_image = product.images[0] | img_url: '350x' %} {% else %} {% assign featured_image = no_image_url | img_url: '350x' %} {% endif %} <li class="ga-product" data-product-id="{{product.id}}"> <div class="ga-product-wp"> <a {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}"> {% if box.template.elements contains 'saleLabel' and first_available_variant.compare_at_price > first_available_variant.price %} <span class="ga-label ga-label_sale">{{translation.sale}}</span> {% endif %} {% unless product.available %} <span class="ga-label ga-label_sold">{{translation.sold_out}}</span> {% endunless %} <div class="ga-product_image ga-product_image_{{product.id}}" id="ga-product_image_{{product.id}}" style="background-image: url('{{featured_image}}')"> <span></span> </div> </a> <a class="ga-product_title " {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}">{{product.title}}</a> {% assign variants_size = product.variants | size %} <div class="ga-product_variants-container{% unless box.template.elements contains 'variantSelector' %} ga-hide{% endunless %}"> <select class="ga-product_variant_select {% if variants_size == 1 %}ga-hide{% endif %}"> {% for variant in product.variants %} <option {% if first_available_variant.id == variant.id %} selected {% endif %} {% unless variant.available %} disabled {% endunless %} data-image="{% if variant.featured_image %}{{variant.featured_image.src | img_url: '350x'}}{% else %}{{featured_image}}{% endif %}" data-available="{{variant.available}}" data-compare_at_price="{{variant.compare_at_price}}" data-price="{{variant.price}}" value="{{variant.id}}">{{variant.title}} {% unless variant.available %} - {{translation.sold_out}} {% endunless %} </option> {% endfor %} </select> </div> {% if settings.setHideprice %} {% else %} {% if box.template.elements contains 'price' %} <span class="ga-product_price-container"> <span class="ga-product_price money {% if first_available_variant.compare_at_price > first_available_variant.price %} ga-product_have_oldprice {% endif %}">{{first_available_variant.price | money}}</span> {% if first_available_variant.compare_at_price > first_available_variant.price %} <s class="ga-product_oldprice money">{{first_available_variant.compare_at_price | money}}</s> {% endif %} </span> {% endif %} {% endif %} </div> </li> {% endfor %} </ul> {% if settings.setHideprice %} {% else %} <div class="ga-product-form{% unless box.template.selected or total_price > 0 %} ga-hide{% endunless %}"> {% if box.template.elements contains 'price' %} <div class="ga-total-box">{{translation.total_price}} <span class="ga-product_price ga-product_totalprice money">{{total_price | money}}</span> </div> {% endif %} {% if box.template.elements contains 'addToCartBtn' %} <button class="ga-addalltocart" type="button" data-add="{{translation.add_selected_to_cart}}" data-added="{{translation.added_selected_to_cart}}">{{translation.add_selected_to_cart}}</button> {% endif %} </div> {% endif %} </div> </div> {%- unless settings.hidewatermark == true -%} <p style="text-align: right;font-size:small;display: inline-block !important; width: 100%;"> {% if settings.copyright !='' %} {{ settings.copyright }} {%- endif -%} </p> {%- endunless -%} </div> {% elsif box.template.id == 5 or box.template.id == '5' %} <div id="{{box.id}}" data-title="{{box.title.text | escape}}" class="ga ga-template_5 ga-products-box"> {% if box.title and box.title.text and box.title.text != '' %} <h2 class="ga-title section-title"> <span>{{box.title.text}}</span> </h2> {% endif %} {% if box.subtitle and box.subtitle.text and box.subtitle.text != '' %} <div class="ga-subtitle">{{box.subtitle.text}}</div> {% endif %} {% assign total_price = 0 %} <div class="ga-products"> <div class="ga-products_wrapper"> <ul class="ga-related-vertical" data-products-count="{{products.size}}"> {% for product in products %} {% assign first_available_variant = false %} {% for variant in product.variants %} {% if first_available_variant == false and variant.available %} {% assign first_available_variant = variant %} {% endif %} {% endfor %} {% if first_available_variant == false %} {% assign first_available_variant = product.variants[0] %} {% endif %} {% if first_available_variant.available and box.template.selected %} {% assign total_price = total_price | plus: first_available_variant.price %} {% endif %} {% if product.images[0] %} {% assign featured_image = product.images[0] | img_url: '350x' %} {% else %} {% assign featured_image = no_image_url | img_url: '350x' %} {% endif %} <li class="ga-product" data-product-id="{{product.id}}"> <a class="ga-product-image-wp" {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}"> {% if box.template.elements contains 'saleLabel' and first_available_variant.compare_at_price > first_available_variant.price %} <span class="ga-label ga-label_sale">{{translation.sale}}</span> {% endif %} {% unless product.available %} <span class="ga-label ga-label_sold">{{translation.sold_out}}</span> {% endunless %} <div class="ga-product_image ga-product_image_{{product.id}}" id="ga-product_image_{{product.id}}" style="background-image: url('{{featured_image}}')"> <span></span> </div> </a> <div class="ga-related-vertical-content"> <a class="ga-product_title " {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}">{{product.title}}</a> {% assign variants_size = product.variants | size %} <div class="ga-product_variants-container{% unless box.template.elements contains 'variantSelector' %} ga-hide{% endunless %}"> <select class="ga-product_variant_select {% if variants_size == 1 %}ga-hide{% endif %}"> {% for variant in product.variants %} <option {% if first_available_variant.id == variant.id %} selected {% endif %} {% unless variant.available %} disabled {% endunless %} data-image="{% if variant.featured_image %}{{variant.featured_image.src | img_url: '350x'}}{% else %}{{featured_image}}{% endif %}" data-available="{{variant.available}}" data-compare_at_price="{{variant.compare_at_price}}" data-price="{{variant.price}}" value="{{variant.id}}">{{variant.title}} {% unless variant.available %} - {{translation.sold_out}} {% endunless %} </option> {% endfor %} </select> </div> {% if settings.setHideprice %} {% else %} {% if box.template.elements contains 'price' %} <span class="ga-product_price-container"> <span class="ga-product_price money {% if first_available_variant.compare_at_price > first_available_variant.price %} ga-product_have_oldprice {% endif %}">{{first_available_variant.price | money}}</span> {% if first_available_variant.compare_at_price > first_available_variant.price %} <s class="ga-product_oldprice money">{{first_available_variant.compare_at_price | money}}</s> {% endif %} </span> {% endif %} {% endif %} </div> {% if settings.setHideprice %} {% else %} {% if box.template.elements contains 'addToCartBtn' %} <div class="ga-product_addtocart_wp"> <button class="ga-product_addtocart" type="button" data-add="{{translation.add_to_cart}}" data-added="{{translation.added_to_cart}}">{{translation.add_to_cart}}</button> </div> {% endif %} {% endif %} </li> {% endfor %} </ul> </div> </div> {%- unless settings.hidewatermark == true -%} <p style="text-align: right;font-size:small;display: inline-block !important; width: 100%;"> {% if settings.copyright !='' %} {{ settings.copyright }} {%- endif -%} </p> {%- endunless -%} </div> {% elsif box.template.id == 6 or box.template.id == '6' %} <div id="{{box.id}}" data-title="{{box.title.text | escape}}" class="ga ga-template_6 ga-products-box"> {% if box.title and box.title.text and box.title.text != '' %} <h2 class="ga-title section-title"> <span>{{box.title.text}}</span> </h2> {% endif %} {% if box.subtitle and box.subtitle.text and box.subtitle.text != '' %} <div class="ga-subtitle">{{box.subtitle.text}}</div> {% endif %} <div class="ga-products"> <div class="ga-carousel_wrapper"> <ul class="ga-carousel gowl-carousel" data-products-count="{{products.size}}"> {% for product in products %} {% assign first_available_variant = false %} {% for variant in product.variants %} {% if first_available_variant == false and variant.available %} {% assign first_available_variant = variant %} {% endif %} {% endfor %} {% if first_available_variant == false %} {% assign first_available_variant = product.variants[0] %} {% endif %} {% if product.images[0] %} {% assign featured_image = product.images[0] | img_url: '350x' %} {% else %} {% assign featured_image = no_image_url | img_url: '350x' %} {% endif %} <li class="ga-product" data-product-id="{{product.id}}"> <a class="ga-product-image-wp" {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}"> {% if box.template.elements contains 'saleLabel' and first_available_variant.compare_at_price > first_available_variant.price %} <span class="ga-label ga-label_sale">{{translation.sale}}</span> {% endif %} {% unless product.available %} <span class="ga-label ga-label_sold">{{translation.sold_out}}</span> {% endunless %} <div class="ga-product_image ga-product_image_{{product.id}}" id="ga-product_image_{{product.id}}" style="background-image: url('{{featured_image}}')"> <span></span> </div> </a> <div class="ga-related-vertical-content"> <a class="ga-product_title " {% if settings.new_tab %} target="_blank" {% endif %} href="/products/{{product.handle}}">{{product.title}}</a> {% assign variants_size = product.variants | size %} <div class="ga-product_variants-container{% unless box.template.elements contains 'variantSelector' %} ga-hide{% endunless %}"> <select class="ga-product_variant_select {% if variants_size == 1 %}ga-hide{% endif %}"> {% for variant in product.variants %} <option {% if first_available_variant.id == variant.id %} selected {% endif %} {% unless variant.available %} disabled {% endunless %} data-image="{% if variant.featured_image %}{{variant.featured_image.src | img_url: '350x'}}{% else %}{{featured_image}}{% endif %}" data-available="{{variant.available}}" data-compare_at_price="{{variant.compare_at_price}}" data-price="{{variant.price}}" value="{{variant.id}}">{{variant.title}} {% unless variant.available %} - {{translation.sold_out}} {% endunless %} </option> {% endfor %} </select> </div> {% if settings.setHideprice %} {% else %} {% if box.template.elements contains 'price' %} <span class="ga-product_price-container"> <span class="ga-product_price money {% if first_available_variant.compare_at_price > first_available_variant.price %} ga-product_have_oldprice {% endif %}">{{first_available_variant.price | money}}</span> {% if first_available_variant.compare_at_price > first_available_variant.price %} <s class="ga-product_oldprice money">{{first_available_variant.compare_at_price | money}}</s> {% endif %} </span> {% endif %} {% if box.template.elements contains 'addToCartBtn' %} <button class="ga-product_addtocart" type="button" data-add="{{translation.add_to_cart}}" data-added="{{translation.added_to_cart}}">{{translation.add_to_cart}}</button> {% endif %} {% endif %} </div> </li> {% endfor %} </ul> </div> </div> {%- unless settings.hidewatermark == true -%} <p style="text-align: right;font-size:small;display: inline-block !important; width: 100%;"> {% if settings.copyright !='' %} {{ settings.copyright }} {%- endif -%} </p> {%- endunless -%} </div> {% endif %} </script>   <script async src="https://static.klaviyo.com/onsite/js/Y6FAs5/klaviyo.js?company_id=Y6FAs5"></script> <script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script> <script> window.klaviyoReviewsProductDesignMode = false </script> <script src="https://cdn.shopify.com/extensions/78d1a909-02f9-430b-a819-8b063adf2e65/hulk-form-builder-3/assets/form-builder-script.js" type="text/javascript" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/6a587dd4-5d5c-4adb-929d-423b59d6be3a/glo-related-products-upsell-90/assets/globo.alsobought.min.js" type="text/javascript" defer="defer"></script> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 74618601783,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function d(d,e,r,a,n){var o,i,t,s,l=(i=(o={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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 74618601783,storefrontBaseUrl: "https://www.dualit.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"749961527","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-FWLZ6HVL68\\\",\\\"target_country\\\":\\\"GB\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-FWLZ6HVL68\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-FWLZ6HVL68\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-FWLZ6HVL68\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-FWLZ6HVL68\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-FWLZ6HVL68\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-FWLZ6HVL68\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-FWLZ6HVL68\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"afe7c2de16587d6c6689522527d6c67f","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"73498935","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"4","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"GTM"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Dualit Website","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"dualit-store.myshopify.com","countryCode":"GB","storefrontUrl":"https:\/\/www.dualit.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://www.dualit.com/cdn","1518c2ba4d2b3301a1e3cb6576947ef22edf7bb6","3c762e5aw5b983e43pc2dc4883m545d5a27",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'GBP'; var meta = {"page":{"pageType":"home"}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti'); (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: 74618601783, theme_id: 164635377975, app_name: "storefront", context_url: window.location.href, source_url: "//www.dualit.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//www.dualit.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//www.dualit.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":74618601783,"isMerchantRequest":null,"themeId":164635377975,"themeCityHash":"18248668737331046913","contentLanguage":"en","currency":"GBP"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Google Analytics":{"trackingId":"UA-9924434-1","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"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; ga('require', 'linker'); function addListener(element, type, callback) { if (element.addEventListener) { element.addEventListener(type, callback); } else if (element.attachEvent) { element.attachEvent('on' + type, callback); } } function decorate(event) { event = event || window.event; var target = event.target || event.srcElement; if (target && (target.getAttribute('action') || target.getAttribute('href'))) { ga(function (tracker) { var linkerParam = tracker.get('linkerParam'); document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/'; }); } } addListener(window, 'load', function(){ for (var i=0; i < document.forms.length; i++) { var action = document.forms[i].getAttribute('action'); if(action && action.indexOf('/cart') >= 0) { addListener(document.forms[i], 'submit', decorate); } } for (var i=0; i < document.links.length; i++) { var href = document.links[i].getAttribute('href'); if(href && href.indexOf('/checkout') >= 0) { addListener(document.links[i], 'click', decorate); } } }); var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"home"}); 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 = "//www.dualit.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script class="boomerang"> (function () { window.BOOMR = window.BOOMR || {}; window.BOOMR.themeName = "@strawberry/foundation"; window.BOOMR.themeVersion = "0.0.0"; window.BOOMR.shopId = 74618601783; window.BOOMR.themeId = 164635377975; })();</script> <script defer src="https://www.dualit.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js" data-application="storefront-renderer" data-shop-id="74618601783" data-render-region="gcp-europe-west3" data-page-type="index" data-theme-instance-id="164635377975" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body class=""> <div class="page-overlay invisible" data-page-overlay data-state="inactive" ></div>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PH87NXQ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="shopify-section-site-header" class="shopify-section"> <script src="//www.dualit.com/cdn/shop/t/308/assets/site-header-924d1308.js" type="module" crossorigin="anonymous"></script> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/event-720d5f73.js" crossorigin="anonymous"> <script src="//www.dualit.com/cdn/shop/t/308/assets/navigation-megamenu-00ef8599.js" type="module" crossorigin="anonymous"></script> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/event-720d5f73.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/state-983ef146.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/dispatch-event-3795bdf6.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/navigation-mobile-f54763d3.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/accordion-a9c8b32e.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/accordion-drawer-54ee04b4.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/animation-bc4ae43b.js" crossorigin="anonymous"> <script src="//www.dualit.com/cdn/shop/t/308/assets/notice-bar-a94e9f51.js" type="module" crossorigin="anonymous"></script> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/swiper.min-24c47e0d.js" crossorigin="anonymous"> <link href="//www.dualit.com/cdn/shop/t/308/assets/swiper-6c402b13.css" rel="stylesheet" type="text/css" media="all" /> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/autoplay-cb74abe2.js" crossorigin="anonymous"> <notice-bar> <div class="bg-brand-grey z-[50] relative flex overflow-hidden w-full h-fluid-xl"> <div class="wrapper site-grid w-full"> <div class="col-span-6 md:col-span-8 lg:col-span-4 lg:col-start-3 xl:col-span-8 xl:col-start-3 flex items-center"> <div class="swiper w-full overflow-hidden" data-notice-bar> <ul class="swiper-wrapper w-full h-full"> <li class="swiper-slide w-full h-full text-center"> <a class="inline-block w-full underline" href="/pages/delivery-returns" aria-label="FREE Delivery when you spend £200" > <span class="paragraph-3 md:paragraph-2 !font-medium">FREE Delivery when you spend £200</span> </a> </li> <li class="swiper-slide w-full h-full text-center"> <span class="paragraph-3 md:paragraph-2 !font-medium">We're rated 'Great' on Trustpilot</span> </li> <li class="swiper-slide w-full h-full text-center"> <span class="paragraph-3 md:paragraph-2 !font-medium">Please be aware that orders placed over the Black Friday Offer period may be delayed.</span> </li> </ul> </div> </div> <div class="hidden xl:flex lg:col-span-2 xl:col-span-2 justify-end"> <ul class="flex flex-wrap items-center gap-fluid-l"> <li class="list-none"> <a class="paragraph-1 xl:paragraph-2 !font-medium underline" href="/pages/refurbished-products"> Outlet </a> </li> <li class="list-none"> <a class="paragraph-1 xl:paragraph-2 !font-medium underline" href="/account"> Account </a> </li> </ul> </div> </div> </div> </notice-bar> <div class="site-header relative flex w-full"> <div data-header-background></div> <div data-header-gradient class="absolute inset-0 h-[65px] md:h-[100px]"></div> <div class="wrapper h-[65px] md:h-[100px] w-full flex items-center justify-between z-10"> <div class="flex justify-between items-center w-full"> <button data-open-mobile-menu class="col-span-2 md:col-span-2 block w-[20px] md:w-[22px] xl:hidden fill-brand-black transition ease-linear" aria-label="Open Menu"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25.551 21.073"> <g id="Group_18505" data-name="Group 18505" transform="translate(0 1)"> <path id="Path_11404" data-name="Path 11404" d="M-3405.449-1407.488H-3431v-2h25.551Z" transform="translate(3431 1408.488)"/> <path id="Path_11405" data-name="Path 11405" d="M-3405.449-1407.488H-3431v-2h25.551Z" transform="translate(3431 1427.562)"/> <path id="Path_11406" data-name="Path 11406" d="M-3405.449-1407.488H-3431v-2h25.551Z" transform="translate(3431 1418.009)"/> </g> </svg> </button> <nav class="xl:col-span-5 nav flex"> <ul class="hidden xl:flex gap-fluid-xl text-brand-black transition ease-linear" data-header-menu> <li data-menu-trigger="products" aria-label="Products" class="cursor-pointer paragraph-1 font-medium" > <a href="/collections/products" class="!underline-offset-[10px] !decoration-2">Products</a> </li> <li data-menu-trigger="coffee" aria-label="Coffee" class="cursor-pointer paragraph-1 font-medium" > <a href="/pages/coffee" class="!underline-offset-[10px] !decoration-2">Coffee</a> </li> <li data-menu-trigger="explore" aria-label="Explore" class="cursor-pointer paragraph-1 font-medium" > <a href="/collections/all" class="!underline-offset-[10px] !decoration-2">Explore</a> </li> <li data-menu-trigger="support" aria-label="Support" class="cursor-pointer paragraph-1 font-medium" > <a href="/pages/contact" class="!underline-offset-[10px] !decoration-2">Support</a> </li> </ul> <div class="absolute w-full h-full inset-0 bg-brand-white z-20 opacity-0 pointer-events-none transition duration-400" data-site-header-search > <div class="wrapper w-full h-full flex items-center"> <form class="input-group search flex w-full max-w-[760px] relative m-auto" action="/search"> <div class="absolute lg:left-4 top-2/4 -translate-y-2/4 h-5 w-5 md:h-6 md:w-6"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 23.766 24.576"> <g id="Group_18500" data-name="Group 18500" transform="translate(-1331.522 -94.581)"> <path id="Ellipse_212" data-name="Ellipse 212" d="M11,2a9,9,0,1,0,9,9,9.01,9.01,0,0,0-9-9m0-2A11,11,0,1,1,0,11,11,11,0,0,1,11,0Z" transform="translate(1331.522 94.581)"/> <path id="Path_11401" data-name="Path 11401" d="M4254.4-1326.5a1,1,0,0,1-.732-.319l-4.729-5.089a1,1,0,0,1,.052-1.413,1,1,0,0,1,1.413.052l4.729,5.089a1,1,0,0,1-.052,1.413A1,1,0,0,1,4254.4-1326.5Z" transform="translate(-2900.108 1445.655)"/> </g> </svg> </div> <input class="w-full pl-10 md:!pl-14 border-0 paragraph-1 text-brand-dark-grey lg:input-group__input !ring-0 !shadow-none" type="text" name="q" placeholder="Search products, parts" spellcheck="false" aria-label="Search for product" aria-autocomplete="list" data-header-search-input /> <input class="hidden lg:block w-[15%] h-full paragraph-1 font-medium uppercase underline underline-offset-[3px] absolute top-2/4 right-0 -translate-y-1/2 cursor-pointer" type="submit" value="search" /> </form> <div class="h-4 w-4 md:h-5 md:w-5 md:mr-fluid-2xl cursor-pointer" data-site-header-search-close> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 22.808 22.808"> <g id="Group_13690" data-name="Group 13690" transform="translate(12518.022 2237.175)"> <path id="Path_11288" data-name="Path 11288" d="M0,21.807a1,1,0,0,1-.707-.293,1,1,0,0,1,0-1.414L20.1-.707a1,1,0,0,1,1.414,0,1,1,0,0,1,0,1.414L.707,21.515A1,1,0,0,1,0,21.807Z" transform="translate(-12496.215 -2236.175) rotate(90)"/> <path id="Path_11287" data-name="Path 11287" d="M-12517.021-2212.368a1,1,0,0,1-.707-.293,1,1,0,0,1,0-1.414l20.807-20.807a1,1,0,0,1,1.414,0,1,1,0,0,1,0,1.414l-20.807,20.807A1,1,0,0,1-12517.021-2212.368Z" transform="translate(-0.002 -2)"/> </g> </svg> </div> <div> </div> </nav> <div class="col-span-2 md:col-span-4 lg:col-span-4 xl:col-span-2 flex justify-center items-center absolute left-[50%] translate-x-[-50%] "> <a href="/" class="" aria-label="Go to home"> <span class="block fill-brand-black transition ease-linear w-[95px] md:w-[125px]" data-header-logo> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 95.027 25.273"> <g id="Group_18295" data-name="Group 18295" transform="translate(0 0)"> <path id="Path_11385" data-name="Path 11385" d="M325.522,265.118h-.449a.807.807,0,0,1-.824-.823V253.289a.807.807,0,0,1,.824-.823h.821c4.467,0,6.529,2.844,6.529,6.337s-2.261,6.316-6.9,6.316m-6.831-18.76a.576.576,0,0,0-.589.587v23.8a.576.576,0,0,0,.589.588l5.574,0h1.321c7.861,0,12.879-5.6,12.879-12.531s-4.426-12.444-12.866-12.444Z" transform="translate(-318.102 -246.358)"/> <path id="Path_11386" data-name="Path 11386" d="M430.631,276.493a2.392,2.392,0,0,1-2.617-2.069c0-1.144,1.172-1.955,2.617-1.955s2.616.811,2.616,1.955a2.391,2.391,0,0,1-2.616,2.069m8.207-4.454c0-6.32-2.833-8.2-2.833-8.2s-4.091-3.6-10.985-.469c-.619.281-.6.729-.6.729v3.453s-.016.916.6.6a10.413,10.413,0,0,1,4.756-1.282c2.607-.086,3.35.865,3.535,1.3.125.307-.016.468-.418.38a9.335,9.335,0,0,0-2.263-.265c-4.53,0-8.2,2.908-8.2,6.5s3.672,6.379,8.2,6.379c4.792,0,8.207-2.544,8.207-7.737Z" transform="translate(-381.831 -255.969)"/> <path id="Path_11387" data-name="Path 11387" d="M475.056,272.665a.576.576,0,0,0,.588-.588V249.13a.576.576,0,0,0-.588-.588h-4.933a.576.576,0,0,0-.588.588v22.946a.576.576,0,0,0,.588.588Z" transform="translate(-410.606 -247.692)"/> <path id="Path_11388" data-name="Path 11388" d="M497.339,281.828a.576.576,0,0,0,.589-.588V264.131a.577.577,0,0,0-.589-.589H492.4a.577.577,0,0,0-.59.589V281.24a.576.576,0,0,0,.59.588Z" transform="translate(-424.213 -256.855)"/> <path id="Path_11389" data-name="Path 11389" d="M522.468,259.623a.576.576,0,0,0,.588-.588v-4.066a.576.576,0,0,0-.588-.588H519.49a.576.576,0,0,1-.588-.588v-4.161a1.033,1.033,0,0,0-.913-1.088c-.153,0-.257.029-.476.337,0,0-6.678,9.242-6.743,9.33a.858.858,0,0,0-.161.309c-.118.61.493,1.1,1.147,1.1h.456a.576.576,0,0,1,.588.588l.007,3.956a9.215,9.215,0,0,0,9.178,8.7h.485a.576.576,0,0,0,.588-.588v-4.993a.576.576,0,0,0-.588-.588h-.526a3.115,3.115,0,0,1-3.04-3.04v-3.445a.576.576,0,0,1,.588-.588Z" transform="translate(-435.688 -247.693)"/> <path id="Path_11390" data-name="Path 11390" d="M494.685,252.742a2.558,2.558,0,1,1,2.992-2.52,2.787,2.787,0,0,1-2.992,2.52" transform="translate(-424.141 -247.179)"/> <path id="Path_11391" data-name="Path 11391" d="M385.727,264.382a.564.564,0,0,1,.575-.576h4.826a.564.564,0,0,1,.576.576l0,9.451a8.474,8.474,0,0,1-16.947,0l0-9.44a.564.564,0,0,1,.575-.576h4.826a.564.564,0,0,1,.576.576l0,9.44a2.492,2.492,0,1,0,4.984,0Z" transform="translate(-352.712 -257.016)"/> <path id="Path_11392" data-name="Path 11392" d="M553.093,303.586a1.7,1.7,0,1,1,1.7-1.7,1.691,1.691,0,0,1-1.7,1.7m1.573-3.272a2.221,2.221,0,1,0,.651,1.571,2.211,2.211,0,0,0-.651-1.571" transform="translate(-460.291 -278.92)"/> <path id="Path_11393" data-name="Path 11393" d="M555.552,302.8c0-.167-.107-.265-.315-.265h-.275v.533h.275c.214,0,.315-.087.315-.269m-1.163-.67h.844c.614,0,.912.2.912.663a.575.575,0,0,1-.4.553.51.51,0,0,1,.272.288l.365.784h-.647l-.291-.66a.385.385,0,0,0-.415-.275c-.024,0-.044,0-.067,0v.931h-.573Z" transform="translate(-462.44 -280.428)"/> </g> </svg> </span> </a> </div> <div class="col-span-2 md:col-span-2 xl:col-span-5 flex gap-fluid-l items-center justify-end"> <div class="w-[18px] md:w-[22px] fill-brand-black transition ease-linear" data-header-search > <div class="cursor-pointer"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 23.766 24.576"> <g id="Group_18500" data-name="Group 18500" transform="translate(-1331.522 -94.581)"> <path id="Ellipse_212" data-name="Ellipse 212" d="M11,2a9,9,0,1,0,9,9,9.01,9.01,0,0,0-9-9m0-2A11,11,0,1,1,0,11,11,11,0,0,1,11,0Z" transform="translate(1331.522 94.581)"/> <path id="Path_11401" data-name="Path 11401" d="M4254.4-1326.5a1,1,0,0,1-.732-.319l-4.729-5.089a1,1,0,0,1,.052-1.413,1,1,0,0,1,1.413.052l4.729,5.089a1,1,0,0,1-.052,1.413A1,1,0,0,1,4254.4-1326.5Z" transform="translate(-2900.108 1445.655)"/> </g> </svg> </div> </div> <a href="/cart" data-header-bag class="relative flex items-center w-[20px] md:w-[25px] fill-brand-black transition ease-linear" aria-label="Cart"> <span data-cart-count class="absolute -top-[7px] -right-1 flex items-center justify-center bg-brand-black text-[10px] leading-none rounded-full w-[16px] h-[16px] text-white cursor-pointer opacity-0 "> 0 </span> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 26.344 23.533"> <g id="Group_19048" data-name="Group 19048" transform="translate(0 1)"> <path id="Path_11403" data-name="Path 11403" d="M-3085.144-1395.906h-13.062a1,1,0,0,1-.958-.714l-3.985-13.357h-3.218v-2h3.963a1,1,0,0,1,.958.714l.723,2.424h19.7a1,1,0,0,1,.822.431,1,1,0,0,1,.114.922l-4.12,10.933A1,1,0,0,1-3085.144-1395.906Zm-12.317-2h11.625l3.366-8.933h-17.657Z" transform="translate(3106.368 1410.977)"/> <circle id="Ellipse_221" data-name="Ellipse 221" cx="2.116" cy="2.116" r="2.116" transform="translate(7.571 18.302)"/> <circle id="Ellipse_222" data-name="Ellipse 222" cx="2.116" cy="2.116" r="2.116" transform="translate(17.443 18.302)"/> </g> </svg> </a> </div> </div> </div> </div> </div> <div id="shopify-section-navigation" class="shopify-section"><div class="fixed mt-fluid-xl xl:mt-4 transition-all z-50 duration-100 ease-in-out" data-bg-overlay ></div> <mega-menu class=" block transition-all xl:duration-400 overscroll-contain xl:overflow-y-hidden xl:z-[200] xl:absolute top-[105px] right-0 xl:w-full xl:h-auto xl:mt-10 xl:pointer-events-none xl:opacity-0 " data-mega-menu > <div class=" fixed xl:relative top-fluid-xl xl:top-0 bg-brand-white h-[calc(100%-var(--space-xl))] xl:h-full xl:min-h-[600px] z-[200] xl:mt-0 w-full max-w-[350px] xl:max-w-full transition-all duration-500 ease-in-out -translate-x-full xl:translate-x-0 overflow-x-hidden overflow-y-scroll xl:overflow-y-hidden px-[34px] xl:p-0 " data-mobile-menu > <div class="h-[65px] absolute top-0 left-0 right-0 w-full max-w-[350px] flex xl:hidden items-center bg-brand-white sm:bg-transparent z-[20]"> <div class="absolute left-[20px] flex items-center h-[16px] w-[16px] cursor-pointer" data-close-mobile-menu> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 22.808 22.808"> <g id="Group_13690" data-name="Group 13690" transform="translate(12518.022 2237.175)"> <path id="Path_11288" data-name="Path 11288" d="M0,21.807a1,1,0,0,1-.707-.293,1,1,0,0,1,0-1.414L20.1-.707a1,1,0,0,1,1.414,0,1,1,0,0,1,0,1.414L.707,21.515A1,1,0,0,1,0,21.807Z" transform="translate(-12496.215 -2236.175) rotate(90)"/> <path id="Path_11287" data-name="Path 11287" d="M-12517.021-2212.368a1,1,0,0,1-.707-.293,1,1,0,0,1,0-1.414l20.807-20.807a1,1,0,0,1,1.414,0,1,1,0,0,1,0,1.414l-20.807,20.807A1,1,0,0,1-12517.021-2212.368Z" transform="translate(-0.002 -2)"/> </g> </svg> </div> <div class="block sm:hidden translate-x-[20px] mx-auto fill-brand-black w-[95px]"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 95.027 25.273"> <g id="Group_18295" data-name="Group 18295" transform="translate(0 0)"> <path id="Path_11385" data-name="Path 11385" d="M325.522,265.118h-.449a.807.807,0,0,1-.824-.823V253.289a.807.807,0,0,1,.824-.823h.821c4.467,0,6.529,2.844,6.529,6.337s-2.261,6.316-6.9,6.316m-6.831-18.76a.576.576,0,0,0-.589.587v23.8a.576.576,0,0,0,.589.588l5.574,0h1.321c7.861,0,12.879-5.6,12.879-12.531s-4.426-12.444-12.866-12.444Z" transform="translate(-318.102 -246.358)"/> <path id="Path_11386" data-name="Path 11386" d="M430.631,276.493a2.392,2.392,0,0,1-2.617-2.069c0-1.144,1.172-1.955,2.617-1.955s2.616.811,2.616,1.955a2.391,2.391,0,0,1-2.616,2.069m8.207-4.454c0-6.32-2.833-8.2-2.833-8.2s-4.091-3.6-10.985-.469c-.619.281-.6.729-.6.729v3.453s-.016.916.6.6a10.413,10.413,0,0,1,4.756-1.282c2.607-.086,3.35.865,3.535,1.3.125.307-.016.468-.418.38a9.335,9.335,0,0,0-2.263-.265c-4.53,0-8.2,2.908-8.2,6.5s3.672,6.379,8.2,6.379c4.792,0,8.207-2.544,8.207-7.737Z" transform="translate(-381.831 -255.969)"/> <path id="Path_11387" data-name="Path 11387" d="M475.056,272.665a.576.576,0,0,0,.588-.588V249.13a.576.576,0,0,0-.588-.588h-4.933a.576.576,0,0,0-.588.588v22.946a.576.576,0,0,0,.588.588Z" transform="translate(-410.606 -247.692)"/> <path id="Path_11388" data-name="Path 11388" d="M497.339,281.828a.576.576,0,0,0,.589-.588V264.131a.577.577,0,0,0-.589-.589H492.4a.577.577,0,0,0-.59.589V281.24a.576.576,0,0,0,.59.588Z" transform="translate(-424.213 -256.855)"/> <path id="Path_11389" data-name="Path 11389" d="M522.468,259.623a.576.576,0,0,0,.588-.588v-4.066a.576.576,0,0,0-.588-.588H519.49a.576.576,0,0,1-.588-.588v-4.161a1.033,1.033,0,0,0-.913-1.088c-.153,0-.257.029-.476.337,0,0-6.678,9.242-6.743,9.33a.858.858,0,0,0-.161.309c-.118.61.493,1.1,1.147,1.1h.456a.576.576,0,0,1,.588.588l.007,3.956a9.215,9.215,0,0,0,9.178,8.7h.485a.576.576,0,0,0,.588-.588v-4.993a.576.576,0,0,0-.588-.588h-.526a3.115,3.115,0,0,1-3.04-3.04v-3.445a.576.576,0,0,1,.588-.588Z" transform="translate(-435.688 -247.693)"/> <path id="Path_11390" data-name="Path 11390" d="M494.685,252.742a2.558,2.558,0,1,1,2.992-2.52,2.787,2.787,0,0,1-2.992,2.52" transform="translate(-424.141 -247.179)"/> <path id="Path_11391" data-name="Path 11391" d="M385.727,264.382a.564.564,0,0,1,.575-.576h4.826a.564.564,0,0,1,.576.576l0,9.451a8.474,8.474,0,0,1-16.947,0l0-9.44a.564.564,0,0,1,.575-.576h4.826a.564.564,0,0,1,.576.576l0,9.44a2.492,2.492,0,1,0,4.984,0Z" transform="translate(-352.712 -257.016)"/> <path id="Path_11392" data-name="Path 11392" d="M553.093,303.586a1.7,1.7,0,1,1,1.7-1.7,1.691,1.691,0,0,1-1.7,1.7m1.573-3.272a2.221,2.221,0,1,0,.651,1.571,2.211,2.211,0,0,0-.651-1.571" transform="translate(-460.291 -278.92)"/> <path id="Path_11393" data-name="Path 11393" d="M555.552,302.8c0-.167-.107-.265-.315-.265h-.275v.533h.275c.214,0,.315-.087.315-.269m-1.163-.67h.844c.614,0,.912.2.912.663a.575.575,0,0,1-.4.553.51.51,0,0,1,.272.288l.365.784h-.647l-.291-.66a.385.385,0,0,0-.415-.275c-.024,0-.044,0-.067,0v.931h-.573Z" transform="translate(-462.44 -280.428)"/> </g> </svg> </div> </div> <ul class="h-[calc(100%-145px)] pt-[65px] md:pt-[100px] xl:pt-fluid-xl nav-accordion xl:w-full xl:wrapper pb-fluid-md"> <li class="accordion__drawer !border-0 xl:px-0 xl:hidden xl:w-full" data-menu="products" > <span class="xl:hidden mb-0.5 py-3 flex justify-between" data-mobile-menu-main-item="products" > <button> <span class="w-full heading-2">Products</span> </button> </span> <span class="flex flex-col h-full overflow-y-scroll xl:overflow-hidden accordion__drawer-content nav-accordion--desktop py-3 sm:pt-[50px] px-[34px] xl:p-0 w-full xl:flex-row xl:items-start xl:justify-start xl:px-1/24 bg-brand-white " data-mobile-menu-child-active="false" > <span class="flex xl:hidden paragraph-1 font-medium pb-5 -mx-8 pl-8" data-mobile-menu-close-child-list > <span class="block w-3.5 xl:hidden rotate-180 mr-2"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25.131 24.637"> <path id="Path_11289" data-name="Path 11289" d="M6,16.9H28.717m0,0L17.813,6m10.9,10.9-10.9,10.9" transform="translate(-5 -4.586)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </svg> </span> Products </span> <span class="block mt-6 xl:mt-0 xl:order-last xl:flex xl:justify-end mr-1 xl:mr-0 mb-12 xl:w-1/2 xl:pl-10 "> <ul class="w-full flex flex-wrap xl:flex-nowrap justify-between gap-fluid-3xs xl:gap-fluid-xl xl:justify-end " > <li class=" max-w-[120px] xl:max-w-[50%] "> <a href="/collections/milk-frothers-steamers" aria-label="Shop Now" class="block" > <span class="block aspect-square h-full max-h-[150px] w-[150px] xl:w-full xl:max-h-[400px] xl:max-w-[400px] xl:block overflow-hidden" > <picture class="w-full h-full object-cover [mix-blend-mode:inherit] "> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/DMF3_Dualit_Milk_Frother_-_Lifestyle_-_1_-_WEB_SQUARE.jpg?crop=center&height=430&v=1714485229&width=430 1x,//www.dualit.com/cdn/shop/files/DMF3_Dualit_Milk_Frother_-_Lifestyle_-_1_-_WEB_SQUARE.jpg?crop=center&height=860&v=1714485229&width=860 2x,//www.dualit.com/cdn/shop/files/DMF3_Dualit_Milk_Frother_-_Lifestyle_-_1_-_WEB_SQUARE.jpg?crop=center&height=1290&v=1714485229&width=1290 3x" /> <img src="//www.dualit.com/cdn/shop/files/DMF3_Dualit_Milk_Frother_-_Lifestyle_-_1_-_WEB_SQUARE.jpg?v=1714485229&width=150" width="150" height="150" loading="lazy" class="w-full h-full object-cover"> </picture> </span> <h2 class="block capitalize paragraph-1 font-semibold mt-fluid-s">Milk Frothers & Hot Chocolate Makers</h2> <span class="block capitalize paragraph-1 mt-fluid-3xs text-brand-dark-grey">Shop Now</span> </a> </li> <li class=" max-w-[120px] xl:max-w-[50%] "> <a href="/products/classic-kettle" aria-label="Shop Now" class="block" > <span class="block aspect-square h-full max-h-[150px] w-[150px] xl:w-full xl:max-h-[400px] xl:max-w-[400px] xl:block overflow-hidden" > <picture class="w-full h-full object-cover [mix-blend-mode:inherit] "> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/Classic_Kettle-2S_AWS-Matt_Black-Lifestyle-3-Web_690627a7-2dd8-4ecf-b435-374d4aad3adf.jpg?crop=center&height=430&v=1723020848&width=430 1x,//www.dualit.com/cdn/shop/files/Classic_Kettle-2S_AWS-Matt_Black-Lifestyle-3-Web_690627a7-2dd8-4ecf-b435-374d4aad3adf.jpg?crop=center&height=860&v=1723020848&width=860 2x,//www.dualit.com/cdn/shop/files/Classic_Kettle-2S_AWS-Matt_Black-Lifestyle-3-Web_690627a7-2dd8-4ecf-b435-374d4aad3adf.jpg?crop=center&height=1290&v=1723020848&width=1290 3x" /> <img src="//www.dualit.com/cdn/shop/files/Classic_Kettle-2S_AWS-Matt_Black-Lifestyle-3-Web_690627a7-2dd8-4ecf-b435-374d4aad3adf.jpg?v=1723020848&width=150" width="150" height="150" loading="lazy" class="w-full h-full object-cover"> </picture> </span> <h2 class="block capitalize paragraph-1 font-semibold mt-fluid-s">Classic Kettles</h2> <span class="block capitalize paragraph-1 mt-fluid-3xs text-brand-dark-grey">Shop Now</span> </a> </li> </ul> </span> <ul class="xl:columns-3 xl:w-1/2 pb-14 xl:pb-0 xl:max-w-[50%] 3xl:max-w-[885px]"> <li class=" accordion__drawer w-full xl:px-0 mb-8 xl:mb-10 !border-0 " data-accordion-drawer data-state="closed" data-initially-opened="false" > <span class="block flex justify-between" data-accordion-drawer-header > <button class="accordion__drawer-button nav-accordion--desktop text-left w-full flex items-center" aria-expanded="false" data-accordion-drawer-button > <h2 class="w-full paragraph-2 font-semibold uppercase xl:cursor-default tracking-[0.94px] xl:tracking-[1px]"> Small Appliances </h2> <span class="block w-[14px] xl:hidden pt-1"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 10.946 6.473"> <path id="Path_11492" data-name="Path 11492" d="M10.766,14.766a1,1,0,0,1-.707-.293L5.293,9.707,6.707,8.293l4.059,4.059,4.059-4.059,1.414,1.414-4.766,4.766A1,1,0,0,1,10.766,14.766Z" transform="translate(-5.293 -8.293)"/> </svg> </span> </button> </span> <span class="block accordion__drawer-content nav-accordion--desktop px-0 h-0 xl:h-auto overflow-hidden xl:overflow-unset" data-accordion-drawer-content="Products" data-state="closed" > <ul class="pt-fluid-xs"> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/kettles" aria-label="Kettles" >Kettles</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/toasters" aria-label="Toasters" >Toasters</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/food-prep" aria-label="Food Prep" >Food Prep</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/toaster-kettle-accessories" aria-label="Accessories" >Accessories</a> </li> </ul> </span> </li> <li class=" accordion__drawer w-full xl:px-0 mb-8 xl:mb-10 !border-0 " data-accordion-drawer data-state="closed" data-initially-opened="false" > <span class="block flex justify-between" data-accordion-drawer-header > <button class="accordion__drawer-button nav-accordion--desktop text-left w-full flex items-center" aria-expanded="false" data-accordion-drawer-button > <h2 class="w-full paragraph-2 font-semibold uppercase xl:cursor-default tracking-[0.94px] xl:tracking-[1px]"> Collections </h2> <span class="block w-[14px] xl:hidden pt-1"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 10.946 6.473"> <path id="Path_11492" data-name="Path 11492" d="M10.766,14.766a1,1,0,0,1-.707-.293L5.293,9.707,6.707,8.293l4.059,4.059,4.059-4.059,1.414,1.414-4.766,4.766A1,1,0,0,1,10.766,14.766Z" transform="translate(-5.293 -8.293)"/> </svg> </span> </button> </span> <span class="block accordion__drawer-content nav-accordion--desktop px-0 h-0 xl:h-auto overflow-hidden xl:overflow-unset" data-accordion-drawer-content="Products" data-state="closed" > <ul class="pt-fluid-xs"> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/architect-range" aria-label="Architect" >Architect</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/classic-range" aria-label="Classic" >Classic</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/lite-range" aria-label="Lite" >Lite</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/studio-range" aria-label="Studio" >Studio</a> </li> </ul> </span> </li> <li class=" accordion__drawer w-full xl:px-0 mb-8 xl:mb-10 !border-0 " data-accordion-drawer data-state="closed" data-initially-opened="false" > <span class="block flex justify-between" data-accordion-drawer-header > <button class="accordion__drawer-button nav-accordion--desktop text-left w-full flex items-center" aria-expanded="false" data-accordion-drawer-button > <h2 class="w-full paragraph-2 font-semibold uppercase xl:cursor-default tracking-[0.94px] xl:tracking-[1px]"> Coffee </h2> <span class="block w-[14px] xl:hidden pt-1"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 10.946 6.473"> <path id="Path_11492" data-name="Path 11492" d="M10.766,14.766a1,1,0,0,1-.707-.293L5.293,9.707,6.707,8.293l4.059,4.059,4.059-4.059,1.414,1.414-4.766,4.766A1,1,0,0,1,10.766,14.766Z" transform="translate(-5.293 -8.293)"/> </svg> </span> </button> </span> <span class="block accordion__drawer-content nav-accordion--desktop px-0 h-0 xl:h-auto overflow-hidden xl:overflow-unset" data-accordion-drawer-content="Products" data-state="closed" > <ul class="pt-fluid-xs"> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/coffee-machines" aria-label="Coffee Machines" >Coffee Machines</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/hot-chocolate-makers" aria-label="Hot Chocolate Makers" >Hot Chocolate Makers</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/milk-frothers-steamers" aria-label="Milk Frothers & Steamers" >Milk Frothers & Steamers</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/coffee-grinders" aria-label="Coffee Grinders" >Coffee Grinders</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/cups-coffee-makers" aria-label="Mugs, Cups & Coffee Makers" >Mugs, Cups & Coffee Makers</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/barista-kit" aria-label="Barista Tools" >Barista Tools</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/accessories" aria-label="Accessories & Care" >Accessories & Care</a> </li> </ul> </span> </li> <li class=" accordion__drawer w-full xl:px-0 mb-8 xl:mb-10 !border-0 " data-accordion-drawer data-state="closed" data-initially-opened="false" > <span class="block flex justify-between" data-accordion-drawer-header > <button class="accordion__drawer-button nav-accordion--desktop text-left w-full flex items-center" aria-expanded="false" data-accordion-drawer-button > <h2 class="w-full paragraph-2 font-semibold uppercase xl:cursor-default tracking-[0.94px] xl:tracking-[1px]"> Featured </h2> <span class="block w-[14px] xl:hidden pt-1"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 10.946 6.473"> <path id="Path_11492" data-name="Path 11492" d="M10.766,14.766a1,1,0,0,1-.707-.293L5.293,9.707,6.707,8.293l4.059,4.059,4.059-4.059,1.414,1.414-4.766,4.766A1,1,0,0,1,10.766,14.766Z" transform="translate(-5.293 -8.293)"/> </svg> </span> </button> </span> <span class="block accordion__drawer-content nav-accordion--desktop px-0 h-0 xl:h-auto overflow-hidden xl:overflow-unset" data-accordion-drawer-content="Products" data-state="closed" > <ul class="pt-fluid-xs"> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/shop-offers" aria-label="Shop All Offers" >Shop All Offers</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/shop-by-colour" aria-label="Shop By Colour" >Shop By Colour</a> </li> </ul> </span> </li> <li class=" accordion__drawer w-full xl:px-0 mb-8 xl:mb-10 !border-0 " data-accordion-drawer data-state="closed" data-initially-opened="false" > <span class="block flex justify-between" data-accordion-drawer-header > <button class="accordion__drawer-button nav-accordion--desktop text-left w-full flex items-center" aria-expanded="false" data-accordion-drawer-button > <h2 class="w-full paragraph-2 font-semibold uppercase xl:cursor-default tracking-[0.94px] xl:tracking-[1px]"> Dualit Baby </h2> <span class="block w-[14px] xl:hidden pt-1"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 10.946 6.473"> <path id="Path_11492" data-name="Path 11492" d="M10.766,14.766a1,1,0,0,1-.707-.293L5.293,9.707,6.707,8.293l4.059,4.059,4.059-4.059,1.414,1.414-4.766,4.766A1,1,0,0,1,10.766,14.766Z" transform="translate(-5.293 -8.293)"/> </svg> </span> </button> </span> <span class="block accordion__drawer-content nav-accordion--desktop px-0 h-0 xl:h-auto overflow-hidden xl:overflow-unset" data-accordion-drawer-content="Products" data-state="closed" > <ul class="pt-fluid-xs"> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/baby-food-maker" aria-label="Baby Food Maker" >Baby Food Maker</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/sterilisers" aria-label="Sterilisers" >Sterilisers</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/bottle-warmers" aria-label="Bottle Warmers" >Bottle Warmers</a> </li> </ul> </span> </li> <li class=" accordion__drawer w-full xl:px-0 mb-8 xl:mb-10 !border-0 " data-accordion-drawer data-state="closed" data-initially-opened="false" > <span class="block flex justify-between" data-accordion-drawer-header > <button class="accordion__drawer-button nav-accordion--desktop text-left w-full flex items-center" aria-expanded="false" data-accordion-drawer-button > <h2 class="w-full paragraph-2 font-semibold uppercase xl:cursor-default tracking-[0.94px] xl:tracking-[1px]"> Catering </h2> <span class="block w-[14px] xl:hidden pt-1"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 10.946 6.473"> <path id="Path_11492" data-name="Path 11492" d="M10.766,14.766a1,1,0,0,1-.707-.293L5.293,9.707,6.707,8.293l4.059,4.059,4.059-4.059,1.414,1.414-4.766,4.766A1,1,0,0,1,10.766,14.766Z" transform="translate(-5.293 -8.293)"/> </svg> </span> </button> </span> <span class="block accordion__drawer-content nav-accordion--desktop px-0 h-0 xl:h-auto overflow-hidden xl:overflow-unset" data-accordion-drawer-content="Products" data-state="closed" > <ul class="pt-fluid-xs"> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/original-toaster" aria-label="Classic Toasters" >Classic Toasters</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/grills-griddles-and-irons" aria-label="Grills, Griddles & Toasters" >Grills, Griddles & Toasters</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/soup-kettles" aria-label="Soup Kettles" >Soup Kettles</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/milk-steamers" aria-label="Milk Steamers" >Milk Steamers</a> </li> </ul> </span> </li> </ul> </span> </li> <li class="accordion__drawer !border-0 xl:px-0 xl:hidden xl:w-full" data-menu="coffee" > <span class="xl:hidden mb-0.5 py-3 flex justify-between" data-mobile-menu-main-item="coffee" > <button> <span class="w-full heading-2">Coffee</span> </button> </span> <span class="flex flex-col h-full overflow-y-scroll xl:overflow-hidden accordion__drawer-content nav-accordion--desktop py-3 sm:pt-[50px] px-[34px] xl:p-0 w-full xl:flex-row xl:items-start xl:justify-start xl:px-1/24 bg-brand-white " data-mobile-menu-child-active="false" > <span class="flex xl:hidden paragraph-1 font-medium pb-5 -mx-8 pl-8" data-mobile-menu-close-child-list > <span class="block w-3.5 xl:hidden rotate-180 mr-2"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25.131 24.637"> <path id="Path_11289" data-name="Path 11289" d="M6,16.9H28.717m0,0L17.813,6m10.9,10.9-10.9,10.9" transform="translate(-5 -4.586)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </svg> </span> Coffee </span> <span class="block mt-6 xl:mt-0 xl:order-last xl:flex xl:justify-end mr-1 xl:mr-0 mb-12 xl:w-1/2 xl:pl-10 "> <ul class="w-full flex flex-wrap xl:flex-nowrap justify-between gap-fluid-3xs xl:gap-fluid-xl xl:justify-end " > <li class=" max-w-[120px] xl:max-w-[50%] "> <a href="/collections/coffee-machines" aria-label="Shop Now" class="block" > <span class="block aspect-square h-full max-h-[150px] w-[150px] xl:w-full xl:max-h-[400px] xl:max-w-[400px] xl:block overflow-hidden" > <picture class="w-full h-full object-cover [mix-blend-mode:inherit] "> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/Pod_Machine-Lifestyle-Front-2-web_1eb03803-51d4-4faf-9354-3f0971174e35.jpg?crop=center&height=430&v=1696510777&width=430 1x,//www.dualit.com/cdn/shop/files/Pod_Machine-Lifestyle-Front-2-web_1eb03803-51d4-4faf-9354-3f0971174e35.jpg?crop=center&height=860&v=1696510777&width=860 2x,//www.dualit.com/cdn/shop/files/Pod_Machine-Lifestyle-Front-2-web_1eb03803-51d4-4faf-9354-3f0971174e35.jpg?crop=center&height=1290&v=1696510777&width=1290 3x" /> <img src="//www.dualit.com/cdn/shop/files/Pod_Machine-Lifestyle-Front-2-web_1eb03803-51d4-4faf-9354-3f0971174e35.jpg?v=1696510777&width=150" width="150" height="150" loading="lazy" class="w-full h-full object-cover"> </picture> </span> <h2 class="block capitalize paragraph-1 font-semibold mt-fluid-s">Coffee Machines</h2> <span class="block capitalize paragraph-1 mt-fluid-3xs text-brand-dark-grey">Shop Now</span> </a> </li> <li class=" max-w-[120px] xl:max-w-[50%] "> <a href="/pages/subscribe-save" aria-label="Explore Dualit Coffee" class="block" > <span class="block aspect-square h-full max-h-[150px] w-[150px] xl:w-full xl:max-h-[400px] xl:max-w-[400px] xl:block overflow-hidden" > <picture class="w-full h-full object-cover [mix-blend-mode:inherit] "> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/Subscribe_Save_-_Nav_Button.jpg?crop=center&height=430&v=1726848685&width=430 1x,//www.dualit.com/cdn/shop/files/Subscribe_Save_-_Nav_Button.jpg?crop=center&height=860&v=1726848685&width=860 2x,//www.dualit.com/cdn/shop/files/Subscribe_Save_-_Nav_Button.jpg?crop=center&height=1290&v=1726848685&width=1290 3x" /> <img src="//www.dualit.com/cdn/shop/files/Subscribe_Save_-_Nav_Button.jpg?v=1726848685&width=150" width="150" height="150" loading="lazy" class="w-full h-full object-cover"> </picture> </span> <h2 class="block capitalize paragraph-1 font-semibold mt-fluid-s">Our Coffee Subscription</h2> <span class="block capitalize paragraph-1 mt-fluid-3xs text-brand-dark-grey">Explore Dualit Coffee</span> </a> </li> </ul> </span> <ul class="xl:columns-2 xl:w-full pb-14 xl:pb-0 xl:max-w-[50%] 3xl:max-w-[885px]"> <li class=" accordion__drawer w-full xl:px-0 mb-8 xl:mb-10 !border-0 " data-accordion-drawer data-state="closed" data-initially-opened="false" > <span class="block flex justify-between" data-accordion-drawer-header > <button class="accordion__drawer-button nav-accordion--desktop text-left w-full flex items-center" aria-expanded="false" data-accordion-drawer-button > <h2 class="w-full paragraph-2 font-semibold uppercase xl:cursor-default tracking-[0.94px] xl:tracking-[1px]"> House Roasted Coffee </h2> <span class="block w-[14px] xl:hidden pt-1"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 10.946 6.473"> <path id="Path_11492" data-name="Path 11492" d="M10.766,14.766a1,1,0,0,1-.707-.293L5.293,9.707,6.707,8.293l4.059,4.059,4.059-4.059,1.414,1.414-4.766,4.766A1,1,0,0,1,10.766,14.766Z" transform="translate(-5.293 -8.293)"/> </svg> </span> </button> </span> <span class="block accordion__drawer-content nav-accordion--desktop px-0 h-0 xl:h-auto overflow-hidden xl:overflow-unset" data-accordion-drawer-content="Coffee" data-state="closed" > <ul class="pt-fluid-xs"> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/nespresso%C2%AE-compatible-pods" aria-label="Coffee Pods" >Coffee Pods</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/ese-coffee-pods" aria-label="ESE Pods" >ESE Pods</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/compostable-coffee-bags" aria-label="Coffee Bags" >Coffee Bags</a> </li> </ul> </span> </li> <li class=" accordion__drawer w-full xl:px-0 mb-8 xl:mb-10 !border-0 " data-accordion-drawer data-state="closed" data-initially-opened="false" > <span class="block flex justify-between" data-accordion-drawer-header > <button class="accordion__drawer-button nav-accordion--desktop text-left w-full flex items-center" aria-expanded="false" data-accordion-drawer-button > <h2 class="w-full paragraph-2 font-semibold uppercase xl:cursor-default tracking-[0.94px] xl:tracking-[1px]"> Coffee essentials </h2> <span class="block w-[14px] xl:hidden pt-1"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 10.946 6.473"> <path id="Path_11492" data-name="Path 11492" d="M10.766,14.766a1,1,0,0,1-.707-.293L5.293,9.707,6.707,8.293l4.059,4.059,4.059-4.059,1.414,1.414-4.766,4.766A1,1,0,0,1,10.766,14.766Z" transform="translate(-5.293 -8.293)"/> </svg> </span> </button> </span> <span class="block accordion__drawer-content nav-accordion--desktop px-0 h-0 xl:h-auto overflow-hidden xl:overflow-unset" data-accordion-drawer-content="Coffee" data-state="closed" > <ul class="pt-fluid-xs"> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/barista-kit" aria-label="Barista Tools" >Barista Tools</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/pod-recyclers" aria-label="Pod Recyclers" >Pod Recyclers</a> </li> </ul> </span> </li> <li class=" accordion__drawer w-full xl:px-0 mb-8 xl:mb-10 !border-0 " data-accordion-drawer data-state="closed" data-initially-opened="false" > <span class="block flex justify-between" data-accordion-drawer-header > <button class="accordion__drawer-button nav-accordion--desktop text-left w-full flex items-center" aria-expanded="false" data-accordion-drawer-button > <h2 class="w-full paragraph-2 font-semibold uppercase xl:cursor-default tracking-[0.94px] xl:tracking-[1px]"> Explore </h2> <span class="block w-[14px] xl:hidden pt-1"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 10.946 6.473"> <path id="Path_11492" data-name="Path 11492" d="M10.766,14.766a1,1,0,0,1-.707-.293L5.293,9.707,6.707,8.293l4.059,4.059,4.059-4.059,1.414,1.414-4.766,4.766A1,1,0,0,1,10.766,14.766Z" transform="translate(-5.293 -8.293)"/> </svg> </span> </button> </span> <span class="block accordion__drawer-content nav-accordion--desktop px-0 h-0 xl:h-auto overflow-hidden xl:overflow-unset" data-accordion-drawer-content="Coffee" data-state="closed" > <ul class="pt-fluid-xs"> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="https://dualit-store.myshopify.com/pages/coffee" aria-label="Coffee Home" >Coffee Home</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/pages/dualit-barista-school" aria-label="Dualit Barista School" >Dualit Barista School</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/pages/subscribe-save" aria-label="Subscribe & Save" >Subscribe & Save</a> </li> </ul> </span> </li> </ul> </span> </li> <li class="accordion__drawer !border-0 xl:px-0 xl:hidden xl:w-full" data-menu="explore" > <span class="xl:hidden mb-0.5 py-3 flex justify-between" data-mobile-menu-main-item="explore" > <button> <span class="w-full heading-2">Explore</span> </button> </span> <span class="flex flex-col accordion__drawer-content h-full nav-accordion--desktop p-8 xl:p-0 w-full xl:flex-row xl:px-1/24 bg-brand-white" data-accordion data-mobile-menu-child-active="false" > <span class="flex xl:hidden fluid-text-lg font-medium pb-5 -mx-8 pl-8" data-mobile-menu-close-child-list > <span class="block w-3 xl:hidden rotate-180 mr-2"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25.131 24.637"> <path id="Path_11289" data-name="Path 11289" d="M6,16.9H28.717m0,0L17.813,6m10.9,10.9-10.9,10.9" transform="translate(-5 -4.586)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </svg> </span> Explore </span> <span class="block mt-6 xl:mt-0 xl:order-last xl:flex xl:justify-end mr-1 xl:mr-0 mb-12 xl:w-full "> <ul class="w-full flex flex-wrap xl:flex-nowrap justify-between gap-fluid-3xs xl:gap-fluid-xl xl:justify-between " > <li class=" max-w-[120px] xl:max-w-full mb-6 mr-1 xl:mr-0 "> <a href="/pages/our-heritage" aria-label="Our Heritage" class="block" > <span class="block aspect-square h-full max-h-[150px] w-[150px] xl:w-full xl:max-h-[400px] xl:max-w-[400px] xl:block overflow-hidden" > <picture class="w-full h-full object-cover [mix-blend-mode:inherit] "> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/Classic_toasters_0380f7d2-eb65-42f3-b988-f191088f1c3e.jpg?crop=center&height=430&v=1685970784&width=430 1x,//www.dualit.com/cdn/shop/files/Classic_toasters_0380f7d2-eb65-42f3-b988-f191088f1c3e.jpg?crop=center&height=860&v=1685970784&width=860 2x,//www.dualit.com/cdn/shop/files/Classic_toasters_0380f7d2-eb65-42f3-b988-f191088f1c3e.jpg?crop=center&height=1290&v=1685970784&width=1290 3x" /> <img src="//www.dualit.com/cdn/shop/files/Classic_toasters_0380f7d2-eb65-42f3-b988-f191088f1c3e.jpg?v=1685970784&width=150" alt="Classic_toasters" width="150" height="150" loading="lazy" class="w-full h-full object-cover"> </picture> </span> <h2 class="block capitalize paragraph-1 font-semibold mt-fluid-s">The Dualit story</h2> <span class="block capitalize paragraph-1 mt-fluid-3xs text-brand-dark-grey">Our Heritage</span> </a> </li> <li class=" max-w-[120px] xl:max-w-full mb-6 mr-1 xl:mr-0 "> <a href="/pages/awards" aria-label="Our Awards" class="block" > <span class="block aspect-square h-full max-h-[150px] w-[150px] xl:w-full xl:max-h-[400px] xl:max-w-[400px] xl:block overflow-hidden" > <picture class="w-full h-full object-cover [mix-blend-mode:inherit] "> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/ALU-IB-Black-Lifestyle-1-Web-GT24.jpg?crop=center&height=430&v=1723029848&width=430 1x,//www.dualit.com/cdn/shop/files/ALU-IB-Black-Lifestyle-1-Web-GT24.jpg?crop=center&height=860&v=1723029848&width=860 2x,//www.dualit.com/cdn/shop/files/ALU-IB-Black-Lifestyle-1-Web-GT24.jpg?crop=center&height=1290&v=1723029848&width=1290 3x" /> <img src="//www.dualit.com/cdn/shop/files/ALU-IB-Black-Lifestyle-1-Web-GT24.jpg?v=1723029848&width=150" width="150" height="150" loading="lazy" class="w-full h-full object-cover"> </picture> </span> <h2 class="block capitalize paragraph-1 font-semibold mt-fluid-s">No Gimmicks. No Compromises.</h2> <span class="block capitalize paragraph-1 mt-fluid-3xs text-brand-dark-grey">Our Awards</span> </a> </li> <li class=" max-w-[120px] xl:max-w-full mb-6 mr-1 xl:mr-0 "> <a href="/collections/classic-range" aria-label="Classic Range" class="block" > <span class="block aspect-square h-full max-h-[150px] w-[150px] xl:w-full xl:max-h-[400px] xl:max-w-[400px] xl:block overflow-hidden" > <picture class="w-full h-full object-cover [mix-blend-mode:inherit] "> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/Classic_Kettle_Feather_Ecom_3_c635e6b1-4da5-421e-8f61-0f9c93dc9759.jpg?crop=center&height=430&v=1685970892&width=430 1x,//www.dualit.com/cdn/shop/files/Classic_Kettle_Feather_Ecom_3_c635e6b1-4da5-421e-8f61-0f9c93dc9759.jpg?crop=center&height=860&v=1685970892&width=860 2x,//www.dualit.com/cdn/shop/files/Classic_Kettle_Feather_Ecom_3_c635e6b1-4da5-421e-8f61-0f9c93dc9759.jpg?crop=center&height=1290&v=1685970892&width=1290 3x" /> <img src="//www.dualit.com/cdn/shop/files/Classic_Kettle_Feather_Ecom_3_c635e6b1-4da5-421e-8f61-0f9c93dc9759.jpg?v=1685970892&width=150" alt="Classic_Kettle_Feather" width="150" height="150" loading="lazy" class="w-full h-full object-cover"> </picture> </span> <h2 class="block capitalize paragraph-1 font-semibold mt-fluid-s">The Kitchen Icons</h2> <span class="block capitalize paragraph-1 mt-fluid-3xs text-brand-dark-grey">Classic Range</span> </a> </li> <li class=" max-w-[120px] xl:max-w-full mb-6 mr-1 xl:mr-0 "> <a href="/blogs/articles-and-recipes" aria-label="View Blog" class="block" > <span class="block aspect-square h-full max-h-[150px] w-[150px] xl:w-full xl:max-h-[400px] xl:max-w-[400px] xl:block overflow-hidden" > <picture class="w-full h-full object-cover [mix-blend-mode:inherit] "> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/Copper_-_Handheld_Milk_Frother_Classic_4S_Toaster-Kettle_Hand_Mixer-Blender-web_c7b08575-282b-4d31-826f-1b40ab7d315e.jpg?crop=center&height=430&v=1725629263&width=430 1x,//www.dualit.com/cdn/shop/files/Copper_-_Handheld_Milk_Frother_Classic_4S_Toaster-Kettle_Hand_Mixer-Blender-web_c7b08575-282b-4d31-826f-1b40ab7d315e.jpg?crop=center&height=860&v=1725629263&width=860 2x,//www.dualit.com/cdn/shop/files/Copper_-_Handheld_Milk_Frother_Classic_4S_Toaster-Kettle_Hand_Mixer-Blender-web_c7b08575-282b-4d31-826f-1b40ab7d315e.jpg?crop=center&height=1290&v=1725629263&width=1290 3x" /> <img src="//www.dualit.com/cdn/shop/files/Copper_-_Handheld_Milk_Frother_Classic_4S_Toaster-Kettle_Hand_Mixer-Blender-web_c7b08575-282b-4d31-826f-1b40ab7d315e.jpg?v=1725629263&width=150" width="150" height="150" loading="lazy" class="w-full h-full object-cover"> </picture> </span> <h2 class="block capitalize paragraph-1 font-semibold mt-fluid-s">Dualit Life</h2> <span class="block capitalize paragraph-1 mt-fluid-3xs text-brand-dark-grey">View Blog</span> </a> </li> </ul> </span> </span> </li> <li class="accordion__drawer !border-0 xl:px-0 xl:hidden xl:w-full" data-menu="support" > <span class="xl:hidden mb-0.5 py-3 flex justify-between" data-mobile-menu-main-item="support" > <button> <span class="w-full heading-2">Support</span> </button> </span> <span class="flex flex-col h-full overflow-y-scroll xl:overflow-hidden accordion__drawer-content nav-accordion--desktop py-3 sm:pt-[50px] px-[34px] xl:p-0 w-full xl:flex-row xl:items-start xl:justify-start xl:px-1/24 bg-brand-white " data-mobile-menu-child-active="false" > <span class="flex xl:hidden paragraph-1 font-medium pb-5 -mx-8 pl-8" data-mobile-menu-close-child-list > <span class="block w-3.5 xl:hidden rotate-180 mr-2"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25.131 24.637"> <path id="Path_11289" data-name="Path 11289" d="M6,16.9H28.717m0,0L17.813,6m10.9,10.9-10.9,10.9" transform="translate(-5 -4.586)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </svg> </span> Support </span> <span class="block mt-6 xl:mt-0 xl:order-last xl:flex xl:justify-end mr-1 xl:mr-0 mb-12 xl:w-1/2 xl:pl-10 "> <ul class="w-full flex flex-wrap xl:flex-nowrap justify-between gap-fluid-3xs xl:gap-fluid-xl xl:justify-end " > <li class=" max-w-[120px] xl:max-w-[50%] "> <a href="https://help.dualit.com/en-US" aria-label="Visit Now" class="block" > <span class="block aspect-square h-full max-h-[150px] w-[150px] xl:w-full xl:max-h-[400px] xl:max-w-[400px] xl:block overflow-hidden" > <picture class="w-full h-full object-cover [mix-blend-mode:inherit] "> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/Dualit_Help_Centre_c2e6e5d8-00bb-4193-861a-db84d240e56a.jpg?crop=center&height=430&v=1685722671&width=430 1x,//www.dualit.com/cdn/shop/files/Dualit_Help_Centre_c2e6e5d8-00bb-4193-861a-db84d240e56a.jpg?crop=center&height=860&v=1685722671&width=860 2x,//www.dualit.com/cdn/shop/files/Dualit_Help_Centre_c2e6e5d8-00bb-4193-861a-db84d240e56a.jpg?crop=center&height=1290&v=1685722671&width=1290 3x" /> <img src="//www.dualit.com/cdn/shop/files/Dualit_Help_Centre_c2e6e5d8-00bb-4193-861a-db84d240e56a.jpg?v=1685722671&width=150" alt="Dualit_Help_Centre" width="150" height="150" loading="lazy" class="w-full h-full object-cover"> </picture> </span> <h2 class="block capitalize paragraph-1 font-semibold mt-fluid-s">Dualit Help Centre</h2> <span class="block capitalize paragraph-1 mt-fluid-3xs text-brand-dark-grey">Visit Now</span> </a> </li> <li class=" max-w-[120px] xl:max-w-[50%] "> <a href="https://help.dualit.com/en-US/articles/instruction-manuals-76645" aria-label="Visit Now" class="block" > <span class="block aspect-square h-full max-h-[150px] w-[150px] xl:w-full xl:max-h-[400px] xl:max-w-[400px] xl:block overflow-hidden" > <picture class="w-full h-full object-cover [mix-blend-mode:inherit] "> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/Product_Manuals.jpg?crop=center&height=430&v=1685715426&width=430 1x,//www.dualit.com/cdn/shop/files/Product_Manuals.jpg?crop=center&height=860&v=1685715426&width=860 2x,//www.dualit.com/cdn/shop/files/Product_Manuals.jpg?crop=center&height=1290&v=1685715426&width=1290 3x" /> <img src="//www.dualit.com/cdn/shop/files/Product_Manuals.jpg?v=1685715426&width=150" alt="Product_Manuals" width="150" height="150" loading="lazy" class="w-full h-full object-cover"> </picture> </span> <h2 class="block capitalize paragraph-1 font-semibold mt-fluid-s">Product Manuals</h2> <span class="block capitalize paragraph-1 mt-fluid-3xs text-brand-dark-grey">Visit Now</span> </a> </li> </ul> </span> <ul class="xl:columns-2 xl:w-full pb-14 xl:pb-0 xl:max-w-[50%] 3xl:max-w-[885px]"> <li class=" accordion__drawer w-full xl:px-0 mb-8 xl:mb-10 !border-0 " data-accordion-drawer data-state="closed" data-initially-opened="false" > <span class="block flex justify-between" data-accordion-drawer-header > <button class="accordion__drawer-button nav-accordion--desktop text-left w-full flex items-center" aria-expanded="false" data-accordion-drawer-button > <h2 class="w-full paragraph-2 font-semibold uppercase xl:cursor-default tracking-[0.94px] xl:tracking-[1px]"> Buy Spares </h2> <span class="block w-[14px] xl:hidden pt-1"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 10.946 6.473"> <path id="Path_11492" data-name="Path 11492" d="M10.766,14.766a1,1,0,0,1-.707-.293L5.293,9.707,6.707,8.293l4.059,4.059,4.059-4.059,1.414,1.414-4.766,4.766A1,1,0,0,1,10.766,14.766Z" transform="translate(-5.293 -8.293)"/> </svg> </span> </button> </span> <span class="block accordion__drawer-content nav-accordion--desktop px-0 h-0 xl:h-auto overflow-hidden xl:overflow-unset" data-accordion-drawer-content="Support" data-state="closed" > <ul class="pt-fluid-xs"> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/toaster-spares" aria-label="Toasters" >Toasters</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/kettle-spares" aria-label="Kettles" >Kettles</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/coffee-machine-spares" aria-label="Coffee" >Coffee</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/food-prep-spares" aria-label="Food Prep" >Food Prep</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="/collections/commercial-spares" aria-label="Commercial" >Commercial</a> </li> </ul> </span> </li> <li class=" accordion__drawer w-full xl:px-0 mb-8 xl:mb-10 !border-0 " data-accordion-drawer data-state="closed" data-initially-opened="false" > <span class="block flex justify-between" data-accordion-drawer-header > <button class="accordion__drawer-button nav-accordion--desktop text-left w-full flex items-center" aria-expanded="false" data-accordion-drawer-button > <h2 class="w-full paragraph-2 font-semibold uppercase xl:cursor-default tracking-[0.94px] xl:tracking-[1px]"> Help Centre </h2> <span class="block w-[14px] xl:hidden pt-1"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 10.946 6.473"> <path id="Path_11492" data-name="Path 11492" d="M10.766,14.766a1,1,0,0,1-.707-.293L5.293,9.707,6.707,8.293l4.059,4.059,4.059-4.059,1.414,1.414-4.766,4.766A1,1,0,0,1,10.766,14.766Z" transform="translate(-5.293 -8.293)"/> </svg> </span> </button> </span> <span class="block accordion__drawer-content nav-accordion--desktop px-0 h-0 xl:h-auto overflow-hidden xl:overflow-unset" data-accordion-drawer-content="Support" data-state="closed" > <ul class="pt-fluid-xs"> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="https://help.dualit.com/en-US" aria-label="Visit Help Centre" >Visit Help Centre</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="https://help.dualit.com/en-US/articles/support-75541" aria-label="FAQs" >FAQs</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="https://help.dualit.com/en-US/articles/buyer-guides-75507" aria-label="Product Guides" >Product Guides</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="https://help.dualit.com/en-US/articles/instruction-manuals-76645" aria-label="Product Manuals" >Product Manuals</a> </li> <li class="mb-fluid-xs"> <a class="capitalize text-[20px] md:paragraph-1 hover:underline" href="https://dualit-store.myshopify.com/pages/register-product" aria-label="Register Product" >Register Product</a> </li> </ul> </span> </li> </ul> </span> </li> </ul> <ul class="bg-brand-grey h-[145px] relative flex flex-col justify-center gap-fluid-md -mx-8 px-[34px] py-8 xl:hidden" data-notice-bar-menu-mobile> <li class="list-none"> <a class="paragraph-1 xl:paragraph-2 !font-medium underline" href="/pages/refurbished-products"> Outlet </a> </li> <li class="list-none"> <a class="paragraph-1 xl:paragraph-2 !font-medium underline" href="/account"> Account </a> </li> </ul> </div> </mega-menu> </div> <div id="shopify-section-cart-drawer" class="shopify-section"><drawer-container> <cart-drawer> <article class="w-full max-w-[490px] px-wrapper-mobile md:px-fluid-2xl drawer bg-brand-white overflow-scroll" data-drawer-position="right" data-drawer="cart" data-state="closed" data-cart-drawer tabindex="-1" > <header class="flex h-fluid-4xl justify-between items-center"> <h2 class="paragraph-1 uppercase font-semibold"> Added to Cart </h2> <drawer-toggle> <button data-drawer-toggle data-drawer="cart" aria-label="Open Cart"> <span class="block w-[16px] h-[16px] md:w-[24px] md:h-[24px]"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 22.808 22.808"> <g id="Group_13690" data-name="Group 13690" transform="translate(12518.022 2237.175)"> <path id="Path_11288" data-name="Path 11288" d="M0,21.807a1,1,0,0,1-.707-.293,1,1,0,0,1,0-1.414L20.1-.707a1,1,0,0,1,1.414,0,1,1,0,0,1,0,1.414L.707,21.515A1,1,0,0,1,0,21.807Z" transform="translate(-12496.215 -2236.175) rotate(90)"/> <path id="Path_11287" data-name="Path 11287" d="M-12517.021-2212.368a1,1,0,0,1-.707-.293,1,1,0,0,1,0-1.414l20.807-20.807a1,1,0,0,1,1.414,0,1,1,0,0,1,0,1.414l-20.807,20.807A1,1,0,0,1-12517.021-2212.368Z" transform="translate(-0.002 -2)"/> </g> </svg> </span> </button> </drawer-toggle> </header> <div> <p class="mb-4">You have no items in your cart.</p> </div> <div class="w-full flex items-between justify-center pt-fluid-md"> <div class="w-full flex flex-col"> <div class="flex justify-between mb-fluid-md"> <p class="paragraph-1 uppercase font-medium"> Subtotal </p> <p class="paragraph-1 uppercase font-medium"> £0.00 </p> </div> <a href="/checkout" class="w-full justify-center btn btn--secondary btn--large mb-fluid-s" aria-label="Checkout"> Checkout </a> <drawer-toggle class="flex justify-center"> <button data-drawer-toggle data-drawer="cart" class="paragraph-2 font-medium underline text-center"> Continue Shopping </button> </drawer-toggle> </div> </div> </article> </cart-drawer> </drawer-container> </div> <div id="shopify-section-promotions" class="shopify-section"> <ul data-promo-settings> <li class="hidden"> 3 Slice Vario Classic Toaster <span data-qualifying-product-id>8355193749815</span> <span data-qualifying-item-cost>20899</span> <span data-minimum-spend>20899</span> <span data-gift-id>45518682456375</span> <span data-gift-inventory-quantity>1158</span> <span data-max-gifts-per-order>1</span> </li> </ul> <ul data-promo-settings> <li class="hidden"> 3 Slice Vario Classic Toaster <span data-qualifying-product-id>8355193749815</span> <span data-qualifying-item-cost>20899</span> <span data-minimum-spend>20899</span> <span data-gift-id>45518682456375</span> <span data-gift-inventory-quantity>1158</span> <span data-max-gifts-per-order>1</span> </li> </ul> <ul data-promo-settings> <li class="hidden"> 4 Slice NewGen Classic Toaster <span data-qualifying-product-id>8355201679671</span> <span data-qualifying-item-cost>21999</span> <span data-minimum-spend>21999</span> <span data-gift-id>45518682456375</span> <span data-gift-inventory-quantity>1158</span> <span data-max-gifts-per-order>1</span> </li> </ul> <ul data-promo-settings> <li class="hidden"> 4 Slice NewGen Classic Toaster <span data-qualifying-product-id>8355201679671</span> <span data-qualifying-item-cost>21999</span> <span data-minimum-spend>21999</span> <span data-gift-id>45518682456375</span> <span data-gift-inventory-quantity>1158</span> <span data-max-gifts-per-order>1</span> </li> </ul> <ul data-promo-settings> <li class="hidden"> Classic Kettle <span data-qualifying-product-id>8353380630839</span> <span data-qualifying-item-cost>14999</span> <span data-minimum-spend>0</span> <span data-gift-id>45393840210231</span> <span data-gift-inventory-quantity>367</span> <span data-max-gifts-per-order>1</span> </li> </ul> <ul data-promo-settings> <li class="hidden"> 2 Slice NewGen Classic Toaster <span data-qualifying-product-id>8355185721655</span> <span data-qualifying-item-cost>17000</span> <span data-minimum-spend>17000</span> <span data-gift-id>45518682456375</span> <span data-gift-inventory-quantity>1158</span> <span data-max-gifts-per-order>1</span> </li> </ul> <ul data-promo-settings> <li class="hidden"> Indian Monsoon Home Compostable Coffee Pods <span data-qualifying-product-id>8325492572471</span> <span data-qualifying-item-cost>1699</span> <span data-minimum-spend>0</span> <span data-gift-id></span> <span data-gift-inventory-quantity>0</span> <span data-max-gifts-per-order>1</span> </li> </ul> <ul data-promo-settings> <li class="hidden"> Intense Aluminium Coffee Pods <span data-qualifying-product-id>8333709214007</span> <span data-qualifying-item-cost>1699</span> <span data-minimum-spend>0</span> <span data-gift-id></span> <span data-gift-inventory-quantity>0</span> <span data-max-gifts-per-order>1</span> </li> </ul> <ul data-promo-settings> <li class="hidden"> Organic Colombian Home Compostable Coffee Pods <span data-qualifying-product-id>8325502173495</span> <span data-qualifying-item-cost>1699</span> <span data-minimum-spend>0</span> <span data-gift-id></span> <span data-gift-inventory-quantity>0</span> <span data-max-gifts-per-order>1</span> </li> </ul> <ul data-promo-settings> <li class="hidden"> Americano Aluminium Coffee Pods <span data-qualifying-product-id>8333709508919</span> <span data-qualifying-item-cost>1699</span> <span data-minimum-spend>0</span> <span data-gift-id></span> <span data-gift-inventory-quantity>0</span> <span data-max-gifts-per-order>1</span> </li> </ul> <ul data-promo-settings> <li class="hidden"> Organic Colombian Aluminium Coffee Pods <span data-qualifying-product-id>8325493063991</span> <span data-qualifying-item-cost>1699</span> <span data-minimum-spend>0</span> <span data-gift-id></span> <span data-gift-inventory-quantity>0</span> <span data-max-gifts-per-order>1</span> </li> </ul> <ul data-promo-settings> <li class="hidden"> Decaf Aluminium Coffee Pods <span data-qualifying-product-id>8325500109111</span> <span data-qualifying-item-cost>1699</span> <span data-minimum-spend>0</span> <span data-gift-id></span> <span data-gift-inventory-quantity>0</span> <span data-max-gifts-per-order>1</span> </li> </ul> <ul data-promo-settings> <li class="hidden"> Decaf Home Compostable Coffee Pods <span data-qualifying-product-id>8325502075191</span> <span data-qualifying-item-cost>1699</span> <span data-minimum-spend>0</span> <span data-gift-id></span> <span data-gift-inventory-quantity>0</span> <span data-max-gifts-per-order>1</span> </li> </ul> <ul data-promo-settings> <li class="hidden"> Indian Monsoon Aluminium Coffee Pods <span data-qualifying-product-id>8325492965687</span> <span data-qualifying-item-cost>1699</span> <span data-minimum-spend>0</span> <span data-gift-id></span> <span data-gift-inventory-quantity>0</span> <span data-max-gifts-per-order>1</span> </li> </ul> <ul data-promo-settings> <li class="hidden"> Americano Home Compostable Coffee Pods <span data-qualifying-product-id>8325476614455</span> <span data-qualifying-item-cost>1699</span> <span data-minimum-spend>0</span> <span data-gift-id></span> <span data-gift-inventory-quantity>0</span> <span data-max-gifts-per-order>1</span> </li> </ul> <ul data-promo-settings> <li class="hidden"> Intense Home Compostable Coffee Pods <span data-qualifying-product-id>9389044007223</span> <span data-qualifying-item-cost>1699</span> <span data-minimum-spend>0</span> <span data-gift-id></span> <span data-gift-inventory-quantity>0</span> <span data-max-gifts-per-order>1</span> </li> </ul> <ul data-promo-settings> <li class="hidden"> 2 Slice Lite Toaster <span data-qualifying-product-id>45452829425975</span> <span data-qualifying-item-cost>8999</span> <span data-minimum-spend>8999</span> <span data-gift-id>45525546336567</span> <span data-gift-inventory-quantity>183</span> <span data-max-gifts-per-order>1</span> </li> </ul> <ul data-promo-settings> <li class="hidden"> Espressivo Pro Coffee Machine <span data-qualifying-product-id>9198214119735</span> <span data-qualifying-item-cost>54999</span> <span data-minimum-spend>54999</span> <span data-gift-id>45393840079159</span> <span data-gift-inventory-quantity>367</span> <span data-max-gifts-per-order>1</span> </li> </ul> <ul data-promo-settings> <li class="hidden"> Espressivo Pro Coffee Machine <span data-qualifying-product-id>9198214119735</span> <span data-qualifying-item-cost>54999</span> <span data-minimum-spend>54999</span> <span data-gift-id>45393840144695</span> <span data-gift-inventory-quantity>367</span> <span data-max-gifts-per-order>1</span> </li> </ul> <script> if(settings == undefined) { var settings = []; } if (typeof window.buy_x_get_y_settings === 'undefined') { window.buy_x_get_y_settings = []; } for(var i = 0; i < document.querySelectorAll('[data-promo-settings] li').length; i++) { var settings = {}; settings.x_id = document.querySelectorAll('[data-promo-settings] li')[i].querySelector('[data-qualifying-product-id]').innerText; settings.qualifying_item_cost = document.querySelectorAll('[data-promo-settings] li')[i].querySelector('[data-qualifying-item-cost]').innerText; settings.minimum_spend = document.querySelectorAll('[data-promo-settings] li')[i].querySelector('[data-minimum-spend]').innerText; settings.gifts = [ { id: document.querySelectorAll('[data-promo-settings] li')[i].querySelector('[data-gift-id]').innerText, inventory_quantity: document.querySelectorAll('[data-promo-settings] li')[i].querySelector('[data-gift-inventory-quantity]').innerText } ] settings.max_gifts_per_order = document.querySelectorAll('[data-promo-settings] li')[i].querySelector('[data-max-gifts-per-order]').innerText; window.buy_x_get_y_settings.push( settings ); } </script> </div> <main id="content" class=""> <section id="shopify-section-template--21946162086199__24ac3d1b-936f-49c4-9599-7e035ff174aa" class="shopify-section hero-banner"> <div> <div class="relative max-h-screen overflow-hidden"> <div class="relative aspect-w-2 aspect-h-3 md:aspect-w-16 md:aspect-h-9 [&>video]:object-cover"> <video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop" preload="metadata" poster="//www.dualit.com/cdn/shop/files/preview_images/a7a8c5c57dc94d54b48367b9daf60522.thumbnail.0000000000_small.jpg?v=1731603146"><source src="//www.dualit.com/cdn/shop/videos/c/vp/a7a8c5c57dc94d54b48367b9daf60522/a7a8c5c57dc94d54b48367b9daf60522.HD-1080p-3.3Mbps-38102502.mp4?v=0" type="video/mp4"><img src="//www.dualit.com/cdn/shop/files/preview_images/a7a8c5c57dc94d54b48367b9daf60522.thumbnail.0000000000_small.jpg?v=1731603146"></video> <div class="absolute top-0 w-full h-full bg-brand-black opacity-20"></div> </div> <div class="wrapper absolute top-0 left-0 right-0 w-full h-full flex mx-auto py-fluid-5xl justify-center text-center items-end md:justify-center md:text-center md:items-center "> <div class="flex flex-col fadeUp"> <h1 class="d-1 text-brand-white"> Black Friday </h1> <p class="heading-3 uppercase text-brand-white mt-fluid-s"> Up to 70% off </p> <div class="mx-auto md:mx-auto mt-fluid-l"> <a href="/collections/black-friday" class="btn btn--primary btn--large" aria-label="Shop Offers"> Shop Offers <span class="sr-only">Go to Shop Offers</span> </a> </div> </div> </div> </div> </div> </section><section id="shopify-section-template--21946162086199__3ae959b5-df04-401a-8446-5691d08ab87b" class="shopify-section text-section"> <div class="wrapper text-left"> <div class="site-grid"> <h2 class="col-span-8 md:col-start-1 xl:col-start-3 d-2 mb-fluid-s !col-start-1"> Over 75 years of British design and innovation. It must be Dualit. </h2> </div> <div class="site-grid"> </div> </div> </section><section id="shopify-section-template--21946162086199__aeea98ce-de03-4d42-a719-7f1f1bffbba5" class="shopify-section collection-carousel-section"> <script src="//www.dualit.com/cdn/shop/t/308/assets/collection-carousel-d75b2d82.js" type="module" crossorigin="anonymous"></script> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/swiper.min-24c47e0d.js" crossorigin="anonymous"> <link href="//www.dualit.com/cdn/shop/t/308/assets/swiper-6c402b13.css" rel="stylesheet" type="text/css" media="all" /> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/navigation-ad186b30.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/scrollbar-2cc0a1bb.js" crossorigin="anonymous"> <div> <collection-carousel> <div class="overflow-hidden pb-[1px]"> <div class="wrapper"> <div class="flex justify-between items-end mb-fluid-l"> <h2 class="heading-1 capitalize"> Shop Our Ranges </h2> <a href="/collections/all" class="paragraph-1 underline"> See all </a> </div> <article id="collection-carousel-template--21946162086199__aeea98ce-de03-4d42-a719-7f1f1bffbba5" data-collection-carousel="template--21946162086199__aeea98ce-de03-4d42-a719-7f1f1bffbba5" class="collection-carousel swiper !overflow-visible wrapper relative"> <ul class="swiper-wrapper flex flex-row"> <li class="swiper-slide text-center"> <a href="/collections/toasters" class="!no-underline"> <div class="aspect-w-2 aspect-h-3 bg-brand-light-grey"> <picture class="w-full h-full object-cover mix-blend-darken [mix-blend-mode:inherit] "> <source media="(min-width: 1665px)" srcset="//www.dualit.com/cdn/shop/collections/Toasters.jpg?v=1730714068&width=427 1x,//www.dualit.com/cdn/shop/collections/Toasters.jpg?v=1730714068&width=854 2x,//www.dualit.com/cdn/shop/collections/Toasters.jpg?v=1730714068&width=1281 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/collections/Toasters.jpg?v=1730714068&width=298 1x,//www.dualit.com/cdn/shop/collections/Toasters.jpg?v=1730714068&width=596 2x,//www.dualit.com/cdn/shop/collections/Toasters.jpg?v=1730714068&width=894 3x" /> <source media="(min-width: 1280px)" srcset="" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/collections/Toasters.jpg?v=1730714068&width=277 1x,//www.dualit.com/cdn/shop/collections/Toasters.jpg?v=1730714068&width=554 2x,//www.dualit.com/cdn/shop/collections/Toasters.jpg?v=1730714068&width=831 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/collections/Toasters.jpg?v=1730714068&width=290 1x,//www.dualit.com/cdn/shop/collections/Toasters.jpg?v=1730714068&width=580 2x,//www.dualit.com/cdn/shop/collections/Toasters.jpg?v=1730714068&width=870 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/collections/Toasters.jpg?v=1730714068&width=326 1x,//www.dualit.com/cdn/shop/collections/Toasters.jpg?v=1730714068&width=652 2x,//www.dualit.com/cdn/shop/collections/Toasters.jpg?v=1730714068&width=978 3x" /> <source media="(min-width: 480px)" srcset="//www.dualit.com/cdn/shop/collections/Toasters.jpg?v=1730714068&width=498 1x,//www.dualit.com/cdn/shop/collections/Toasters.jpg?v=1730714068&width=996 2x,//www.dualit.com/cdn/shop/collections/Toasters.jpg?v=1730714068&width=1494 3x" /> <img src="//www.dualit.com/cdn/shop/collections/Toasters.jpg?v=1730714068&width=390" alt="Toasters" width="390" height="585" loading="lazy" class="w-full h-full object-cover mix-blend-darken"> </picture> </div> <div class="paragraph-1 uppercase mt-fluid-s">Toasters </div> </a> </li> <li class="swiper-slide text-center"> <a href="/collections/kettles" class="!no-underline"> <div class="aspect-w-2 aspect-h-3 bg-brand-light-grey"> <picture class="w-full h-full object-cover mix-blend-darken [mix-blend-mode:inherit] "> <source media="(min-width: 1665px)" srcset="//www.dualit.com/cdn/shop/collections/Classic_Kettle_Test.jpg?v=1730714132&width=427 1x,//www.dualit.com/cdn/shop/collections/Classic_Kettle_Test.jpg?v=1730714132&width=854 2x,//www.dualit.com/cdn/shop/collections/Classic_Kettle_Test.jpg?v=1730714132&width=1281 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/collections/Classic_Kettle_Test.jpg?v=1730714132&width=298 1x,//www.dualit.com/cdn/shop/collections/Classic_Kettle_Test.jpg?v=1730714132&width=596 2x,//www.dualit.com/cdn/shop/collections/Classic_Kettle_Test.jpg?v=1730714132&width=894 3x" /> <source media="(min-width: 1280px)" srcset="" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/collections/Classic_Kettle_Test.jpg?v=1730714132&width=277 1x,//www.dualit.com/cdn/shop/collections/Classic_Kettle_Test.jpg?v=1730714132&width=554 2x,//www.dualit.com/cdn/shop/collections/Classic_Kettle_Test.jpg?v=1730714132&width=831 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/collections/Classic_Kettle_Test.jpg?v=1730714132&width=290 1x,//www.dualit.com/cdn/shop/collections/Classic_Kettle_Test.jpg?v=1730714132&width=580 2x,//www.dualit.com/cdn/shop/collections/Classic_Kettle_Test.jpg?v=1730714132&width=870 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/collections/Classic_Kettle_Test.jpg?v=1730714132&width=326 1x,//www.dualit.com/cdn/shop/collections/Classic_Kettle_Test.jpg?v=1730714132&width=652 2x,//www.dualit.com/cdn/shop/collections/Classic_Kettle_Test.jpg?v=1730714132&width=978 3x" /> <source media="(min-width: 480px)" srcset="//www.dualit.com/cdn/shop/collections/Classic_Kettle_Test.jpg?v=1730714132&width=498 1x,//www.dualit.com/cdn/shop/collections/Classic_Kettle_Test.jpg?v=1730714132&width=996 2x,//www.dualit.com/cdn/shop/collections/Classic_Kettle_Test.jpg?v=1730714132&width=1494 3x" /> <img src="//www.dualit.com/cdn/shop/collections/Classic_Kettle_Test.jpg?v=1730714132&width=390" alt="Kettles" width="390" height="585" loading="lazy" class="w-full h-full object-cover mix-blend-darken"> </picture> </div> <div class="paragraph-1 uppercase mt-fluid-s">Kettles </div> </a> </li> <li class="swiper-slide text-center"> <a href="/collections/hot-chocolate-makers" class="!no-underline"> <div class="aspect-w-2 aspect-h-3 bg-brand-light-grey"> <picture class="w-full h-full object-cover mix-blend-darken [mix-blend-mode:inherit] "> <source media="(min-width: 1665px)" srcset="//www.dualit.com/cdn/shop/collections/Cocoatiser_copper_-_Website_Carousel_IMG_4.jpg?v=1730714281&width=427 1x,//www.dualit.com/cdn/shop/collections/Cocoatiser_copper_-_Website_Carousel_IMG_4.jpg?v=1730714281&width=854 2x,//www.dualit.com/cdn/shop/collections/Cocoatiser_copper_-_Website_Carousel_IMG_4.jpg?v=1730714281&width=1281 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/collections/Cocoatiser_copper_-_Website_Carousel_IMG_4.jpg?v=1730714281&width=298 1x,//www.dualit.com/cdn/shop/collections/Cocoatiser_copper_-_Website_Carousel_IMG_4.jpg?v=1730714281&width=596 2x,//www.dualit.com/cdn/shop/collections/Cocoatiser_copper_-_Website_Carousel_IMG_4.jpg?v=1730714281&width=894 3x" /> <source media="(min-width: 1280px)" srcset="" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/collections/Cocoatiser_copper_-_Website_Carousel_IMG_4.jpg?v=1730714281&width=277 1x,//www.dualit.com/cdn/shop/collections/Cocoatiser_copper_-_Website_Carousel_IMG_4.jpg?v=1730714281&width=554 2x,//www.dualit.com/cdn/shop/collections/Cocoatiser_copper_-_Website_Carousel_IMG_4.jpg?v=1730714281&width=831 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/collections/Cocoatiser_copper_-_Website_Carousel_IMG_4.jpg?v=1730714281&width=290 1x,//www.dualit.com/cdn/shop/collections/Cocoatiser_copper_-_Website_Carousel_IMG_4.jpg?v=1730714281&width=580 2x,//www.dualit.com/cdn/shop/collections/Cocoatiser_copper_-_Website_Carousel_IMG_4.jpg?v=1730714281&width=870 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/collections/Cocoatiser_copper_-_Website_Carousel_IMG_4.jpg?v=1730714281&width=326 1x,//www.dualit.com/cdn/shop/collections/Cocoatiser_copper_-_Website_Carousel_IMG_4.jpg?v=1730714281&width=652 2x,//www.dualit.com/cdn/shop/collections/Cocoatiser_copper_-_Website_Carousel_IMG_4.jpg?v=1730714281&width=978 3x" /> <source media="(min-width: 480px)" srcset="//www.dualit.com/cdn/shop/collections/Cocoatiser_copper_-_Website_Carousel_IMG_4.jpg?v=1730714281&width=498 1x,//www.dualit.com/cdn/shop/collections/Cocoatiser_copper_-_Website_Carousel_IMG_4.jpg?v=1730714281&width=996 2x,//www.dualit.com/cdn/shop/collections/Cocoatiser_copper_-_Website_Carousel_IMG_4.jpg?v=1730714281&width=1494 3x" /> <img src="//www.dualit.com/cdn/shop/collections/Cocoatiser_copper_-_Website_Carousel_IMG_4.jpg?v=1730714281&width=390" alt="Hot Chocolate Makers" width="390" height="585" loading="lazy" class="w-full h-full object-cover mix-blend-darken"> </picture> </div> <div class="paragraph-1 uppercase mt-fluid-s">Hot Chocolate Makers </div> </a> </li> <li class="swiper-slide text-center"> <a href="/collections/coffee" class="!no-underline"> <div class="aspect-w-2 aspect-h-3 bg-brand-light-grey"> <picture class="w-full h-full object-cover mix-blend-darken [mix-blend-mode:inherit] "> <source media="(min-width: 1665px)" srcset="//www.dualit.com/cdn/shop/collections/Coffee_-_Website_Carousel.jpg?v=1730714188&width=427 1x,//www.dualit.com/cdn/shop/collections/Coffee_-_Website_Carousel.jpg?v=1730714188&width=854 2x,//www.dualit.com/cdn/shop/collections/Coffee_-_Website_Carousel.jpg?v=1730714188&width=1281 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/collections/Coffee_-_Website_Carousel.jpg?v=1730714188&width=298 1x,//www.dualit.com/cdn/shop/collections/Coffee_-_Website_Carousel.jpg?v=1730714188&width=596 2x,//www.dualit.com/cdn/shop/collections/Coffee_-_Website_Carousel.jpg?v=1730714188&width=894 3x" /> <source media="(min-width: 1280px)" srcset="" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/collections/Coffee_-_Website_Carousel.jpg?v=1730714188&width=277 1x,//www.dualit.com/cdn/shop/collections/Coffee_-_Website_Carousel.jpg?v=1730714188&width=554 2x,//www.dualit.com/cdn/shop/collections/Coffee_-_Website_Carousel.jpg?v=1730714188&width=831 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/collections/Coffee_-_Website_Carousel.jpg?v=1730714188&width=290 1x,//www.dualit.com/cdn/shop/collections/Coffee_-_Website_Carousel.jpg?v=1730714188&width=580 2x,//www.dualit.com/cdn/shop/collections/Coffee_-_Website_Carousel.jpg?v=1730714188&width=870 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/collections/Coffee_-_Website_Carousel.jpg?v=1730714188&width=326 1x,//www.dualit.com/cdn/shop/collections/Coffee_-_Website_Carousel.jpg?v=1730714188&width=652 2x,//www.dualit.com/cdn/shop/collections/Coffee_-_Website_Carousel.jpg?v=1730714188&width=978 3x" /> <source media="(min-width: 480px)" srcset="//www.dualit.com/cdn/shop/collections/Coffee_-_Website_Carousel.jpg?v=1730714188&width=498 1x,//www.dualit.com/cdn/shop/collections/Coffee_-_Website_Carousel.jpg?v=1730714188&width=996 2x,//www.dualit.com/cdn/shop/collections/Coffee_-_Website_Carousel.jpg?v=1730714188&width=1494 3x" /> <img src="//www.dualit.com/cdn/shop/collections/Coffee_-_Website_Carousel.jpg?v=1730714188&width=390" alt="Coffee" width="390" height="585" loading="lazy" class="w-full h-full object-cover mix-blend-darken"> </picture> </div> <div class="paragraph-1 uppercase mt-fluid-s">Coffee </div> </a> </li> <li class="swiper-slide text-center"> <a href="/collections/coffee-machines" class="!no-underline"> <div class="aspect-w-2 aspect-h-3 bg-brand-light-grey"> <picture class="w-full h-full object-cover mix-blend-darken [mix-blend-mode:inherit] "> <source media="(min-width: 1665px)" srcset="//www.dualit.com/cdn/shop/collections/Coffee_Machines.jpg?v=1730714375&width=427 1x,//www.dualit.com/cdn/shop/collections/Coffee_Machines.jpg?v=1730714375&width=854 2x,//www.dualit.com/cdn/shop/collections/Coffee_Machines.jpg?v=1730714375&width=1281 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/collections/Coffee_Machines.jpg?v=1730714375&width=298 1x,//www.dualit.com/cdn/shop/collections/Coffee_Machines.jpg?v=1730714375&width=596 2x,//www.dualit.com/cdn/shop/collections/Coffee_Machines.jpg?v=1730714375&width=894 3x" /> <source media="(min-width: 1280px)" srcset="" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/collections/Coffee_Machines.jpg?v=1730714375&width=277 1x,//www.dualit.com/cdn/shop/collections/Coffee_Machines.jpg?v=1730714375&width=554 2x,//www.dualit.com/cdn/shop/collections/Coffee_Machines.jpg?v=1730714375&width=831 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/collections/Coffee_Machines.jpg?v=1730714375&width=290 1x,//www.dualit.com/cdn/shop/collections/Coffee_Machines.jpg?v=1730714375&width=580 2x,//www.dualit.com/cdn/shop/collections/Coffee_Machines.jpg?v=1730714375&width=870 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/collections/Coffee_Machines.jpg?v=1730714375&width=326 1x,//www.dualit.com/cdn/shop/collections/Coffee_Machines.jpg?v=1730714375&width=652 2x,//www.dualit.com/cdn/shop/collections/Coffee_Machines.jpg?v=1730714375&width=978 3x" /> <source media="(min-width: 480px)" srcset="//www.dualit.com/cdn/shop/collections/Coffee_Machines.jpg?v=1730714375&width=498 1x,//www.dualit.com/cdn/shop/collections/Coffee_Machines.jpg?v=1730714375&width=996 2x,//www.dualit.com/cdn/shop/collections/Coffee_Machines.jpg?v=1730714375&width=1494 3x" /> <img src="//www.dualit.com/cdn/shop/collections/Coffee_Machines.jpg?v=1730714375&width=390" alt="Coffee Machines" width="390" height="585" loading="lazy" class="w-full h-full object-cover mix-blend-darken"> </picture> </div> <div class="paragraph-1 uppercase mt-fluid-s">Coffee Machines </div> </a> </li> <li class="swiper-slide text-center"> <a href="/collections/food-prep" class="!no-underline"> <div class="aspect-w-2 aspect-h-3 bg-brand-light-grey"> <picture class="w-full h-full object-cover mix-blend-darken [mix-blend-mode:inherit] "> <source media="(min-width: 1665px)" srcset="//www.dualit.com/cdn/shop/collections/food_prep_-_DHM3A_-_Hand_Mixer_-_Website_Carousel.jpg?v=1730714223&width=427 1x,//www.dualit.com/cdn/shop/collections/food_prep_-_DHM3A_-_Hand_Mixer_-_Website_Carousel.jpg?v=1730714223&width=854 2x,//www.dualit.com/cdn/shop/collections/food_prep_-_DHM3A_-_Hand_Mixer_-_Website_Carousel.jpg?v=1730714223&width=1281 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/collections/food_prep_-_DHM3A_-_Hand_Mixer_-_Website_Carousel.jpg?v=1730714223&width=298 1x,//www.dualit.com/cdn/shop/collections/food_prep_-_DHM3A_-_Hand_Mixer_-_Website_Carousel.jpg?v=1730714223&width=596 2x,//www.dualit.com/cdn/shop/collections/food_prep_-_DHM3A_-_Hand_Mixer_-_Website_Carousel.jpg?v=1730714223&width=894 3x" /> <source media="(min-width: 1280px)" srcset="" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/collections/food_prep_-_DHM3A_-_Hand_Mixer_-_Website_Carousel.jpg?v=1730714223&width=277 1x,//www.dualit.com/cdn/shop/collections/food_prep_-_DHM3A_-_Hand_Mixer_-_Website_Carousel.jpg?v=1730714223&width=554 2x,//www.dualit.com/cdn/shop/collections/food_prep_-_DHM3A_-_Hand_Mixer_-_Website_Carousel.jpg?v=1730714223&width=831 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/collections/food_prep_-_DHM3A_-_Hand_Mixer_-_Website_Carousel.jpg?v=1730714223&width=290 1x,//www.dualit.com/cdn/shop/collections/food_prep_-_DHM3A_-_Hand_Mixer_-_Website_Carousel.jpg?v=1730714223&width=580 2x,//www.dualit.com/cdn/shop/collections/food_prep_-_DHM3A_-_Hand_Mixer_-_Website_Carousel.jpg?v=1730714223&width=870 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/collections/food_prep_-_DHM3A_-_Hand_Mixer_-_Website_Carousel.jpg?v=1730714223&width=326 1x,//www.dualit.com/cdn/shop/collections/food_prep_-_DHM3A_-_Hand_Mixer_-_Website_Carousel.jpg?v=1730714223&width=652 2x,//www.dualit.com/cdn/shop/collections/food_prep_-_DHM3A_-_Hand_Mixer_-_Website_Carousel.jpg?v=1730714223&width=978 3x" /> <source media="(min-width: 480px)" srcset="//www.dualit.com/cdn/shop/collections/food_prep_-_DHM3A_-_Hand_Mixer_-_Website_Carousel.jpg?v=1730714223&width=498 1x,//www.dualit.com/cdn/shop/collections/food_prep_-_DHM3A_-_Hand_Mixer_-_Website_Carousel.jpg?v=1730714223&width=996 2x,//www.dualit.com/cdn/shop/collections/food_prep_-_DHM3A_-_Hand_Mixer_-_Website_Carousel.jpg?v=1730714223&width=1494 3x" /> <img src="//www.dualit.com/cdn/shop/collections/food_prep_-_DHM3A_-_Hand_Mixer_-_Website_Carousel.jpg?v=1730714223&width=390" alt="Food Prep" width="390" height="585" loading="lazy" class="w-full h-full object-cover mix-blend-darken"> </picture> </div> <div class="paragraph-1 uppercase mt-fluid-s">Food Prep </div> </a> </li> <li class="swiper-slide text-center"> <a href="/collections/dualit-baby" class="!no-underline"> <div class="aspect-w-2 aspect-h-3 bg-brand-light-grey"> <picture class="w-full h-full object-cover mix-blend-darken [mix-blend-mode:inherit] "> <source media="(min-width: 1665px)" srcset="//www.dualit.com/cdn/shop/collections/DUALIT_BABY.jpg?v=1685551026&width=427 1x,//www.dualit.com/cdn/shop/collections/DUALIT_BABY.jpg?v=1685551026&width=854 2x,//www.dualit.com/cdn/shop/collections/DUALIT_BABY.jpg?v=1685551026&width=1281 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/collections/DUALIT_BABY.jpg?v=1685551026&width=298 1x,//www.dualit.com/cdn/shop/collections/DUALIT_BABY.jpg?v=1685551026&width=596 2x,//www.dualit.com/cdn/shop/collections/DUALIT_BABY.jpg?v=1685551026&width=894 3x" /> <source media="(min-width: 1280px)" srcset="" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/collections/DUALIT_BABY.jpg?v=1685551026&width=277 1x,//www.dualit.com/cdn/shop/collections/DUALIT_BABY.jpg?v=1685551026&width=554 2x,//www.dualit.com/cdn/shop/collections/DUALIT_BABY.jpg?v=1685551026&width=831 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/collections/DUALIT_BABY.jpg?v=1685551026&width=290 1x,//www.dualit.com/cdn/shop/collections/DUALIT_BABY.jpg?v=1685551026&width=580 2x,//www.dualit.com/cdn/shop/collections/DUALIT_BABY.jpg?v=1685551026&width=870 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/collections/DUALIT_BABY.jpg?v=1685551026&width=326 1x,//www.dualit.com/cdn/shop/collections/DUALIT_BABY.jpg?v=1685551026&width=652 2x,//www.dualit.com/cdn/shop/collections/DUALIT_BABY.jpg?v=1685551026&width=978 3x" /> <source media="(min-width: 480px)" srcset="//www.dualit.com/cdn/shop/collections/DUALIT_BABY.jpg?v=1685551026&width=498 1x,//www.dualit.com/cdn/shop/collections/DUALIT_BABY.jpg?v=1685551026&width=996 2x,//www.dualit.com/cdn/shop/collections/DUALIT_BABY.jpg?v=1685551026&width=1494 3x" /> <img src="//www.dualit.com/cdn/shop/collections/DUALIT_BABY.jpg?v=1685551026&width=390" alt="Dualit Baby" width="390" height="585" loading="lazy" class="w-full h-full object-cover mix-blend-darken"> </picture> </div> <div class="paragraph-1 uppercase mt-fluid-s">Dualit Baby </div> </a> </li> <li class="swiper-slide text-center"> <a href="/collections/catering" class="!no-underline"> <div class="aspect-w-2 aspect-h-3 bg-brand-light-grey"> <picture class="w-full h-full object-cover mix-blend-darken [mix-blend-mode:inherit] "> <source media="(min-width: 1665px)" srcset="//www.dualit.com/cdn/shop/collections/Catering_-_2_in_1_toastie_and_waffle_maker_-_Website_Carousel.jpg?v=1685551044&width=427 1x,//www.dualit.com/cdn/shop/collections/Catering_-_2_in_1_toastie_and_waffle_maker_-_Website_Carousel.jpg?v=1685551044&width=854 2x,//www.dualit.com/cdn/shop/collections/Catering_-_2_in_1_toastie_and_waffle_maker_-_Website_Carousel.jpg?v=1685551044&width=1281 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/collections/Catering_-_2_in_1_toastie_and_waffle_maker_-_Website_Carousel.jpg?v=1685551044&width=298 1x,//www.dualit.com/cdn/shop/collections/Catering_-_2_in_1_toastie_and_waffle_maker_-_Website_Carousel.jpg?v=1685551044&width=596 2x,//www.dualit.com/cdn/shop/collections/Catering_-_2_in_1_toastie_and_waffle_maker_-_Website_Carousel.jpg?v=1685551044&width=894 3x" /> <source media="(min-width: 1280px)" srcset="" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/collections/Catering_-_2_in_1_toastie_and_waffle_maker_-_Website_Carousel.jpg?v=1685551044&width=277 1x,//www.dualit.com/cdn/shop/collections/Catering_-_2_in_1_toastie_and_waffle_maker_-_Website_Carousel.jpg?v=1685551044&width=554 2x,//www.dualit.com/cdn/shop/collections/Catering_-_2_in_1_toastie_and_waffle_maker_-_Website_Carousel.jpg?v=1685551044&width=831 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/collections/Catering_-_2_in_1_toastie_and_waffle_maker_-_Website_Carousel.jpg?v=1685551044&width=290 1x,//www.dualit.com/cdn/shop/collections/Catering_-_2_in_1_toastie_and_waffle_maker_-_Website_Carousel.jpg?v=1685551044&width=580 2x,//www.dualit.com/cdn/shop/collections/Catering_-_2_in_1_toastie_and_waffle_maker_-_Website_Carousel.jpg?v=1685551044&width=870 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/collections/Catering_-_2_in_1_toastie_and_waffle_maker_-_Website_Carousel.jpg?v=1685551044&width=326 1x,//www.dualit.com/cdn/shop/collections/Catering_-_2_in_1_toastie_and_waffle_maker_-_Website_Carousel.jpg?v=1685551044&width=652 2x,//www.dualit.com/cdn/shop/collections/Catering_-_2_in_1_toastie_and_waffle_maker_-_Website_Carousel.jpg?v=1685551044&width=978 3x" /> <source media="(min-width: 480px)" srcset="//www.dualit.com/cdn/shop/collections/Catering_-_2_in_1_toastie_and_waffle_maker_-_Website_Carousel.jpg?v=1685551044&width=498 1x,//www.dualit.com/cdn/shop/collections/Catering_-_2_in_1_toastie_and_waffle_maker_-_Website_Carousel.jpg?v=1685551044&width=996 2x,//www.dualit.com/cdn/shop/collections/Catering_-_2_in_1_toastie_and_waffle_maker_-_Website_Carousel.jpg?v=1685551044&width=1494 3x" /> <img src="//www.dualit.com/cdn/shop/collections/Catering_-_2_in_1_toastie_and_waffle_maker_-_Website_Carousel.jpg?v=1685551044&width=390" alt="Catering" width="390" height="585" loading="lazy" class="w-full h-full object-cover mix-blend-darken"> </picture> </div> <div class="paragraph-1 uppercase mt-fluid-s">Catering </div> </a> </li> </ul> <span class="swiper-button-prev"> <span class="swiper-button-inner"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25.131 24.637"> <path id="Path_11289" data-name="Path 11289" d="M6,16.9H28.717m0,0L17.813,6m10.9,10.9-10.9,10.9" transform="translate(-5 -4.586)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </svg> </span> </span> <span class="swiper-button-next"> <span class="swiper-button-inner"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25.131 24.637"> <path id="Path_11289" data-name="Path 11289" d="M6,16.9H28.717m0,0L17.813,6m10.9,10.9-10.9,10.9" transform="translate(-5 -4.586)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </svg> </span> </span> <div class="slider-scrollbar block w-1/2 max-w-[760px] mx-auto mt-fluid-xl"></div> </article> </div> </div> </collection-carousel> </div> </section><section id="shopify-section-template--21946162086199__567758a5-b5af-4fe9-b009-9706e84c3a52" class="shopify-section featured-section"> <div class="wrapper flex flex-col lg:flex-row gap-fluid-l"> <style data-shopify> .template--19174370083127__567758a5-b5af-4fe9-b009-9706e84c3a52-16844312166bc7d8fd-1-bg { background-color: #000000; } .template--19174370083127__567758a5-b5af-4fe9-b009-9706e84c3a52-16844312166bc7d8fd-1-accent-text { color: #ffffff; } .btn--outline.template--19174370083127__567758a5-b5af-4fe9-b009-9706e84c3a52-16844312166bc7d8fd-1-accent-btn { color: #ffffff; border-color: #ffffff; } .btn--outline.template--19174370083127__567758a5-b5af-4fe9-b009-9706e84c3a52-16844312166bc7d8fd-1-accent-btn:hover { color: initial; background-color: #ffffff; } .btn--primary.template--19174370083127__567758a5-b5af-4fe9-b009-9706e84c3a52-16844312166bc7d8fd-1-accent-btn { background-color: #ffffff; border-color: #ffffff; } .btn--primary.template--19174370083127__567758a5-b5af-4fe9-b009-9706e84c3a52-16844312166bc7d8fd-1-accent-btn:hover { color: #ffffff; background-color: transparent; } </style> <div class="lg:w-1/2 template--19174370083127__567758a5-b5af-4fe9-b009-9706e84c3a52-16844312166bc7d8fd-1-bg template--19174370083127__567758a5-b5af-4fe9-b009-9706e84c3a52-16844312166bc7d8fd-1-accent-text overflow-hidden"> <div class="relative w-full h-full aspect-square"> <div class="w-full h-full [&>video]:h-full [&>video]:object-cover absolute top-0 left-0"> <div class="w-full h-full "> <picture class="w-full h-full object-cover [mix-blend-mode:inherit] "> <source media="(min-width: 1920px)" srcset="//www.dualit.com/cdn/shop/files/DMF4_Cocoatiser_polished-pour-web_a4ffc23c-da2e-4679-a044-525d20e884f2.jpg?v=1709828037&width=1080 1x,//www.dualit.com/cdn/shop/files/DMF4_Cocoatiser_polished-pour-web_a4ffc23c-da2e-4679-a044-525d20e884f2.jpg?v=1709828037&width=2160 2x,//www.dualit.com/cdn/shop/files/DMF4_Cocoatiser_polished-pour-web_a4ffc23c-da2e-4679-a044-525d20e884f2.jpg?v=1709828037&width=3240 3x" /> <source media="(min-width: 1440px)" srcset="//www.dualit.com/cdn/shop/files/DMF4_Cocoatiser_polished-pour-web_a4ffc23c-da2e-4679-a044-525d20e884f2.jpg?v=1709828037&width=720 1x,//www.dualit.com/cdn/shop/files/DMF4_Cocoatiser_polished-pour-web_a4ffc23c-da2e-4679-a044-525d20e884f2.jpg?v=1709828037&width=1440 2x,//www.dualit.com/cdn/shop/files/DMF4_Cocoatiser_polished-pour-web_a4ffc23c-da2e-4679-a044-525d20e884f2.jpg?v=1709828037&width=2160 3x" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/files/DMF4_Cocoatiser_polished-pour-web_a4ffc23c-da2e-4679-a044-525d20e884f2.jpg?crop=center&height=576&v=1709828037&width=576 1x,//www.dualit.com/cdn/shop/files/DMF4_Cocoatiser_polished-pour-web_a4ffc23c-da2e-4679-a044-525d20e884f2.jpg?crop=center&height=1152&v=1709828037&width=1152 2x,//www.dualit.com/cdn/shop/files/DMF4_Cocoatiser_polished-pour-web_a4ffc23c-da2e-4679-a044-525d20e884f2.jpg?crop=center&height=1728&v=1709828037&width=1728 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/DMF4_Cocoatiser_polished-pour-web_a4ffc23c-da2e-4679-a044-525d20e884f2.jpg?crop=center&height=576&v=1709828037&width=576 1x,//www.dualit.com/cdn/shop/files/DMF4_Cocoatiser_polished-pour-web_a4ffc23c-da2e-4679-a044-525d20e884f2.jpg?crop=center&height=1152&v=1709828037&width=1152 2x,//www.dualit.com/cdn/shop/files/DMF4_Cocoatiser_polished-pour-web_a4ffc23c-da2e-4679-a044-525d20e884f2.jpg?crop=center&height=1728&v=1709828037&width=1728 3x" /> <source media="(min-width: 480px)" srcset="//www.dualit.com/cdn/shop/files/DMF4_Cocoatiser_polished-pour-web_a4ffc23c-da2e-4679-a044-525d20e884f2.jpg?v=1709828037&width=576 1x,//www.dualit.com/cdn/shop/files/DMF4_Cocoatiser_polished-pour-web_a4ffc23c-da2e-4679-a044-525d20e884f2.jpg?v=1709828037&width=1152 2x,//www.dualit.com/cdn/shop/files/DMF4_Cocoatiser_polished-pour-web_a4ffc23c-da2e-4679-a044-525d20e884f2.jpg?v=1709828037&width=1728 3x" /> <img src="//www.dualit.com/cdn/shop/files/DMF4_Cocoatiser_polished-pour-web_a4ffc23c-da2e-4679-a044-525d20e884f2.jpg?v=1709828037&width=480" width="480" height="480" loading="lazy" class="w-full h-full object-cover"> </picture> </div> </div> <div class="relative flex px-fluid-l md:px-fluid-2xl aspect-square py-fluid-4xl justify-center text-center items-center md:justify-center md:text-center md:items-center "> <div class="sm:w-11/12 flex flex-col"> <div class="paragraph-1 uppercase mb-fluid-3xs"> Cocoatiser™ </div> <h2 class="d-2 font-medium">Create delicious hot chocolate at home</h2> <div class="mx-auto md:mx-auto mt-fluid-l"> <a href="/products/cocoatiser" aria-label="Hot Chocolate Makers" class="btn btn--primary btn--small template--19174370083127__567758a5-b5af-4fe9-b009-9706e84c3a52-16844312166bc7d8fd-1-accent-btn" > Hot Chocolate Makers </a> </div> </div> </div> </div> </div> <style data-shopify> .template--19174370083127__567758a5-b5af-4fe9-b009-9706e84c3a52-16844312166bc7d8fd-0-bg { background-color: #ffffff; } .template--19174370083127__567758a5-b5af-4fe9-b009-9706e84c3a52-16844312166bc7d8fd-0-accent-text { color: #ffffff; } .btn--outline.template--19174370083127__567758a5-b5af-4fe9-b009-9706e84c3a52-16844312166bc7d8fd-0-accent-btn { color: #ffffff; border-color: #ffffff; } .btn--outline.template--19174370083127__567758a5-b5af-4fe9-b009-9706e84c3a52-16844312166bc7d8fd-0-accent-btn:hover { color: initial; background-color: #ffffff; } .btn--primary.template--19174370083127__567758a5-b5af-4fe9-b009-9706e84c3a52-16844312166bc7d8fd-0-accent-btn { background-color: #ffffff; border-color: #ffffff; } .btn--primary.template--19174370083127__567758a5-b5af-4fe9-b009-9706e84c3a52-16844312166bc7d8fd-0-accent-btn:hover { color: #ffffff; background-color: transparent; } </style> <div class="lg:w-1/2 template--19174370083127__567758a5-b5af-4fe9-b009-9706e84c3a52-16844312166bc7d8fd-0-bg template--19174370083127__567758a5-b5af-4fe9-b009-9706e84c3a52-16844312166bc7d8fd-0-accent-text overflow-hidden"> <div class="relative w-full h-full aspect-square"> <div class="w-full h-full [&>video]:h-full [&>video]:object-cover absolute top-0 left-0"> <div class="w-full h-full "> <picture class="w-full h-full object-cover [mix-blend-mode:inherit] "> <source media="(min-width: 1920px)" srcset="//www.dualit.com/cdn/shop/files/DHM3b-Copper-Lifestyle-3-Web_662bf416-b8ab-4f9a-9f88-c8ba1e0b1863.jpg?v=1725628955&width=1080 1x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Lifestyle-3-Web_662bf416-b8ab-4f9a-9f88-c8ba1e0b1863.jpg?v=1725628955&width=2160 2x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Lifestyle-3-Web_662bf416-b8ab-4f9a-9f88-c8ba1e0b1863.jpg?v=1725628955&width=3240 3x" /> <source media="(min-width: 1440px)" srcset="//www.dualit.com/cdn/shop/files/DHM3b-Copper-Lifestyle-3-Web_662bf416-b8ab-4f9a-9f88-c8ba1e0b1863.jpg?v=1725628955&width=720 1x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Lifestyle-3-Web_662bf416-b8ab-4f9a-9f88-c8ba1e0b1863.jpg?v=1725628955&width=1440 2x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Lifestyle-3-Web_662bf416-b8ab-4f9a-9f88-c8ba1e0b1863.jpg?v=1725628955&width=2160 3x" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/files/DHM3b-Copper-Lifestyle-3-Web_662bf416-b8ab-4f9a-9f88-c8ba1e0b1863.jpg?crop=center&height=576&v=1725628955&width=576 1x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Lifestyle-3-Web_662bf416-b8ab-4f9a-9f88-c8ba1e0b1863.jpg?crop=center&height=1152&v=1725628955&width=1152 2x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Lifestyle-3-Web_662bf416-b8ab-4f9a-9f88-c8ba1e0b1863.jpg?crop=center&height=1728&v=1725628955&width=1728 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/DHM3b-Copper-Lifestyle-3-Web_662bf416-b8ab-4f9a-9f88-c8ba1e0b1863.jpg?crop=center&height=576&v=1725628955&width=576 1x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Lifestyle-3-Web_662bf416-b8ab-4f9a-9f88-c8ba1e0b1863.jpg?crop=center&height=1152&v=1725628955&width=1152 2x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Lifestyle-3-Web_662bf416-b8ab-4f9a-9f88-c8ba1e0b1863.jpg?crop=center&height=1728&v=1725628955&width=1728 3x" /> <source media="(min-width: 480px)" srcset="//www.dualit.com/cdn/shop/files/DHM3b-Copper-Lifestyle-3-Web_662bf416-b8ab-4f9a-9f88-c8ba1e0b1863.jpg?v=1725628955&width=576 1x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Lifestyle-3-Web_662bf416-b8ab-4f9a-9f88-c8ba1e0b1863.jpg?v=1725628955&width=1152 2x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Lifestyle-3-Web_662bf416-b8ab-4f9a-9f88-c8ba1e0b1863.jpg?v=1725628955&width=1728 3x" /> <img src="//www.dualit.com/cdn/shop/files/DHM3b-Copper-Lifestyle-3-Web_662bf416-b8ab-4f9a-9f88-c8ba1e0b1863.jpg?v=1725628955&width=480" width="480" height="480" loading="lazy" class="w-full h-full object-cover"> </picture> </div> </div> <div class="relative flex px-fluid-l md:px-fluid-2xl aspect-square py-fluid-4xl justify-center text-center items-center md:justify-center md:text-center md:items-center "> <div class="sm:w-10/12 flex flex-col"> <div class="paragraph-1 uppercase mb-fluid-3xs"> Hand Mixer </div> <h2 class="d-2 font-medium">Whip up a treat with ease</h2> <div class="mx-auto md:mx-auto mt-fluid-l"> <a href="/products/hand-mixers" aria-label="Discover Hand Mixers" class="btn btn--primary btn--small template--19174370083127__567758a5-b5af-4fe9-b009-9706e84c3a52-16844312166bc7d8fd-0-accent-btn" > Discover Hand Mixers </a> </div> </div> </div> </div> </div> </div> </section><section id="shopify-section-template--21946162086199__df4ba7bc-d295-4afb-95f0-86b19d5c2114" class="shopify-section product-carousel-section"> <script src="//www.dualit.com/cdn/shop/t/308/assets/product-carousel-d1b77c57.js" type="module" crossorigin="anonymous"></script> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/swiper.min-24c47e0d.js" crossorigin="anonymous"> <link href="//www.dualit.com/cdn/shop/t/308/assets/swiper-6c402b13.css" rel="stylesheet" type="text/css" media="all" /> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/navigation-ad186b30.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/scrollbar-2cc0a1bb.js" crossorigin="anonymous"> <div> <product-carousel> <div class="overflow-hidden pb-[1px]"> <div class="wrapper"> <ul class="w-full flex flex-row justify-between sm:justify-start mb-fluid-xl sm:gap-fluid-2xl" data-product-tabs> <li> <h2 class="heading-1 !underline-offset-[14px] !decoration-2 !font-normal text-brand-medium-grey no-underline cursor-pointer" data-product-tab="shop-popular" > Shop Popular </h2> </li> <li> <h2 class="heading-1 !underline-offset-[14px] !decoration-2 !font-normal text-brand-medium-grey no-underline cursor-pointer" data-product-tab="shop-offers" > Shop Offers </h2> </li> </ul> <div data-product-group="shop-popular" class="mb-fluid-xl " > <article id="product-carousel-template--21946162086199__df4ba7bc-d295-4afb-95f0-86b19d5c2114" data-product-carousel="template--21946162086199__df4ba7bc-d295-4afb-95f0-86b19d5c2114" class="product-carousel swiper !overflow-visible wrapper relative" > <ul class="swiper-wrapper flex flex-col sm:flex-row justify-stretch"> <li class="swiper-slide !min-w-full sm:!min-w-0 !h-auto mb-fluid-l sm:mb-0 bg-brand-light-grey"> <div class="h-full flex flex-col bg-brand-light-grey text-center rounded-card overflow-hidden"> <div class="product-card h-full flex flex-col"> <div class="product-card__image relative aspect-w-1 aspect-h-1 bg-brand-light-grey rounded-card overflow-hidden"> <div class="flex justify-center items-center px-fluid-md"> <a href="/products/hand-mixers" class="hover:no-underline" aria-label="Hand Mixer"> <picture class="w-full h-full object-contain mix-blend-darken [mix-blend-mode:inherit] "> <source media="(min-width: 1665px)" srcset="//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=572 1x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=1144 2x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=1716 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=494 1x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=988 2x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=1482 3x" /> <source media="(min-width: 1280px)" srcset="//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=397 1x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=794 2x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=1191 3x" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=580 1x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=1160 2x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=1740 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=460 1x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=920 2x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=1380 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=727 1x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=1454 2x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=2181 3x" /> <source media="(min-width: 390px)" srcset="//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=600 1x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=1200 2x,//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=1800 3x" /> <img src="//www.dualit.com/cdn/shop/files/DHM3b-Copper-Body-SideOn-WebGrey.jpg?v=1725628823&width=350" alt="Hand Mixer" width="350" height="350" loading="lazy" class="w-full h-full object-contain mix-blend-darken"> </picture> </a> <div class="absolute bottom-0 right-0 p-fluid-md"> <style data-shopify> [data-quick-atc]:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 31.132 22.809' fill='%2379B726'%3E%3Cpath id='Path_11307' data-name='Path 11307' d='M13.323,28.809a1,1,0,0,1-.707-.293L4.293,20.192a1,1,0,1,1,1.414-1.414l7.616,7.616,20.1-20.1a1,1,0,1,1,1.414,1.414L14.031,28.516A1,1,0,0,1,13.323,28.809Z' transform='translate(-4 -6)'/%3E%3C/svg%3E%0A"); } [data-quick-atc]:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 45 45'%3E%3Cg id='Group_20211' data-name='Group 20211' transform='translate(-366 -5014)'%3E%3Cpath id='Path_11481' data-name='Path 11481' d='M6,11.4h5.4m5.4,0H11.4m0,0V6m0,5.4v5.4' transform='translate(378.103 5017.706)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='Group_18795' data-name='Group 18795' transform='translate(374.45 5029.042)'%3E%3Cpath id='Path_11403' data-name='Path 11403' d='M-3106.368-1410.977h3.963l4.2,14.071h13.063l4.12-10.933' transform='translate(3106.368 1410.977)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_221' data-name='Ellipse 221' cx='2.116' cy='2.116' r='2.116' transform='translate(7.571 18.302)' fill='%23fff'/%3E%3Ccircle id='Ellipse_222' data-name='Ellipse 222' cx='2.116' cy='2.116' r='2.116' transform='translate(17.443 18.302)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } </style> </div> </div> <style data-shopify> .product-label .label-1 { color: #53555A; border-color: #53555A; } .product-label .label-2 { color: #FF0000; border-color: #FF0000; } .product-label .label-3 { color: #000000; border-color: #000000; } </style> <div class="product-label min-w-max h-max w-1/2 absolute z-10 top-0 left-0 p-fluid-md flex flex-row flex-wrap gap-fluid-2xs"> <span class="label-1 w-max h-max flex items-center capitalize justify-center text-center paragraph-3 sm:text-[16px] border rounded-3xl px-fluid-s py-[1px]" > As seen on tv </span> </div> <div class="product-stars h-max w-max max-w-1/2 absolute z-10 top-0 right-0 left-[initial] p-fluid-md flex flex-row flex-wrap gap-fluid-2xs pointer-events-none [&_.yotpo-sr-bottom-line-text]:!text-sm [&_.yotpo-sr-bottom-line-text]:!font-medium [&_.yotpo-sr-bottom-line-text]:!leading-none"> <div class="yotpo-widget-instance" data-yotpo-instance-id="410807" data-yotpo-product-id="8355257680183" data-yotpo-cart-product-id="" data-yotpo-section-id="collection"></div> </div> </div> <div class="product-card__content h-full flex flex-col justify-between grow pb-fluid-l"> <div> <a href="/products/hand-mixers" class="hover:no-underline" aria-label="Hand Mixer"> <p class="product-card__title heading-3 mt-fluid-s mb-fluid-3xs"> Hand Mixer </p> <p class="product-card__price font-medium paragraph-2 sm:text-[22px] pb-fluid-s"> <span data-price class=""> £79.99 </span> </p> </a> </div> <style data-shopify> .current-variant { box-shadow: 0 0 0 2px #000000; } .out-of-stock::after { content: ''; display: inline-block; width: 100%; height: 2px; background: #000000; transform: rotate(-45deg)translate(-1px, 1px); } @media(min-width: 1024px) { .out-of-stock::after { transform: rotate(-45deg)translate(-3px, 2px); } } </style> <div data-variant-option="Colour"> <div class="flex flex-wrap items-center justify-center gap-[5px] lg:gap-[8px]"> <a href="/products/hand-mixers?variant=49594355581239" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Copper" data-variant="49594355581239" data-is-current="true" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: linear-gradient(105deg, rgba(245,205,184,1) 0%, rgba(181,129,99,1) 96%)" > <span class="sr-only">Copper</span> </div> </a> <a href="/products/hand-mixers?variant=45452858949943" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Chrome" data-variant="45452858949943" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: linear-gradient(105deg, rgba(238,237,240,1) 0%, rgba(92,87,91,1) 96%)" > <span class="sr-only">Chrome</span> </div> </a> </div> </div> </div> </a> </div> </li> <li class="swiper-slide !min-w-full sm:!min-w-0 !h-auto mb-fluid-l sm:mb-0 bg-brand-light-grey"> <div class="h-full flex flex-col bg-brand-light-grey text-center rounded-card overflow-hidden"> <div class="product-card h-full flex flex-col"> <div class="product-card__image relative aspect-w-1 aspect-h-1 bg-brand-light-grey rounded-card overflow-hidden"> <div class="flex justify-center items-center px-fluid-md"> <a href="/products/cocoatiser" class="hover:no-underline" aria-label="Cocoatiser Hot Chocolate Maker"> <picture class="w-full h-full object-contain mix-blend-darken [mix-blend-mode:inherit] "> <source media="(min-width: 1665px)" srcset="//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=572 1x,//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=1144 2x,//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=1716 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=494 1x,//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=988 2x,//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=1482 3x" /> <source media="(min-width: 1280px)" srcset="//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=397 1x,//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=794 2x,//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=1191 3x" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=580 1x,//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=1160 2x,//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=1740 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=460 1x,//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=920 2x,//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=1380 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=727 1x,//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=1454 2x,//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=2181 3x" /> <source media="(min-width: 390px)" srcset="//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=600 1x,//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=1200 2x,//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=1800 3x" /> <img src="//www.dualit.com/cdn/shop/files/Cocoatiser-Copper-Front-LightOff-WebGrey_HHMFangle.jpg?v=1710771073&width=350" alt="Cocoatiser Hot Chocolate Maker" width="350" height="350" loading="lazy" class="w-full h-full object-contain mix-blend-darken"> </picture> </a> <div class="absolute bottom-0 right-0 p-fluid-md"> <style data-shopify> [data-quick-atc]:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 31.132 22.809' fill='%2379B726'%3E%3Cpath id='Path_11307' data-name='Path 11307' d='M13.323,28.809a1,1,0,0,1-.707-.293L4.293,20.192a1,1,0,1,1,1.414-1.414l7.616,7.616,20.1-20.1a1,1,0,1,1,1.414,1.414L14.031,28.516A1,1,0,0,1,13.323,28.809Z' transform='translate(-4 -6)'/%3E%3C/svg%3E%0A"); } [data-quick-atc]:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 45 45'%3E%3Cg id='Group_20211' data-name='Group 20211' transform='translate(-366 -5014)'%3E%3Cpath id='Path_11481' data-name='Path 11481' d='M6,11.4h5.4m5.4,0H11.4m0,0V6m0,5.4v5.4' transform='translate(378.103 5017.706)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='Group_18795' data-name='Group 18795' transform='translate(374.45 5029.042)'%3E%3Cpath id='Path_11403' data-name='Path 11403' d='M-3106.368-1410.977h3.963l4.2,14.071h13.063l4.12-10.933' transform='translate(3106.368 1410.977)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_221' data-name='Ellipse 221' cx='2.116' cy='2.116' r='2.116' transform='translate(7.571 18.302)' fill='%23fff'/%3E%3Ccircle id='Ellipse_222' data-name='Ellipse 222' cx='2.116' cy='2.116' r='2.116' transform='translate(17.443 18.302)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } </style> </div> </div> <style data-shopify> .product-label .label-1 { color: #53555A; border-color: #53555A; } .product-label .label-2 { color: #FF0000; border-color: #FF0000; } .product-label .label-3 { color: #000000; border-color: #000000; } </style> <div class="product-label min-w-max h-max w-1/2 absolute z-10 top-0 left-0 p-fluid-md flex flex-row flex-wrap gap-fluid-2xs"> <span class="label-1 w-max h-max flex items-center capitalize justify-center text-center paragraph-3 sm:text-[16px] border rounded-3xl px-fluid-s py-[1px]" > New </span> </div> <div class="product-stars h-max w-max max-w-1/2 absolute z-10 top-0 right-0 left-[initial] p-fluid-md flex flex-row flex-wrap gap-fluid-2xs pointer-events-none [&_.yotpo-sr-bottom-line-text]:!text-sm [&_.yotpo-sr-bottom-line-text]:!font-medium [&_.yotpo-sr-bottom-line-text]:!leading-none"> <div class="yotpo-widget-instance" data-yotpo-instance-id="410807" data-yotpo-product-id="9198309310775" data-yotpo-cart-product-id="" data-yotpo-section-id="collection"></div> </div> </div> <div class="product-card__content h-full flex flex-col justify-between grow pb-fluid-l"> <div> <a href="/products/cocoatiser" class="hover:no-underline" aria-label="Cocoatiser Hot Chocolate Maker"> <p class="product-card__title heading-3 mt-fluid-s mb-fluid-3xs"> Cocoatiser Hot Chocolate Maker </p> <p class="product-card__price font-medium paragraph-2 sm:text-[22px] pb-fluid-s"> <span data-price class=""> £69.99 </span> </p> </a> </div> <style data-shopify> .current-variant { box-shadow: 0 0 0 2px #000000; } .out-of-stock::after { content: ''; display: inline-block; width: 100%; height: 2px; background: #000000; transform: rotate(-45deg)translate(-1px, 1px); } @media(min-width: 1024px) { .out-of-stock::after { transform: rotate(-45deg)translate(-3px, 2px); } } </style> <div data-variant-option="Colour"> <div class="flex flex-wrap items-center justify-center gap-[5px] lg:gap-[8px]"> <a href="/products/cocoatiser?variant=48054723510583" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Copper" data-variant="48054723510583" data-is-current="true" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: linear-gradient(105deg, rgba(245,205,184,1) 0%, rgba(181,129,99,1) 96%)" > <span class="sr-only">Copper</span> </div> </a> <a href="/products/cocoatiser?variant=48054723477815" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Chrome" data-variant="48054723477815" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: linear-gradient(105deg, rgba(238,237,240,1) 0%, rgba(92,87,91,1) 96%)" > <span class="sr-only">Chrome</span> </div> </a> </div> </div> </div> </a> </div> </li> <li class="swiper-slide !min-w-full sm:!min-w-0 !h-auto mb-fluid-l sm:mb-0 bg-brand-light-grey"> <div class="h-full flex flex-col bg-brand-light-grey text-center rounded-card overflow-hidden"> <div class="product-card h-full flex flex-col"> <div class="product-card__image relative aspect-w-1 aspect-h-1 bg-brand-light-grey rounded-card overflow-hidden"> <div class="flex justify-center items-center px-fluid-md"> <a href="/products/700w-hand-blender" class="hover:no-underline" aria-label="Hand Blender"> <picture class="w-full h-full object-contain mix-blend-darken [mix-blend-mode:inherit] "> <source media="(min-width: 1665px)" srcset="//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=572 1x,//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=1144 2x,//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=1716 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=494 1x,//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=988 2x,//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=1482 3x" /> <source media="(min-width: 1280px)" srcset="//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=397 1x,//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=794 2x,//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=1191 3x" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=580 1x,//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=1160 2x,//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=1740 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=460 1x,//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=920 2x,//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=1380 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=727 1x,//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=1454 2x,//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=2181 3x" /> <source media="(min-width: 390px)" srcset="//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=600 1x,//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=1200 2x,//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=1800 3x" /> <img src="//www.dualit.com/cdn/shop/files/DHB2a-Copper-Cluster-WebGrey.jpg?v=1725629171&width=350" alt="Hand Blender" width="350" height="350" loading="lazy" class="w-full h-full object-contain mix-blend-darken"> </picture> </a> <div class="absolute bottom-0 right-0 p-fluid-md"> <style data-shopify> [data-quick-atc]:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 31.132 22.809' fill='%2379B726'%3E%3Cpath id='Path_11307' data-name='Path 11307' d='M13.323,28.809a1,1,0,0,1-.707-.293L4.293,20.192a1,1,0,1,1,1.414-1.414l7.616,7.616,20.1-20.1a1,1,0,1,1,1.414,1.414L14.031,28.516A1,1,0,0,1,13.323,28.809Z' transform='translate(-4 -6)'/%3E%3C/svg%3E%0A"); } [data-quick-atc]:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 45 45'%3E%3Cg id='Group_20211' data-name='Group 20211' transform='translate(-366 -5014)'%3E%3Cpath id='Path_11481' data-name='Path 11481' d='M6,11.4h5.4m5.4,0H11.4m0,0V6m0,5.4v5.4' transform='translate(378.103 5017.706)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='Group_18795' data-name='Group 18795' transform='translate(374.45 5029.042)'%3E%3Cpath id='Path_11403' data-name='Path 11403' d='M-3106.368-1410.977h3.963l4.2,14.071h13.063l4.12-10.933' transform='translate(3106.368 1410.977)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_221' data-name='Ellipse 221' cx='2.116' cy='2.116' r='2.116' transform='translate(7.571 18.302)' fill='%23fff'/%3E%3Ccircle id='Ellipse_222' data-name='Ellipse 222' cx='2.116' cy='2.116' r='2.116' transform='translate(17.443 18.302)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } </style> </div> </div> <style data-shopify> .product-label .label-1 { color: #53555A; border-color: #53555A; } .product-label .label-2 { color: #FF0000; border-color: #FF0000; } .product-label .label-3 { color: #000000; border-color: #000000; } </style> <div class="product-label min-w-max h-max w-1/2 absolute z-10 top-0 left-0 p-fluid-md flex flex-row flex-wrap gap-fluid-2xs"> </div> <div class="product-stars h-max w-max max-w-1/2 absolute z-10 top-0 right-0 left-[initial] p-fluid-md flex flex-row flex-wrap gap-fluid-2xs pointer-events-none [&_.yotpo-sr-bottom-line-text]:!text-sm [&_.yotpo-sr-bottom-line-text]:!font-medium [&_.yotpo-sr-bottom-line-text]:!leading-none"> <div class="yotpo-widget-instance" data-yotpo-instance-id="410807" data-yotpo-product-id="8336462709047" data-yotpo-cart-product-id="" data-yotpo-section-id="collection"></div> </div> </div> <div class="product-card__content h-full flex flex-col justify-between grow pb-fluid-l"> <div> <a href="/products/700w-hand-blender" class="hover:no-underline" aria-label="Hand Blender"> <p class="product-card__title heading-3 mt-fluid-s mb-fluid-3xs"> Hand Blender </p> <p class="product-card__price font-medium paragraph-2 sm:text-[22px] pb-fluid-s"> <span data-price class=""> £99.99 </span> </p> </a> </div> <style data-shopify> .current-variant { box-shadow: 0 0 0 2px #000000; } .out-of-stock::after { content: ''; display: inline-block; width: 100%; height: 2px; background: #000000; transform: rotate(-45deg)translate(-1px, 1px); } @media(min-width: 1024px) { .out-of-stock::after { transform: rotate(-45deg)translate(-3px, 2px); } } </style> <div data-variant-option="Colour"> <div class="flex flex-wrap items-center justify-center gap-[5px] lg:gap-[8px]"> <a href="/products/700w-hand-blender?variant=49594360529207" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Copper" data-variant="49594360529207" data-is-current="true" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: linear-gradient(105deg, rgba(245,205,184,1) 0%, rgba(181,129,99,1) 96%)" > <span class="sr-only">Copper</span> </div> </a> <a href="/products/700w-hand-blender?variant=45393722310967" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Chrome" data-variant="45393722310967" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: linear-gradient(105deg, rgba(238,237,240,1) 0%, rgba(92,87,91,1) 96%)" > <span class="sr-only">Chrome</span> </div> </a> </div> </div> </div> </a> </div> </li> </ul> <span class="swiper-button-prev"> <span class="swiper-button-inner"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25.131 24.637"> <path id="Path_11289" data-name="Path 11289" d="M6,16.9H28.717m0,0L17.813,6m10.9,10.9-10.9,10.9" transform="translate(-5 -4.586)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </svg> </span> </span> <span class="swiper-button-next"> <span class="swiper-button-inner"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25.131 24.637"> <path id="Path_11289" data-name="Path 11289" d="M6,16.9H28.717m0,0L17.813,6m10.9,10.9-10.9,10.9" transform="translate(-5 -4.586)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </svg> </span> </span> <div class="slider-scrollbar hidden sm:block w-1/2 max-w-[760px] mx-auto mt-fluid-xl"></div> </article> </div> <div data-product-group="shop-offers" class="mb-fluid-xl hidden" > <article id="product-carousel-template--21946162086199__df4ba7bc-d295-4afb-95f0-86b19d5c2114" data-product-carousel="template--21946162086199__df4ba7bc-d295-4afb-95f0-86b19d5c2114" class="product-carousel swiper !overflow-visible wrapper relative" > <ul class="swiper-wrapper flex flex-col sm:flex-row justify-stretch"> <li class="swiper-slide !min-w-full sm:!min-w-0 !h-auto mb-fluid-l sm:mb-0 bg-brand-light-grey"> <div class="h-full flex flex-col bg-brand-light-grey text-center rounded-card overflow-hidden"> <div class="product-card h-full flex flex-col"> <div class="product-card__image relative aspect-w-1 aspect-h-1 bg-brand-light-grey rounded-card overflow-hidden"> <div class="flex justify-center items-center px-fluid-md"> <a href="/products/classic-kettle" class="hover:no-underline" aria-label="Classic Kettle"> <picture class="w-full h-full object-contain mix-blend-darken [mix-blend-mode:inherit] "> <source media="(min-width: 1665px)" srcset="//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=572 1x,//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=1144 2x,//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=1716 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=494 1x,//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=988 2x,//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=1482 3x" /> <source media="(min-width: 1280px)" srcset="//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=397 1x,//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=794 2x,//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=1191 3x" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=580 1x,//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=1160 2x,//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=1740 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=460 1x,//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=920 2x,//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=1380 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=727 1x,//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=1454 2x,//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=2181 3x" /> <source media="(min-width: 390px)" srcset="//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=600 1x,//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=1200 2x,//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=1800 3x" /> <img src="//www.dualit.com/cdn/shop/products/ClassicKettlePolished_Ecom_2.jpg?v=1686049024&width=350" alt="Classic Kettle" width="350" height="350" loading="lazy" class="w-full h-full object-contain mix-blend-darken"> </picture> </a> <div class="absolute bottom-0 right-0 p-fluid-md"> <style data-shopify> [data-quick-atc]:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 31.132 22.809' fill='%2379B726'%3E%3Cpath id='Path_11307' data-name='Path 11307' d='M13.323,28.809a1,1,0,0,1-.707-.293L4.293,20.192a1,1,0,1,1,1.414-1.414l7.616,7.616,20.1-20.1a1,1,0,1,1,1.414,1.414L14.031,28.516A1,1,0,0,1,13.323,28.809Z' transform='translate(-4 -6)'/%3E%3C/svg%3E%0A"); } [data-quick-atc]:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 45 45'%3E%3Cg id='Group_20211' data-name='Group 20211' transform='translate(-366 -5014)'%3E%3Cpath id='Path_11481' data-name='Path 11481' d='M6,11.4h5.4m5.4,0H11.4m0,0V6m0,5.4v5.4' transform='translate(378.103 5017.706)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='Group_18795' data-name='Group 18795' transform='translate(374.45 5029.042)'%3E%3Cpath id='Path_11403' data-name='Path 11403' d='M-3106.368-1410.977h3.963l4.2,14.071h13.063l4.12-10.933' transform='translate(3106.368 1410.977)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_221' data-name='Ellipse 221' cx='2.116' cy='2.116' r='2.116' transform='translate(7.571 18.302)' fill='%23fff'/%3E%3Ccircle id='Ellipse_222' data-name='Ellipse 222' cx='2.116' cy='2.116' r='2.116' transform='translate(17.443 18.302)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } </style> </div> </div> <style data-shopify> .product-label .label-1 { color: #53555A; border-color: #53555A; } .product-label .label-2 { color: #FF0000; border-color: #FF0000; } .product-label .label-3 { color: #000000; border-color: #000000; } </style> <div class="product-label min-w-max h-max w-1/2 absolute z-10 top-0 left-0 p-fluid-md flex flex-row flex-wrap gap-fluid-2xs"> </div> <div class="product-stars h-max w-max max-w-1/2 absolute z-10 top-0 right-0 left-[initial] p-fluid-md flex flex-row flex-wrap gap-fluid-2xs pointer-events-none [&_.yotpo-sr-bottom-line-text]:!text-sm [&_.yotpo-sr-bottom-line-text]:!font-medium [&_.yotpo-sr-bottom-line-text]:!leading-none"> <div class="yotpo-widget-instance" data-yotpo-instance-id="410807" data-yotpo-product-id="8353380630839" data-yotpo-cart-product-id="" data-yotpo-section-id="collection"></div> </div> </div> <div class="product-card__content h-full flex flex-col justify-between grow pb-fluid-l"> <div> <a href="/products/classic-kettle" class="hover:no-underline" aria-label="Classic Kettle"> <p class="product-card__title heading-3 mt-fluid-s mb-fluid-3xs"> Classic Kettle </p> <p class="product-card__price font-medium paragraph-2 sm:text-[22px] pb-fluid-s"> <span data-price class=""> £149.99 </span> </p> </a> </div> <style data-shopify> .current-variant { box-shadow: 0 0 0 2px #000000; } .out-of-stock::after { content: ''; display: inline-block; width: 100%; height: 2px; background: #000000; transform: rotate(-45deg)translate(-1px, 1px); } @media(min-width: 1024px) { .out-of-stock::after { transform: rotate(-45deg)translate(-3px, 2px); } } </style> <div data-variant-option="Colour"> <div class="flex flex-wrap items-center justify-center gap-[5px] lg:gap-[8px]"> <a href="/products/classic-kettle?variant=45445502370103" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Polished" data-variant="45445502370103" data-is-current="true" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: linear-gradient(105deg, rgba(238,237,240,1) 0%, rgba(92,87,91,1) 96%)" > <span class="sr-only">Polished</span> </div> </a> <a href="/products/classic-kettle?variant=49464198988087" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Matt Black" data-variant="49464198988087" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: #272727" > <span class="sr-only">Matt Black</span> </div> </a> <a href="/products/classic-kettle?variant=45445502173495" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Copper" data-variant="45445502173495" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: linear-gradient(105deg, rgba(245,205,184,1) 0%, rgba(181,129,99,1) 96%)" > <span class="sr-only">Copper</span> </div> </a> <a href="/products/classic-kettle?variant=45445502435639" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Shadow" data-variant="45445502435639" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: #9f9890" > <span class="sr-only">Shadow</span> </div> </a> <a href="/products/classic-kettle?variant=48736112640311" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Brass" data-variant="48736112640311" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: linear-gradient(105deg, rgba(255,209,116,1) 0%, rgba(173,131,63,1) 96%)" > <span class="sr-only">Brass</span> </div> </a> <a href="/products/classic-kettle?variant=45445502271799" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Evergreen" data-variant="45445502271799" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: #39534e" > <span class="sr-only">Evergreen</span> </div> </a> </div> </div> </div> </a> </div> </li> <li class="swiper-slide !min-w-full sm:!min-w-0 !h-auto mb-fluid-l sm:mb-0 bg-brand-light-grey"> <div class="h-full flex flex-col bg-brand-light-grey text-center rounded-card overflow-hidden"> <div class="product-card h-full flex flex-col"> <div class="product-card__image relative aspect-w-1 aspect-h-1 bg-brand-light-grey rounded-card overflow-hidden"> <div class="flex justify-center items-center px-fluid-md"> <a href="/products/2-slice-newgen" class="hover:no-underline" aria-label="2 Slice NewGen Classic Toaster"> <picture class="w-full h-full object-contain mix-blend-darken [mix-blend-mode:inherit] "> <source media="(min-width: 1665px)" srcset="//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=572 1x,//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=1144 2x,//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=1716 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=494 1x,//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=988 2x,//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=1482 3x" /> <source media="(min-width: 1280px)" srcset="//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=397 1x,//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=794 2x,//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=1191 3x" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=580 1x,//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=1160 2x,//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=1740 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=460 1x,//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=920 2x,//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=1380 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=727 1x,//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=1454 2x,//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=2181 3x" /> <source media="(min-width: 390px)" srcset="//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=600 1x,//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=1200 2x,//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=1800 3x" /> <img src="//www.dualit.com/cdn/shop/files/2Slot_ClassicNewGenToaster_Polished_front.jpg?v=1686061521&width=350" alt="2 Slice NewGen Classic Toaster" width="350" height="350" loading="lazy" class="w-full h-full object-contain mix-blend-darken"> </picture> </a> <div class="absolute bottom-0 right-0 p-fluid-md"> <style data-shopify> [data-quick-atc]:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 31.132 22.809' fill='%2379B726'%3E%3Cpath id='Path_11307' data-name='Path 11307' d='M13.323,28.809a1,1,0,0,1-.707-.293L4.293,20.192a1,1,0,1,1,1.414-1.414l7.616,7.616,20.1-20.1a1,1,0,1,1,1.414,1.414L14.031,28.516A1,1,0,0,1,13.323,28.809Z' transform='translate(-4 -6)'/%3E%3C/svg%3E%0A"); } [data-quick-atc]:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 45 45'%3E%3Cg id='Group_20211' data-name='Group 20211' transform='translate(-366 -5014)'%3E%3Cpath id='Path_11481' data-name='Path 11481' d='M6,11.4h5.4m5.4,0H11.4m0,0V6m0,5.4v5.4' transform='translate(378.103 5017.706)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='Group_18795' data-name='Group 18795' transform='translate(374.45 5029.042)'%3E%3Cpath id='Path_11403' data-name='Path 11403' d='M-3106.368-1410.977h3.963l4.2,14.071h13.063l4.12-10.933' transform='translate(3106.368 1410.977)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_221' data-name='Ellipse 221' cx='2.116' cy='2.116' r='2.116' transform='translate(7.571 18.302)' fill='%23fff'/%3E%3Ccircle id='Ellipse_222' data-name='Ellipse 222' cx='2.116' cy='2.116' r='2.116' transform='translate(17.443 18.302)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } </style> </div> </div> <style data-shopify> .product-label .label-1 { color: #53555A; border-color: #53555A; } .product-label .label-2 { color: #FF0000; border-color: #FF0000; } .product-label .label-3 { color: #000000; border-color: #000000; } </style> <div class="product-label min-w-max h-max w-1/2 absolute z-10 top-0 left-0 p-fluid-md flex flex-row flex-wrap gap-fluid-2xs"> <span class="label-3 w-max h-max flex items-center capitalize justify-center text-center paragraph-3 sm:text-[16px] border rounded-3xl px-fluid-s py-[1px]" > Black friday </span> </div> <div class="product-stars h-max w-max max-w-1/2 absolute z-10 top-0 right-0 left-[initial] p-fluid-md flex flex-row flex-wrap gap-fluid-2xs pointer-events-none [&_.yotpo-sr-bottom-line-text]:!text-sm [&_.yotpo-sr-bottom-line-text]:!font-medium [&_.yotpo-sr-bottom-line-text]:!leading-none"> <div class="yotpo-widget-instance" data-yotpo-instance-id="410807" data-yotpo-product-id="8355185721655" data-yotpo-cart-product-id="" data-yotpo-section-id="collection"></div> </div> </div> <div class="product-card__content h-full flex flex-col justify-between grow pb-fluid-l"> <div> <a href="/products/2-slice-newgen" class="hover:no-underline" aria-label="2 Slice NewGen Classic Toaster"> <p class="product-card__title heading-3 mt-fluid-s mb-fluid-3xs"> 2 Slice NewGen Classic Toaster </p> <p class="product-card__price font-medium paragraph-2 sm:text-[22px] pb-fluid-s"> <span data-price class=""> £170.00 </span> </p> </a> </div> <style data-shopify> .current-variant { box-shadow: 0 0 0 2px #000000; } .out-of-stock::after { content: ''; display: inline-block; width: 100%; height: 2px; background: #000000; transform: rotate(-45deg)translate(-1px, 1px); } @media(min-width: 1024px) { .out-of-stock::after { transform: rotate(-45deg)translate(-3px, 2px); } } </style> <div data-variant-option="Colour"> <div class="flex flex-wrap items-center justify-center gap-[5px] lg:gap-[8px]"> <a href="/products/2-slice-newgen?variant=45452748357943" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Chrome" data-variant="45452748357943" data-is-current="true" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: linear-gradient(105deg, rgba(238,237,240,1) 0%, rgba(92,87,91,1) 96%)" > <span class="sr-only">Chrome</span> </div> </a> <a href="/products/2-slice-newgen?variant=45452747866423" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Brass Finish" data-variant="45452747866423" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: linear-gradient(105deg, rgba(255,209,116,1) 0%, rgba(173,131,63,1) 96%)" > <span class="sr-only">Brass Finish</span> </div> </a> <a href="/products/2-slice-newgen?variant=45452747931959" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Copper" data-variant="45452747931959" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: linear-gradient(105deg, rgba(245,205,184,1) 0%, rgba(181,129,99,1) 96%)" > <span class="sr-only">Copper</span> </div> </a> <a href="/products/2-slice-newgen?variant=45452748030263" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Evergreen" data-variant="45452748030263" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: #39534e" > <span class="sr-only">Evergreen</span> </div> </a> <a href="/products/2-slice-newgen?variant=45452748095799" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Glacier Blue" data-variant="45452748095799" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: #c8d7ec" > <span class="sr-only">Glacier Blue</span> </div> </a> <a href="/products/2-slice-newgen?variant=45452748128567" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Lavender Blue" data-variant="45452748128567" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: #555a73" > <span class="sr-only">Lavender Blue</span> </div> </a> <span class="paragraph-3"> +9 </span> </div> </div> </div> </a> </div> </li> <li class="swiper-slide !min-w-full sm:!min-w-0 !h-auto mb-fluid-l sm:mb-0 bg-brand-light-grey"> <div class="h-full flex flex-col bg-brand-light-grey text-center rounded-card overflow-hidden"> <div class="product-card h-full flex flex-col"> <div class="product-card__image relative aspect-w-1 aspect-h-1 bg-brand-light-grey rounded-card overflow-hidden"> <div class="flex justify-center items-center px-fluid-md"> <a href="/products/4-slice-newgen" class="hover:no-underline" aria-label="4 Slice NewGen Classic Toaster"> <picture class="w-full h-full object-contain mix-blend-darken [mix-blend-mode:inherit] "> <source media="(min-width: 1665px)" srcset="//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=572 1x,//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=1144 2x,//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=1716 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=494 1x,//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=988 2x,//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=1482 3x" /> <source media="(min-width: 1280px)" srcset="//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=397 1x,//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=794 2x,//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=1191 3x" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=580 1x,//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=1160 2x,//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=1740 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=460 1x,//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=920 2x,//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=1380 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=727 1x,//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=1454 2x,//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=2181 3x" /> <source media="(min-width: 390px)" srcset="//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=600 1x,//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=1200 2x,//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=1800 3x" /> <img src="//www.dualit.com/cdn/shop/files/4Slot_ClassicNewGenToaster_polishedfront.jpg?v=1686066242&width=350" alt="4 Slice NewGen Classic Toaster" width="350" height="350" loading="lazy" class="w-full h-full object-contain mix-blend-darken"> </picture> </a> <div class="absolute bottom-0 right-0 p-fluid-md"> <style data-shopify> [data-quick-atc]:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 31.132 22.809' fill='%2379B726'%3E%3Cpath id='Path_11307' data-name='Path 11307' d='M13.323,28.809a1,1,0,0,1-.707-.293L4.293,20.192a1,1,0,1,1,1.414-1.414l7.616,7.616,20.1-20.1a1,1,0,1,1,1.414,1.414L14.031,28.516A1,1,0,0,1,13.323,28.809Z' transform='translate(-4 -6)'/%3E%3C/svg%3E%0A"); } [data-quick-atc]:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 45 45'%3E%3Cg id='Group_20211' data-name='Group 20211' transform='translate(-366 -5014)'%3E%3Cpath id='Path_11481' data-name='Path 11481' d='M6,11.4h5.4m5.4,0H11.4m0,0V6m0,5.4v5.4' transform='translate(378.103 5017.706)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='Group_18795' data-name='Group 18795' transform='translate(374.45 5029.042)'%3E%3Cpath id='Path_11403' data-name='Path 11403' d='M-3106.368-1410.977h3.963l4.2,14.071h13.063l4.12-10.933' transform='translate(3106.368 1410.977)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_221' data-name='Ellipse 221' cx='2.116' cy='2.116' r='2.116' transform='translate(7.571 18.302)' fill='%23fff'/%3E%3Ccircle id='Ellipse_222' data-name='Ellipse 222' cx='2.116' cy='2.116' r='2.116' transform='translate(17.443 18.302)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } </style> </div> </div> <style data-shopify> .product-label .label-1 { color: #53555A; border-color: #53555A; } .product-label .label-2 { color: #FF0000; border-color: #FF0000; } .product-label .label-3 { color: #000000; border-color: #000000; } </style> <div class="product-label min-w-max h-max w-1/2 absolute z-10 top-0 left-0 p-fluid-md flex flex-row flex-wrap gap-fluid-2xs"> <span class="label-3 w-max h-max flex items-center capitalize justify-center text-center paragraph-3 sm:text-[16px] border rounded-3xl px-fluid-s py-[1px]" > Black friday </span> </div> <div class="product-stars h-max w-max max-w-1/2 absolute z-10 top-0 right-0 left-[initial] p-fluid-md flex flex-row flex-wrap gap-fluid-2xs pointer-events-none [&_.yotpo-sr-bottom-line-text]:!text-sm [&_.yotpo-sr-bottom-line-text]:!font-medium [&_.yotpo-sr-bottom-line-text]:!leading-none"> <div class="yotpo-widget-instance" data-yotpo-instance-id="410807" data-yotpo-product-id="8355201679671" data-yotpo-cart-product-id="" data-yotpo-section-id="collection"></div> </div> </div> <div class="product-card__content h-full flex flex-col justify-between grow pb-fluid-l"> <div> <a href="/products/4-slice-newgen" class="hover:no-underline" aria-label="4 Slice NewGen Classic Toaster"> <p class="product-card__title heading-3 mt-fluid-s mb-fluid-3xs"> 4 Slice NewGen Classic Toaster </p> <p class="product-card__price font-medium paragraph-2 sm:text-[22px] pb-fluid-s"> <span data-price class=""> £219.99 </span> </p> </a> </div> <style data-shopify> .current-variant { box-shadow: 0 0 0 2px #000000; } .out-of-stock::after { content: ''; display: inline-block; width: 100%; height: 2px; background: #000000; transform: rotate(-45deg)translate(-1px, 1px); } @media(min-width: 1024px) { .out-of-stock::after { transform: rotate(-45deg)translate(-3px, 2px); } } </style> <div data-variant-option="Colour"> <div class="flex flex-wrap items-center justify-center gap-[5px] lg:gap-[8px]"> <a href="/products/4-slice-newgen?variant=45452773163319" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Chrome" data-variant="45452773163319" data-is-current="true" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: linear-gradient(105deg, rgba(238,237,240,1) 0%, rgba(92,87,91,1) 96%)" > <span class="sr-only">Chrome</span> </div> </a> <a href="/products/4-slice-newgen?variant=45452772704567" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Brass" data-variant="45452772704567" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: linear-gradient(105deg, rgba(255,209,116,1) 0%, rgba(173,131,63,1) 96%)" > <span class="sr-only">Brass</span> </div> </a> <a href="/products/4-slice-newgen?variant=45452772770103" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Copper" data-variant="45452772770103" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: linear-gradient(105deg, rgba(245,205,184,1) 0%, rgba(181,129,99,1) 96%)" > <span class="sr-only">Copper</span> </div> </a> <a href="/products/4-slice-newgen?variant=45452772868407" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Evergreen" data-variant="45452772868407" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: #39534e" > <span class="sr-only">Evergreen</span> </div> </a> <a href="/products/4-slice-newgen?variant=45452772933943" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Glacier Blue" data-variant="45452772933943" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: #c8d7ec" > <span class="sr-only">Glacier Blue</span> </div> </a> <a href="/products/4-slice-newgen?variant=45452772966711" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Lavender Blue" data-variant="45452772966711" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: #555a73" > <span class="sr-only">Lavender Blue</span> </div> </a> <span class="paragraph-3"> +8 </span> </div> </div> </div> </a> </div> </li> <li class="swiper-slide !min-w-full sm:!min-w-0 !h-auto mb-fluid-l sm:mb-0 bg-brand-light-grey"> <div class="h-full flex flex-col bg-brand-light-grey text-center rounded-card overflow-hidden"> <div class="product-card h-full flex flex-col"> <div class="product-card__image relative aspect-w-1 aspect-h-1 bg-brand-light-grey rounded-card overflow-hidden"> <div class="flex justify-center items-center px-fluid-md"> <a href="/products/3-slice-vario" class="hover:no-underline" aria-label="3 Slice Vario Classic Toaster"> <picture class="w-full h-full object-contain mix-blend-darken [mix-blend-mode:inherit] "> <source media="(min-width: 1665px)" srcset="//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=572 1x,//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=1144 2x,//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=1716 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=494 1x,//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=988 2x,//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=1482 3x" /> <source media="(min-width: 1280px)" srcset="//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=397 1x,//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=794 2x,//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=1191 3x" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=580 1x,//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=1160 2x,//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=1740 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=460 1x,//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=920 2x,//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=1380 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=727 1x,//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=1454 2x,//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=2181 3x" /> <source media="(min-width: 390px)" srcset="//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=600 1x,//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=1200 2x,//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=1800 3x" /> <img src="//www.dualit.com/cdn/shop/products/3Slot_ClassicVarioToaster_Polished_Ecom_3.jpg?v=1685727740&width=350" alt="3 Slice Vario Classic Toaster" width="350" height="350" loading="lazy" class="w-full h-full object-contain mix-blend-darken"> </picture> </a> <div class="absolute bottom-0 right-0 p-fluid-md"> <style data-shopify> [data-quick-atc]:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 31.132 22.809' fill='%2379B726'%3E%3Cpath id='Path_11307' data-name='Path 11307' d='M13.323,28.809a1,1,0,0,1-.707-.293L4.293,20.192a1,1,0,1,1,1.414-1.414l7.616,7.616,20.1-20.1a1,1,0,1,1,1.414,1.414L14.031,28.516A1,1,0,0,1,13.323,28.809Z' transform='translate(-4 -6)'/%3E%3C/svg%3E%0A"); } [data-quick-atc]:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 45 45'%3E%3Cg id='Group_20211' data-name='Group 20211' transform='translate(-366 -5014)'%3E%3Cpath id='Path_11481' data-name='Path 11481' d='M6,11.4h5.4m5.4,0H11.4m0,0V6m0,5.4v5.4' transform='translate(378.103 5017.706)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='Group_18795' data-name='Group 18795' transform='translate(374.45 5029.042)'%3E%3Cpath id='Path_11403' data-name='Path 11403' d='M-3106.368-1410.977h3.963l4.2,14.071h13.063l4.12-10.933' transform='translate(3106.368 1410.977)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_221' data-name='Ellipse 221' cx='2.116' cy='2.116' r='2.116' transform='translate(7.571 18.302)' fill='%23fff'/%3E%3Ccircle id='Ellipse_222' data-name='Ellipse 222' cx='2.116' cy='2.116' r='2.116' transform='translate(17.443 18.302)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } </style> </div> </div> <style data-shopify> .product-label .label-1 { color: #53555A; border-color: #53555A; } .product-label .label-2 { color: #FF0000; border-color: #FF0000; } .product-label .label-3 { color: #000000; border-color: #000000; } </style> <div class="product-label min-w-max h-max w-1/2 absolute z-10 top-0 left-0 p-fluid-md flex flex-row flex-wrap gap-fluid-2xs"> <span class="label-3 w-max h-max flex items-center capitalize justify-center text-center paragraph-3 sm:text-[16px] border rounded-3xl px-fluid-s py-[1px]" > Black friday </span> </div> <div class="product-stars h-max w-max max-w-1/2 absolute z-10 top-0 right-0 left-[initial] p-fluid-md flex flex-row flex-wrap gap-fluid-2xs pointer-events-none [&_.yotpo-sr-bottom-line-text]:!text-sm [&_.yotpo-sr-bottom-line-text]:!font-medium [&_.yotpo-sr-bottom-line-text]:!leading-none"> <div class="yotpo-widget-instance" data-yotpo-instance-id="410807" data-yotpo-product-id="8355193749815" data-yotpo-cart-product-id="" data-yotpo-section-id="collection"></div> </div> </div> <div class="product-card__content h-full flex flex-col justify-between grow pb-fluid-l"> <div> <a href="/products/3-slice-vario" class="hover:no-underline" aria-label="3 Slice Vario Classic Toaster"> <p class="product-card__title heading-3 mt-fluid-s mb-fluid-3xs"> 3 Slice Vario Classic Toaster </p> <p class="product-card__price font-medium paragraph-2 sm:text-[22px] pb-fluid-s"> <span data-price class=""> £208.99 </span> </p> </a> </div> <style data-shopify> .current-variant { box-shadow: 0 0 0 2px #000000; } .out-of-stock::after { content: ''; display: inline-block; width: 100%; height: 2px; background: #000000; transform: rotate(-45deg)translate(-1px, 1px); } @media(min-width: 1024px) { .out-of-stock::after { transform: rotate(-45deg)translate(-3px, 2px); } } </style> <div data-variant-option="Colour"> <div class="flex flex-wrap items-center justify-center gap-[5px] lg:gap-[8px]"> <a href="/products/3-slice-vario?variant=45452761104695" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Chrome" data-variant="45452761104695" data-is-current="true" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: linear-gradient(105deg, rgba(238,237,240,1) 0%, rgba(92,87,91,1) 96%)" > <span class="sr-only">Chrome</span> </div> </a> <a href="/products/3-slice-vario?variant=45452760973623" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Matt Black" data-variant="45452760973623" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: #272727" > <span class="sr-only">Matt Black</span> </div> </a> <a href="/products/3-slice-vario?variant=45452761006391" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Metallic Charcoal" data-variant="45452761006391" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: linear-gradient(105deg, rgba(185,181,178,1) 0%, rgba(102,102,102,1) 96%)" > <span class="sr-only">Metallic Charcoal</span> </div> </a> <a href="/products/3-slice-vario?variant=45452761071927" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Metallic Silver" data-variant="45452761071927" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: linear-gradient(105deg, rgba(230,230,230,1) 0%, rgba(154,154,154,1) 96%)" > <span class="sr-only">Metallic Silver</span> </div> </a> <a href="/products/3-slice-vario?variant=45452761137463" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Red" data-variant="45452761137463" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: #8a3132" > <span class="sr-only">Red</span> </div> </a> <a href="/products/3-slice-vario?variant=45452761170231" class="block !no-underline " data-option-selector data-option="Colour" data-option-index="0" data-value="Cream" data-variant="45452761170231" data-is-current="false" > <div class="block rounded-full w-fluid-l h-fluid-l " style="background: #e2d7c0" > <span class="sr-only">Cream</span> </div> </a> </div> </div> </div> </a> </div> </li> <li class="swiper-slide !min-w-full sm:!min-w-0 !h-auto mb-fluid-l sm:mb-0 bg-brand-light-grey"> <div class="h-full flex flex-col bg-brand-light-grey text-center rounded-card overflow-hidden"> <div class="product-card h-full flex flex-col"> <div class="product-card__image relative aspect-w-1 aspect-h-1 bg-brand-light-grey rounded-card overflow-hidden"> <div class="flex justify-center items-center px-fluid-md"> <a href="/products/espressivo-pro-coffee-machine" class="hover:no-underline" aria-label="Espressivo Pro Coffee Machine"> <picture class="w-full h-full object-contain mix-blend-darken [mix-blend-mode:inherit] "> <source media="(min-width: 1665px)" srcset="//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=572 1x,//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=1144 2x,//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=1716 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=494 1x,//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=988 2x,//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=1482 3x" /> <source media="(min-width: 1280px)" srcset="//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=397 1x,//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=794 2x,//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=1191 3x" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=580 1x,//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=1160 2x,//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=1740 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=460 1x,//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=920 2x,//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=1380 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=727 1x,//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=1454 2x,//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=2181 3x" /> <source media="(min-width: 390px)" srcset="//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=600 1x,//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=1200 2x,//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=1800 3x" /> <img src="//www.dualit.com/cdn/shop/files/DCM5-Front-PortafilterRHS-Coffee-WebGrey.jpg?v=1706871328&width=350" alt="Espressivo Pro Coffee Machine" width="350" height="350" loading="lazy" class="w-full h-full object-contain mix-blend-darken"> </picture> </a> <div class="absolute bottom-0 right-0 p-fluid-md"> <style data-shopify> [data-quick-atc]:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 31.132 22.809' fill='%2379B726'%3E%3Cpath id='Path_11307' data-name='Path 11307' d='M13.323,28.809a1,1,0,0,1-.707-.293L4.293,20.192a1,1,0,1,1,1.414-1.414l7.616,7.616,20.1-20.1a1,1,0,1,1,1.414,1.414L14.031,28.516A1,1,0,0,1,13.323,28.809Z' transform='translate(-4 -6)'/%3E%3C/svg%3E%0A"); } [data-quick-atc]:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 45 45'%3E%3Cg id='Group_20211' data-name='Group 20211' transform='translate(-366 -5014)'%3E%3Cpath id='Path_11481' data-name='Path 11481' d='M6,11.4h5.4m5.4,0H11.4m0,0V6m0,5.4v5.4' transform='translate(378.103 5017.706)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='Group_18795' data-name='Group 18795' transform='translate(374.45 5029.042)'%3E%3Cpath id='Path_11403' data-name='Path 11403' d='M-3106.368-1410.977h3.963l4.2,14.071h13.063l4.12-10.933' transform='translate(3106.368 1410.977)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='Ellipse_221' data-name='Ellipse 221' cx='2.116' cy='2.116' r='2.116' transform='translate(7.571 18.302)' fill='%23fff'/%3E%3Ccircle id='Ellipse_222' data-name='Ellipse 222' cx='2.116' cy='2.116' r='2.116' transform='translate(17.443 18.302)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } </style> <quick-add> <button class="btn btn--secondary !p-0 bg-brand-black flex justify-center items-center rounded-full w-fluid-xl h-fluid-xl [&:after]:w-full [&:before]:w-[24px] [&:before]:hidden !opacity-100" aria-label="Add to cart" data-quick-atc data-is-available="true" data-atc-id="48054296707383" > </button> </quick-add> </div> </div> <style data-shopify> .product-label .label-1 { color: #53555A; border-color: #53555A; } .product-label .label-2 { color: #FF0000; border-color: #FF0000; } .product-label .label-3 { color: #000000; border-color: #000000; } </style> <div class="product-label min-w-max h-max w-1/2 absolute z-10 top-0 left-0 p-fluid-md flex flex-row flex-wrap gap-fluid-2xs"> <span class="label-1 w-max h-max flex items-center capitalize justify-center text-center paragraph-3 sm:text-[16px] border rounded-3xl px-fluid-s py-[1px]" > New </span> </div> <div class="product-stars h-max w-max max-w-1/2 absolute z-10 top-0 right-0 left-[initial] p-fluid-md flex flex-row flex-wrap gap-fluid-2xs pointer-events-none [&_.yotpo-sr-bottom-line-text]:!text-sm [&_.yotpo-sr-bottom-line-text]:!font-medium [&_.yotpo-sr-bottom-line-text]:!leading-none"> <div class="yotpo-widget-instance" data-yotpo-instance-id="410807" data-yotpo-product-id="9198214119735" data-yotpo-cart-product-id="" data-yotpo-section-id="collection"></div> </div> </div> <div class="product-card__content h-full flex flex-col justify-between grow pb-fluid-l"> <div> <a href="/products/espressivo-pro-coffee-machine" class="hover:no-underline" aria-label="Espressivo Pro Coffee Machine"> <p class="product-card__title heading-3 mt-fluid-s mb-fluid-3xs"> Espressivo Pro Coffee Machine </p> <p class="product-card__price font-medium paragraph-2 sm:text-[22px] pb-fluid-s"> <span data-price class=""> £549.99 </span> </p> </a> </div> </div> </a> </div> </li> </ul> <span class="swiper-button-prev"> <span class="swiper-button-inner"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25.131 24.637"> <path id="Path_11289" data-name="Path 11289" d="M6,16.9H28.717m0,0L17.813,6m10.9,10.9-10.9,10.9" transform="translate(-5 -4.586)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </svg> </span> </span> <span class="swiper-button-next"> <span class="swiper-button-inner"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25.131 24.637"> <path id="Path_11289" data-name="Path 11289" d="M6,16.9H28.717m0,0L17.813,6m10.9,10.9-10.9,10.9" transform="translate(-5 -4.586)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </svg> </span> </span> <div class="slider-scrollbar hidden sm:block w-1/2 max-w-[760px] mx-auto mt-fluid-xl"></div> </article> </div> </div> </div> </product-carousel> </div> </section><section id="shopify-section-template--21946162086199__a2b44c7d-accb-4295-93d1-6f0e7f3b6e24" class="shopify-section banner-section"> <div> <div class="relative max-h-screen overflow-hidden"> <div class="relative aspect-w-4 aspect-h-5 md:aspect-w-2 md:aspect-h-1 lg:aspect-w-5 lg:aspect-h-2 [&>video]:object-cover"> <video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop" preload="metadata" poster="//www.dualit.com/cdn/shop/files/preview_images/313023dc08e74936b6c1bdac788dc95b.thumbnail.0000000000_small.jpg?v=1730722611"><source src="//www.dualit.com/cdn/shop/videos/c/vp/313023dc08e74936b6c1bdac788dc95b/313023dc08e74936b6c1bdac788dc95b.HD-1080p-7.2Mbps-37563776.mp4?v=0" type="video/mp4"><img src="//www.dualit.com/cdn/shop/files/preview_images/313023dc08e74936b6c1bdac788dc95b.thumbnail.0000000000_small.jpg?v=1730722611"></video> <div class="absolute top-0 w-full h-full bg-brand-black opacity-20"></div> </div> <div class="wrapper absolute top-0 left-0 right-0 w-full h-full flex mx-auto py-fluid-4xl justify-center text-center items-center md:justify-center md:text-center md:items-center "> <div class="sm:w-10/12 flex flex-col"> <h2 class="d-2 text-brand-white"> No Frills. No Gimmicks. No Compromise. </h2> <div class="mx-auto md:mx-auto mt-fluid-md"> <a href="/collections/classic-range" aria-label="Classic Toasters" class="btn btn--primary btn--large" > Classic Toasters <span class="sr-only">Go to Classic Toasters</span> </a> </div> </div> </div> </div> </div> </section><section id="shopify-section-template--21946162086199__e9e49b59-1ff0-4d18-8d38-7958f1530c2c" class="shopify-section image-text-banner"> <div class="wrapper md:px-0 text-left overflow-hidden"> <div class="site-grid"> <div class="col-span-6 md:col-span-4 xl:col-span-6 order-1 md:order-1 "> <div class=" !pb-[calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%+var(--wrapper-h-spacing))] w-[calc(100%+20px+var(--wrapper-w-spacing))] md:w-[calc(100%+15px+var(--wrapper-w-spacing))] lg:w-[calc(100%+15px+var(--wrapper-w-spacing))] aspect-w-5 aspect-h-4 lg:aspect-w-3 lg:aspect-h-2 "> <picture class="w-full h-full object-cover [mix-blend-mode:inherit] !-left-[var(--wrapper-w-spacing)]"> <source media="(min-width: 1665px)" srcset="//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=960 1x,//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=1920 2x,//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=2880 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=832 1x,//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=1664 2x,//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=2496 3x" /> <source media="(min-width: 1280px)" srcset="//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=683 1x,//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=1366 2x,//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=2049 3x" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=640 1x,//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=1280 2x,//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=1920 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=768 1x,//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=1536 2x,//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=2304 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=640 1x,//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=1280 2x,//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=1920 3x" /> <source media="(min-width: 480px)" srcset="//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=480 1x,//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=960 2x,//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=1440 3x" /> <img src="//www.dualit.com/cdn/shop/files/aspect-w3-h2.jpg?v=1683213993&width=390" alt="dualit toaster parts" width="390" height="260" loading="lazy" class="w-full h-full object-cover"> </picture> </div> </div> <div class="col-span-6 md:col-span-4 xl:col-span-5 2xl:col-span-4 md:col-start-5 xl:col-start-8 2xl:col-start-8 order-2 md:order-2 md:px-wrapper-sm-tablet xl:pl-0 2xl:px-0"> <div class="text-left mt-fluid-s md:mt-0 xl:mt-fluid-xl mb-fluid-l"> <div class=" w-full xl:w-4/5 "> <h2 class="d-2 mb-fluid-s"> Born out of one man’s passion for invention </h2> <div class="paragraph-1"> <p>Dualit’s success lies in a single-minded vision for the company and its products which hasn’t changed since Max Gort-Barten started the company back in the 1940s.</p> </div> <a href="/pages/our-heritage" aria-label="Discover the Dualit brand" class="block paragraph-1 underline font-medium mt-fluid-s " > Discover the Dualit brand </a> </div> </div> </div> </div> </div> </section> </main> <div id="shopify-section-site-footer" class="shopify-section"> <script src="//www.dualit.com/cdn/shop/t/308/assets/site-footer-121b65fc.js" type="module" crossorigin="anonymous"></script> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/swiper.min-24c47e0d.js" crossorigin="anonymous"> <link href="//www.dualit.com/cdn/shop/t/308/assets/swiper-6c402b13.css" rel="stylesheet" type="text/css" media="all" /> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/autoplay-cb74abe2.js" crossorigin="anonymous"> <div class="bg-brand-grey pt-fluid-l pb-fluid-xl"> <div class="wrapper"> <footer-usps> <div class="border-b border-brand-dark-grey pb-fluid-l mb-fluid-2xl sm:mb-fluid-3xl"> <div class="swiper" data-footer-usps-carousel> <div class="swiper-wrapper"> <div class="swiper-slide !h-auto"> <div class="h-full flex items-center justify-center text-center"> <div class="mr-fluid-s"> <picture class="max-w-[36px] max-h-[36px] w-auto h-auto [mix-blend-mode:inherit] "> <img src="//www.dualit.com/cdn/shop/files/Delivery-icon.svg?v=1683625260" alt="Delivery truck" loading="lazy" class="max-w-[36px] max-h-[36px] w-auto h-auto"> </picture> </div> <span class="underline uppercase font-medium text-[16px] md:text-[18px]"> <a href="/pages/delivery-returns"> FREE DELIVERY AVAILABLE </a> </span> </div> </div> <div class="swiper-slide !h-auto"> <div class="h-full flex items-center justify-center text-center"> <div class="mr-fluid-s"> <picture class="max-w-[36px] max-h-[36px] w-auto h-auto [mix-blend-mode:inherit] "> <img src="//www.dualit.com/cdn/shop/files/Return-icon.svg?v=1683625276" alt="Easy returns" loading="lazy" class="max-w-[36px] max-h-[36px] w-auto h-auto"> </picture> </div> <span class="underline uppercase font-medium text-[16px] md:text-[18px]"> <a href="/pages/delivery-returns"> EASY RETURNS </a> </span> </div> </div> <div class="swiper-slide !h-auto"> <div class="h-full flex items-center justify-center text-center"> <div class="mr-fluid-s"> <picture class="max-w-[36px] max-h-[36px] w-auto h-auto [mix-blend-mode:inherit] "> <img src="//www.dualit.com/cdn/shop/files/Guarantee-icon.svg?v=1683625287" alt="Quality guarantee" loading="lazy" class="max-w-[36px] max-h-[36px] w-auto h-auto"> </picture> </div> <span class="underline uppercase font-medium text-[16px] md:text-[18px]"> <a href="https://help.dualit.com/en-US/articles/75492-0639bd1261cf4668943bf29211c0c739"> QUALITY GUARANTEE </a> </span> </div> </div> <div class="swiper-slide !h-auto"> <div class="h-full flex items-center justify-center text-center"> <div class="mr-fluid-s"> <picture class="max-w-[36px] max-h-[36px] w-auto h-auto [mix-blend-mode:inherit] "> <img src="//www.dualit.com/cdn/shop/files/Support-icon.svg?v=1683625297" alt="Support and FAQs" loading="lazy" class="max-w-[36px] max-h-[36px] w-auto h-auto"> </picture> </div> <span class="underline uppercase font-medium text-[16px] md:text-[18px]"> <a href="https://help.dualit.com/en-US/articles/75541-8164ed9d52f24f049546207ff79c511b"> SUPPORT & FAQS </a> </span> </div> </div> </div> </div> </div> </footer-usps> <div class="site-grid"> <div class="col-span-6 md:col-span-3"> <ul class="heading-2"> <li class="pb-fluid-s md:pr-fluid-l"> <a href="/pages/our-heritage" aria-label="Our Heritage">Our Heritage</a> </li> <li class="pb-fluid-s md:pr-fluid-l"> <a href="/blogs/articles-and-recipes" aria-label="Our Blog">Our Blog</a> </li> <li class="pb-fluid-s md:pr-fluid-l"> <a href="/pages/privatelabel" aria-label="Private Label">Private Label</a> </li> </ul> </div> <div class="col-span-3 md:col-span-2"> <h3 class="paragraph-1 font-medium mb-fluid-s">Shop</h3> <ul class="paragraph-1"> <li class="pb-fluid-xs md:pr-fluid-md"> <a href="/collections/kettles" aria-label="Kettles">Kettles</a> </li> <li class="pb-fluid-xs md:pr-fluid-md"> <a href="/collections/toasters" aria-label="Toasters">Toasters</a> </li> <li class="pb-fluid-xs md:pr-fluid-md"> <a href="/collections/coffee" aria-label="Coffee">Coffee</a> </li> <li class="pb-fluid-xs md:pr-fluid-md"> <a href="/collections/coffee-machines" aria-label="Coffee Machines">Coffee Machines</a> </li> <li class="pb-fluid-xs md:pr-fluid-md"> <a href="/collections/food-prep" aria-label="Food Prep">Food Prep</a> </li> <li class="pb-fluid-xs md:pr-fluid-md"> <a href="/collections/dualit-baby" aria-label="Dualit Baby">Dualit Baby</a> </li> <li class="pb-fluid-xs md:pr-fluid-md"> <a href="/collections/refurbished" aria-label="Refurbished Products">Refurbished Products</a> </li> <li class="pb-fluid-xs md:pr-fluid-md"> <a href="/collections/catering" aria-label="Catering">Catering</a> </li> <li class="pb-fluid-xs md:pr-fluid-md"> <a href="https://cdn.shopify.com/s/files/1/0746/1860/1783/files/Dualit_Brochure-2023-Pages.pdf?v=1726242450" aria-label="Brochure">Brochure</a> </li> </ul> </div> <div class="col-span-3"> <h3 class="paragraph-1 font-medium mb-fluid-s">Support</h3> <ul class="paragraph-1"> <li class="pb-fluid-xs md:pr-fluid-md"> <a href="https://help.dualit.com/en-US" aria-label="Help Centre">Help Centre</a> </li> <li class="pb-fluid-xs md:pr-fluid-md"> <a href="/collections/spares" aria-label="Product Spares">Product Spares</a> </li> <li class="pb-fluid-xs md:pr-fluid-md"> <a href="/pages/notices" aria-label="Product Notices">Product Notices</a> </li> <li class="pb-fluid-xs md:pr-fluid-md"> <a href="/pages/delivery-returns" aria-label="Delivery & Returns">Delivery & Returns</a> </li> <li class="pb-fluid-xs md:pr-fluid-md"> <a href="/pages/register-product" aria-label="Register a product">Register a product</a> </li> <li class="pb-fluid-xs md:pr-fluid-md"> <a href="/pages/contact" aria-label="Contact Us">Contact Us</a> </li> <li class="pb-fluid-xs md:pr-fluid-md"> <a href="/pages/dualit-barista-school" aria-label="Dualit Barista School">Dualit Barista School</a> </li> </ul> </div> <div class="col-span-6 md:col-span-8 lg:mx-auto lg:col-span-8 xl:col-span-4"> <script src="//www.dualit.com/cdn/shop/t/308/assets/footer.newsletter-signup-f41e30b3.js" type="module" crossorigin="anonymous"></script> <footer-newsletter-signup> <p class="heading-3 mb-fluid-s 2xl:pr-fluid-xl">Sign up for Dualit special offers, launches and inspiration – straight to your inbox</p> <span data-footer-newsletter-message="You have successfully signed up!" class=""> </span> <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="✓" /> <input type="hidden" name="contact[tags]" value="newsletter"> <input type="hidden" name="contact[accepts_marketing]"> <div class="w-full" data-footer-newsletter-input-wrapper> <div class="input-group"> <input class="input-group__input !bg-transparent w-full paragraph-2 sm:paragraph-1 !py-4 sm:!py-5 !pl-5 md:!pl-6" placeholder="Email Address" name="contact[email]" type="email" autocapitalize="off" autocorrect="off" data-footer-newsletter-input> <button class="input-group__btn md:px-fluid-md md:!pr-5" aria-label="Sign up to newsletter" data-footer-newsletter-submit> <span class="w-[21px] md:w-[25px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 25.131 24.637"> <path id="Path_11289" data-name="Path 11289" d="M6,16.9H28.717m0,0L17.813,6m10.9,10.9-10.9,10.9" transform="translate(-5 -4.586)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </svg> </span> </button> </div> </div> </form> </footer-newsletter-signup> <ul class="flex flex-wrap paragraph-3 sm:paragraph-2 mt-fluid-md"> <li class="mr-fluid-s">Follow us:</li> <li class="mr-fluid-s"> <a class="underline" href="https://www.facebook.com/DualitLtd" target="_blank" aria-label="Facebook"> Facebook </a> </li> <li class="mr-fluid-s"> <a class="underline" href="https://www.youtube.com/user/DualitVideos" target="_blank" aria-label="Youtube"> Youtube </a> </li> <li class="mr-fluid-s"> <a class="underline" href="https://instagram.com/dualit_ltd/" target="_blank" aria-label="Instagram"> Instagram </a> </li> <li class="mr-fluid-s"> <a class="underline" href="https://twitter.com/DualitLtd" target="_blank" aria-label="Twitter"> Twitter </a> </li> <li class="mr-fluid-s"> <a class="underline" href="https://www.pinterest.com/dualitltd/" target="_blank" aria-label="Pinterest"> Pinterest </a> </li> </ul> </div> </div> <div class="flex flex-col-reverse lg:flex-row justify-between mt-fluid-3xl lg:mt-fluid-5xl"> <div class="paragraph-3 sm:paragraph-2"> <ul class="flex flex-wrap"> <li class="py-fluid-xs pr-fluid-md lg:pt-fluid-3xs lg:pr-fluid-l"> © 2024 Dualit </li> <li> <a class="inline-block underline py-fluid-xs px-fluid-xs lg:pt-fluid-3xs lg:pb-0 lg:pl-0 lg:pr-fluid-l" href="/pages/privacy-policy" aria-label="Privacy">Privacy</a> </li> <li> <a class="inline-block underline py-fluid-xs px-fluid-xs lg:pt-fluid-3xs lg:pb-0 lg:pl-0 lg:pr-fluid-l" href="/pages/terms-and-conditions" aria-label="Terms">Terms</a> </li> <li> <a class="inline-block underline py-fluid-xs px-fluid-xs lg:pt-fluid-3xs lg:pb-0 lg:pl-0 lg:pr-fluid-l" href="/pages/press-enquiry" aria-label="Press">Press</a> </li> <li> <a class="inline-block underline py-fluid-xs px-fluid-xs lg:pt-fluid-3xs lg:pb-0 lg:pl-0 lg:pr-fluid-l" href="/pages/cookie-policy" aria-label="Cookies">Cookies</a> </li> <li> <a class="inline-block underline py-fluid-xs px-fluid-xs lg:pt-fluid-3xs lg:pb-0 lg:pl-0 lg:pr-fluid-l" href="/pages/dualit-code-of-conduct" aria-label="Code of Conduct">Code of Conduct</a> </li> <li> <a class="inline-block underline py-fluid-xs px-fluid-xs lg:pt-fluid-3xs lg:pb-0 lg:pl-0 lg:pr-fluid-l" href="/pages/weee-policy" aria-label="WEEE">WEEE</a> </li> <li> <a class="inline-block underline py-fluid-xs px-fluid-xs lg:pt-fluid-3xs lg:pb-0 lg:pl-0 lg:pr-fluid-l" href="https://www.dualit.com/sitemap.xml" aria-label="Sitemap">Sitemap</a> </li> </ul> </div> <ul class="flex flex-wrap" role="list"><li class="mr-fluid-l mb-fluid-s"> <svg class="icon icon--full-color" 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="mr-fluid-l mb-fluid-s"> <svg class="icon icon--full-color" 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="mr-fluid-l mb-fluid-s"> <svg class="icon icon--full-color" 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="mr-fluid-l mb-fluid-s"> <svg class="icon icon--full-color" 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="mr-fluid-l mb-fluid-s"> <svg class="icon icon--full-color" 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="mr-fluid-l mb-fluid-s"> <svg class="icon icon--full-color" 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> </div> <script src="//www.dualit.com/cdn/shop/t/308/assets/base-005dc1b8.js" type="module" crossorigin="anonymous"></script> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/drawer-f7d046c3.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/drawerToggle-a98c0d1e.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/cart-drawer-60db361c.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/remove-item-ea5a92cb.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/quick-add-5f415572.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/accordion-a9c8b32e.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/page-overlay-ecfc5247.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/dispatch-event-3795bdf6.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/event-720d5f73.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/quantity-selector-799f35d3.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/on-document-ready-a4bdde03.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/promotions-2aabeab5.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/cart-1edef54c.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/render-section-from-response-07c0314e.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/get-section-c55af066.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/update-bag-count-b86c0713.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/currency-0d824ad4.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/accordion-drawer-54ee04b4.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/animation-bc4ae43b.js" crossorigin="anonymous"> <script> window.addEventListener('load', function() { var _learnq = window._learnq || []; function addedToCart() { fetch(`${window.location.origin}/cart.js`) .then(res => res.clone().json().then(data => { var cart = { total_price: data.total_price/100, $value: data.total_price/100, total_discount: data.total_discount, original_total_price: data.original_total_price/100, items: data.items } if (item !== 'undefined') { cart = Object.assign(cart, item) } if (klAjax) { _learnq.push(['track', 'Added to Cart', cart]); klAjax = false; } })) }; (function (ns, fetch) { ns.fetch = function() { const response = fetch.apply(this, arguments); response.then(res => { if (`${window.location.origin}/cart/add.js` .includes(res.url)) { addedToCart() } }); return response } }(window, window.fetch)); var klAjax = true; var atcButtons = document.querySelectorAll("form[action*='/cart/add'] button[type='submit']"); for (var i = 0; i < atcButtons.length; i++) { atcButtons[i].addEventListener("click", function() { if (klAjax) { _learnq.push(['track', 'Added to Cart', item]); klAjax = false; } }) } }); </script> </body> </html>

CINXE.COM

Dualit — Award winning toasters, kettles, coffee & more