Dualit Compostable Coffee Pods — Nespresso Compatible

<!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/collections/compostable-coffee-pods"><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 Compostable Coffee Pods — Nespresso Compatible</title><meta name="description" content="Discover Dualit's Compostable Coffee Pods. Premium blends using top-quality Arabica and Robusta beans. Nespresso compatible, home compostable." > <meta property="og:site_name" content="Dualit Website"> <meta property="og:url" content="https://www.dualit.com/collections/compostable-coffee-pods"> <meta property="og:title" content="Compostable Coffee Pods"> <meta property="og:type" content="product.group"> <meta property="og:description" content="Discover Dualit's Compostable Coffee Pods. Premium blends using top-quality Arabica and Robusta beans. Nespresso compatible, home compostable."><meta property="og:image" content="http://www.dualit.com/cdn/shop/collections/Screenshot_2023-05-16_at_16.35.57_6465e6fb-bf85-4f08-ba4a-3c2beaf917f1.png?v=1730714260"> <meta property="og:image:secure_url" content="https://www.dualit.com/cdn/shop/collections/Screenshot_2023-05-16_at_16.35.57_6465e6fb-bf85-4f08-ba4a-3c2beaf917f1.png?v=1730714260"> <meta property="og:image:width" content="700"> <meta property="og:image:height" content="1050"> <meta property="og:image:alt" content="Compostable Coffee Pods"> <meta name="twitter:site" content="@DualitLtd"><meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Compostable Coffee Pods"> <meta name="twitter:description" content="Discover Dualit's Compostable Coffee Pods. Premium blends using top-quality Arabica and Robusta beans. Nespresso compatible, home compostable."> <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"> <link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/compostable-coffee-pods.atom" /> <link rel="alternate" type="application/json+oembed" href="https://www.dualit.com/collections/compostable-coffee-pods.oembed"> <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":"collection"}</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":"598f2d87-d611-4cb1-8c41-b1fbec518f75-1733162964","pageurl":"www.dualit.com\/collections\/compostable-coffee-pods","u":"ea06e29d0706","p":"collection","rtyp":"collection","rid":447188238647};</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"> 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: 'collection', 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: [8350231200055,8325492572471,9389044007223,8336595845431,8355232186679,8541735321911,8336513827127,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,8390454673719,8325493752119,14701881000312,8355177955639,8355185721655], 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: "compostable-coffee-pods", curPlan : "PROFESSIONAL" , }; globoRelatedProductsConfig.settings.hidewatermark= true; globoRelatedProductsConfig.manualCollections = []; globoRelatedProductsConfig.manualProductTypes = []; globoRelatedProductsConfig.manualTags = []; globoRelatedProductsConfig.manualVendors = []; </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 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 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/6a587dd4-5d5c-4adb-929d-423b59d6be3a/glo-related-products-upsell-90/assets/globo.alsobought.min.js" type="text/javascript" defer="defer"></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> <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: "collection"};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", {});webPixelsManagerAPI.publish("collection_viewed", {"collection":{"id":"447188238647","title":"Compostable Coffee Pods","productVariants":[{"price":{"amount":16.99,"currencyCode":"GBP"},"product":{"title":"Indian Monsoon Home Compostable Coffee Pods","vendor":"Dualit","id":"8325492572471","untranslatedTitle":"Indian Monsoon Home Compostable Coffee Pods","url":"\/products\/indian-monsoon-home-compostable","type":"Coffee"},"id":"45338409402679","image":{"src":"\/\/www.dualit.com\/cdn\/shop\/files\/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655"},"sku":"15467","title":"50 Pods","untranslatedTitle":"50 Pods"},{"price":{"amount":16.99,"currencyCode":"GBP"},"product":{"title":"Americano Home Compostable Coffee Pods","vendor":"Dualit","id":"8325476614455","untranslatedTitle":"Americano Home Compostable Coffee Pods","url":"\/products\/americano-home-compostable","type":"Coffee"},"id":"45338409074999","image":{"src":"\/\/www.dualit.com\/cdn\/shop\/files\/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503"},"sku":"15470","title":"50 Pods","untranslatedTitle":"50 Pods"},{"price":{"amount":16.99,"currencyCode":"GBP"},"product":{"title":"Decaf Home Compostable Coffee Pods","vendor":"Dualit","id":"8325502075191","untranslatedTitle":"Decaf Home Compostable Coffee Pods","url":"\/products\/decaf-home-compostable","type":"Coffee"},"id":"45338445775159","image":{"src":"\/\/www.dualit.com\/cdn\/shop\/files\/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757"},"sku":"15469","title":"50 Pods","untranslatedTitle":"50 Pods"},{"price":{"amount":16.99,"currencyCode":"GBP"},"product":{"title":"Organic Colombian Home Compostable Coffee Pods","vendor":"Dualit","id":"8325502173495","untranslatedTitle":"Organic Colombian Home Compostable Coffee Pods","url":"\/products\/organic-colombian-home-compostable","type":"Coffee"},"id":"45338446037303","image":{"src":"\/\/www.dualit.com\/cdn\/shop\/files\/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848"},"sku":"15466","title":"50 Pods","untranslatedTitle":"50 Pods"},{"price":{"amount":16.99,"currencyCode":"GBP"},"product":{"title":"Intense Home Compostable Coffee Pods","vendor":"Dualit","id":"9389044007223","untranslatedTitle":"Intense Home Compostable Coffee Pods","url":"\/products\/intense-1","type":"Coffee"},"id":"48597287534903","image":{"src":"\/\/www.dualit.com\/cdn\/shop\/files\/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477"},"sku":"15473","title":"50 Pods","untranslatedTitle":"50 Pods"}]}});},"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 = {"products":[{"id":8325492572471,"gid":"gid:\/\/shopify\/Product\/8325492572471","vendor":"Dualit","type":"Coffee","variants":[{"id":45338409402679,"price":1699,"name":"Indian Monsoon Home Compostable Coffee Pods - 50 Pods","public_title":"50 Pods","sku":"15467"}]},{"id":8325476614455,"gid":"gid:\/\/shopify\/Product\/8325476614455","vendor":"Dualit","type":"Coffee","variants":[{"id":45338409074999,"price":1699,"name":"Americano Home Compostable Coffee Pods - 50 Pods","public_title":"50 Pods","sku":"15470"}]},{"id":8325502075191,"gid":"gid:\/\/shopify\/Product\/8325502075191","vendor":"Dualit","type":"Coffee","variants":[{"id":45338445775159,"price":1699,"name":"Decaf Home Compostable Coffee Pods - 50 Pods","public_title":"50 Pods","sku":"15469"}]},{"id":8325502173495,"gid":"gid:\/\/shopify\/Product\/8325502173495","vendor":"Dualit","type":"Coffee","variants":[{"id":45338446037303,"price":1699,"name":"Organic Colombian Home Compostable Coffee Pods - 50 Pods","public_title":"50 Pods","sku":"15466"}]},{"id":9389044007223,"gid":"gid:\/\/shopify\/Product\/9389044007223","vendor":"Dualit","type":"Coffee","variants":[{"id":48597287534903,"price":1699,"name":"Intense Home Compostable Coffee Pods - 50 Pods","public_title":"50 Pods","sku":"15473"}]}],"page":{"pageType":"collection","resourceType":"collection","resourceId":447188238647}}; 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":"collection","resourceType":"collection","resourceId":447188238647}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"GBP","category":"Collection: compostable-coffee-pods","collectionName":"compostable-coffee-pods","collectionId":447188238647,"nonInteraction":true}); } }); 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="collection" 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>1164</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>1164</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>1164</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>1164</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>1164</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>184</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--21946163921207__99765c49-b94b-4f2b-acee-fde27f2b85e1" class="shopify-section collection-hero"> <style data-shopify> .template--21946163921207__99765c49-b94b-4f2b-acee-fde27f2b85e1-bg { background: #e0d6c8 } </style> <div class="pb-fluid-xl"> <div class="relative md:max-h-screen overflow-hidden template--21946163921207__99765c49-b94b-4f2b-acee-fde27f2b85e1-bg "> <div class="wrapper flex-col justify-between pt-fluid-6xl mt-fluid-xl 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="xl:w-9/12 flex flex-col px-fluid-md md:px-fluid-3xl lg:px-fluid-6xl"> <h1 class="d-2 text-brand-black mb-fluid-s"> Compostable Coffee Pods </h1> <span class="paragraph-2 lg:paragraph-1 text-brand-black"> <span>Dualit's Home Compostable <a href="/collections/coffee">Coffee</a> Capsules are available in seven blends and the capsules are Nespresso® compatible*. Our premium compostable coffee pods use only the highest quality Arabica and Robusta beans. To retain freshness and the 'just roasted' taste, each box contains ten capsules with an innovative flavour seal lid to lock in freshness. The pod and lid are suitable for composting at home.</span> </span> </div> <script src="//www.dualit.com/cdn/shop/t/308/assets/collection-links-8f8fee3a.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" /> <div class="w-full xl:w-[105%]"> <collection-links class="block w-full items-center mx-auto"> <div class="mt-fluid-3xl translate-y-[30px]"> <div class="w-full swiper !overflow-visible" data-collection-links> <nav class="swiper-wrapper flex 2xl:justify-center items-start"> <div class="swiper-slide !w-auto"> <a href="/collections/coffee" class="btn btn--secondary btn--outline btn--small px-fluid-l md:px-fluid-xl" aria-label="All">All</a> </div> <div class="swiper-slide !w-auto"> <a href="/collections/aluminium-coffee-pods" class="btn btn--secondary btn--outline btn--small px-fluid-l md:px-fluid-xl" aria-label="Aluminium Pods">Aluminium Pods</a> </div> <div class="swiper-slide !w-auto"> <a href="/collections/compostable-coffee-pods" class="btn btn--secondary btn--outline btn--small px-fluid-l md:px-fluid-xl" aria-label="Compostable Pods">Compostable Pods</a> </div> <div class="swiper-slide !w-auto"> <a href="/collections/ese-coffee-pods" class="btn btn--secondary btn--outline btn--small px-fluid-l md:px-fluid-xl" aria-label="ESE Pods">ESE Pods</a> </div> <div class="swiper-slide !w-auto"> <a href="/collections/compostable-coffee-bags" class="btn btn--secondary btn--outline btn--small px-fluid-l md:px-fluid-xl" aria-label="Coffee Bags">Coffee Bags</a> </div> </nav> </div> </div> </collection-links> </div> </div> </div> </div> </section><section id="shopify-section-template--21946163921207__collection_main" class="shopify-section"> <script src="//www.dualit.com/cdn/shop/t/308/assets/facets-9ee9d2eb.js" type="module" crossorigin="anonymous"></script> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/debounce-479361ab.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/on-key-up-escape-00484129.js" crossorigin="anonymous"> <div class="wrapper"> <div class="mb-fluid-l"> <nav class="breadcrumbs " aria-label="Breadcrumb" id="collection-anchor" > <ol class="breadcrumbs paragraph-3 md:paragraph-2 flex flex-wrap mb-fluid-l" itemscope itemtype="https://schema.org/BreadcrumbList" > </ol> </nav> </div><div class="collection-grid"> <div class="facets-wrapper mb-fluid-md" id="main-collection-filters" data-id="template--21946163921207__collection_main" > <script src="//www.dualit.com/cdn/shop/t/308/assets/menu-drawer-77945421.js" type="module" crossorigin="anonymous"></script> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/trap-focus-8b14c045.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/remove-trap-focus-6f29c1bb.js" crossorigin="anonymous"> <link rel="modulepreload" href="//www.dualit.com/cdn/shop/t/308/assets/get-focusable-elements-d16c9a50.js" crossorigin="anonymous"> <div class="facets-container flex justify-between lg:block"> <menu-drawer class="facets__wrapper lg:float-left min-w-max" data-breakpoint="mobile" > <details class="facets__disclosure disclosure-has-popup flex"> <summary class="cursor-pointer marker:content-none"> <span class="facets__open flex items-center mr-fluid-l relative pb-fluid-s"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" viewBox="0 0 25 25"> <defs> <clipPath id="clip-path"> <rect id="Rectangle_8876" data-name="Rectangle 8876" width="25" height="25" fill="none"/> </clipPath> </defs> <g id="Group_18477" data-name="Group 18477" clip-path="url(#clip-path)"> <path id="Path_11453" data-name="Path 11453" d="M24.118,7.16H20.879a3.951,3.951,0,0,0-7.741,0H2V8.74H13.138a3.951,3.951,0,0,0,7.741,0h3.239Zm-7.109,3.16a2.327,2.327,0,0,1-2.37-2.37,2.37,2.37,0,0,1,4.74,0,2.327,2.327,0,0,1-2.37,2.37" transform="translate(-0.42 -0.84)"/> <path id="Path_11454" data-name="Path 11454" d="M2,22.74H5.239a3.951,3.951,0,0,0,7.741,0H24.118V21.16H12.98a3.951,3.951,0,0,0-7.741,0H2Zm7.109-3.16a2.37,2.37,0,1,1-2.37,2.37,2.327,2.327,0,0,1,2.37-2.37" transform="translate(-0.42 -3.781)"/> </g> </svg> <span class="facets__open-label text-[18px] font-semibold uppercase ml-fluid-md"> Filter </span> </span> <span tabindex="0" class="facets__close fixed top-fluid-xl right-[22px] md:right-fluid-2xl w-[16px] h-[16px] md:w-[24px] md:h-[24px] [&>svg]:relative [&>svg]:-top-[8px] [&>svg]:md:static"><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> </summary> <facet-filters-form> <form id="FacetFiltersFormMobile" class="facets"> <div class="facets__inner flex flex-col w-full h-full max-w-[490px] ml-auto bg-brand-white overflow-y-auto pointer-events-all"> <div class="flex sticky top-0 z-10 px-[20px] md:px-fluid-2xl mt-fluid-l md:mt-fluid-xl mb-fluid-xl md:mb-fluid-md"> <div class="flex-grow relative"> <span class="facets__heading paragraph-1 uppercase font-medium"> Filter </span> </div> </div> <div class="relative z-10 flex flex-col overflow-y-auto has-submenu px-[20px] md:px-fluid-2xl"> <details id="Details-Mobile-1-template--21946163921207__collection_main" class="facets__details js-filter marker:content-none mb-fluid-s border-b border-brand-black" data-index="mobile-1" > <summary> <div class="flex items-center justify-between pb-fluid-s cursor-pointer"> <span class="paragraph-1 font-medium">Price</span> <span class="facets__arrow w-[15px]"><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> </div> </summary> <div id="FacetMobile-1-template--21946163921207__collection_main" class="facets__submenu mb-fluid-md" > <price-range> <div class="flex flex-row items-center justify-between gap-fluid-xl"> <div class="input-group w-full max-w-[124px] relative"> <span class="absolute top-[10px] left-[12px]">£</span> <input class="input-group__input text-right !py-[9px]" name="filter.v.price.gte" id="Mobile-Filter-Price-GTE"type="number" placeholder="0" min="0" inputmode="decimal"max="16.99" > <label class="input-group__label sr-only" for="Mobile-Filter-Price-GTE">From</label> </div> <div class="uppercase">To</div> <div class="input-group w-full max-w-[124px] relative"> <span class="absolute top-[10px] left-[12px]">£</span> <input class="input-group__input text-right !py-[9px]" name="filter.v.price.lte" id="Mobile-Filter-Price-LTE"type="number" min="0" inputmode="decimal"placeholder="16.99" max="16.99" > <label class="input-group__label sr-only" for="Mobile-Filter-Price-LTE">To</label> </div> </div> </price-range> </div> </details> <details id="Details-Mobile-2-template--21946163921207__collection_main" class="facets__details js-filter marker:content-none mb-fluid-s border-b border-brand-black" data-index="mobile-2" > <summary> <div class="flex items-center justify-between pb-fluid-s cursor-pointer"> <span class="paragraph-1 font-medium">Product type</span> <span class="facets__arrow w-[15px]"><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> </div> </summary> <div id="FacetMobile-2-template--21946163921207__collection_main" class="facets__submenu mb-fluid-md" > <ul class="facets__list" role="list"><li class="mb-fluid-xs"> <label for="Filter-filter.p.product_type-mobile-1" class="facets__label checkbox-container " > <input class="facets__checkbox" type="checkbox" name="filter.p.product_type" value="Coffee" id="Filter-filter.p.product_type-mobile-1" > <span class="checkmark"></span> <span aria-hidden="true">Coffee (5)</span> <span class="sr-only">Coffee (5 products)</span > </label> </li></ul> </div> </details> <details id="Details-Mobile-3-template--21946163921207__collection_main" class="facets__details js-filter marker:content-none mb-fluid-s border-b border-brand-black" data-index="mobile-3" > <summary> <div class="flex items-center justify-between pb-fluid-s cursor-pointer"> <span class="paragraph-1 font-medium">Coffee Strength</span> <span class="facets__arrow w-[15px]"><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> </div> </summary> <div id="FacetMobile-3-template--21946163921207__collection_main" class="facets__submenu mb-fluid-md" > <ul class="facets__list" role="list"><li class="mb-fluid-xs"> <label for="Filter-filter.p.m.coffee.strength-mobile-1" class="facets__label checkbox-container " > <input class="facets__checkbox" type="checkbox" name="filter.p.m.coffee.strength" value="6" id="Filter-filter.p.m.coffee.strength-mobile-1" > <span class="checkmark"></span> <span aria-hidden="true">6 (1)</span> <span class="sr-only">6 (1 products)</span > </label> </li><li class="mb-fluid-xs"> <label for="Filter-filter.p.m.coffee.strength-mobile-2" class="facets__label checkbox-container " > <input class="facets__checkbox" type="checkbox" name="filter.p.m.coffee.strength" value="7" id="Filter-filter.p.m.coffee.strength-mobile-2" > <span class="checkmark"></span> <span aria-hidden="true">7 (2)</span> <span class="sr-only">7 (2 products)</span > </label> </li><li class="mb-fluid-xs"> <label for="Filter-filter.p.m.coffee.strength-mobile-3" class="facets__label checkbox-container " > <input class="facets__checkbox" type="checkbox" name="filter.p.m.coffee.strength" value="9" id="Filter-filter.p.m.coffee.strength-mobile-3" > <span class="checkmark"></span> <span aria-hidden="true">9 (2)</span> <span class="sr-only">9 (2 products)</span > </label> </li></ul> </div> </details> <details id="Details-Mobile-4-template--21946163921207__collection_main" class="facets__details js-filter marker:content-none mb-fluid-s border-b border-brand-black" data-index="mobile-4" > <summary> <div class="flex items-center justify-between pb-fluid-s cursor-pointer"> <span class="paragraph-1 font-medium">Coffee Format</span> <span class="facets__arrow w-[15px]"><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> </div> </summary> <div id="FacetMobile-4-template--21946163921207__collection_main" class="facets__submenu mb-fluid-md" > <ul class="facets__list" role="list"><li class="mb-fluid-xs"> <label for="Filter-filter.p.m.info.format-mobile-1" class="facets__label checkbox-container " > <input class="facets__checkbox" type="checkbox" name="filter.p.m.info.format" value="Home Compostable Pods" id="Filter-filter.p.m.info.format-mobile-1" > <span class="checkmark"></span> <span aria-hidden="true">Home Compostable Pods (5)</span> <span class="sr-only">Home Compostable Pods (5 products)</span > </label> </li></ul> </div> </details> </div> <div class="facets__footer flex gap-fluid-xl sticky z-10 bottom-0 px-[20px] md:px-fluid-2xl py-fluid-s mt-auto bg-brand-grey"> <facet-remove class="facets__clear-wrapper flex items-center justify-center w-1/2"> <a href="/collections/compostable-coffee-pods" class="facets__clear uppercase underline">Clear all</a> </facet-remove> <button type="button" class="btn btn--secondary btn--small w-1/2 justify-center" onclick="this.closest('.facets__wrapper').querySelector('summary').click()" > Apply </button> <noscript ><button class="btn btn--primary">Apply</button></noscript > </div> </div> </form> </facet-filters-form> </details> </menu-drawer> <facet-filters-form class="lg:float-right lg:ml-fluid-xl"> <form id="FacetSortDrawerForm" class="facets__form"> <div class="facet-filters sorting"> <div class="flex gap-fluid-xs sm:gap-fluid-s"> <span class="text-[18px] uppercase font-semibold"> <label for="SortBy"> <span class="w-max sm:hidden">Sort</span> <span class="w-max hidden sm:block">Sort by</span> </label> </span> <div class="flex select"><select name="sort_by" class="w-[120px] sm:w-full text-right text-[19px] border-none py-0 pl-0 focus:ring-0" id="SortBy" aria-describedby="a11y-refresh-page-message" ><option value="manual" selected="selected" > Featured </option><option value="best-selling" > Best selling </option><option value="title-ascending" > Alphabetically, A-Z </option><option value="title-descending" > Alphabetically, Z-A </option><option value="price-ascending" > Price, low to high </option><option value="price-descending" > Price, high to low </option><option value="created-ascending" > Date, old to new </option><option value="created-descending" > Date, new to old </option></select> </div> </div> <noscript> <button type="submit" class="facets__button-no-js button button--secondary"> Sort </button> </noscript> </div> </form> </facet-filters-form> <div class="active-facets active-facets-desktop hidden lg:flex lg:flex-wrap lg:gap-fluid-s"><facet-remove class="active-facets__button-wrapper"> <a href="/collections/compostable-coffee-pods" class="active-facets__button-remove paragraph-1 text-brand-dark-grey underline"> <span>Clear all</span> </a> </facet-remove> </div> </div> </div> <div class="product-grid-container" id="ProductGridContainer" ><div class="collection"> <ul id="product-grid" data-id="template--21946163921207__collection_main" class="site-grid product-grid" > <li class="grid__item col-span-6 md:col-span-4 xl:col-span-4 relative bg-brand-light-grey rounded-card overflow-hidden" > <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/indian-monsoon-home-compostable" class="hover:no-underline" aria-label="Indian Monsoon Home Compostable Coffee Pods"> <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/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=572 1x,//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=1144 2x,//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=1716 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=494 1x,//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=988 2x,//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=1482 3x" /> <source media="(min-width: 1280px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=397 1x,//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=794 2x,//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=1191 3x" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=580 1x,//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=1160 2x,//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=1740 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=460 1x,//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=920 2x,//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=1380 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=727 1x,//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=1454 2x,//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=2181 3x" /> <source media="(min-width: 390px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=600 1x,//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=1200 2x,//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=1800 3x" /> <img src="//www.dualit.com/cdn/shop/files/HCC-50-IM-Cup-Capsule-webgrey.jpg?v=1720082655&width=350" alt="Indian Monsoon Home Compostable Coffee Pods" width="350" height="350" loading="lazy" class="w-full h-full object-contain mix-blend-darken"> </picture> </a> </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="8325492572471" 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/indian-monsoon-home-compostable" class="hover:no-underline" aria-label="Indian Monsoon Home Compostable Coffee Pods"> <p class="product-card__title heading-3 mt-fluid-s mb-fluid-3xs"> Indian Monsoon Home Compostable Coffee Pods </p> <p class="paragraph-2 mb-fluid-3xs">Notes — Fresh Toast, Dark Cocoa, and Spices</p> <p class="product-card__price font-medium paragraph-2 sm:text-[22px] pb-fluid-s"> <span data-price class=""> £16.99 </span> <span class="paragraph-3 text-brand-dark-grey pl-fluid-2xs"> 50 Pods </span> </p> </a> </div> <div class="[&>ul]:mb-0 [&>ul]:justify-center mb-[3px]"> <ul class="flex gap-fluid-2xs mb-fluid-md"> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#D3D3D3] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> </ul> </div> </div> </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="45338409402679" > </button> </quick-add> </div> </div> </li> <li class="grid__item col-span-6 md:col-span-4 xl:col-span-4 relative bg-brand-light-grey rounded-card overflow-hidden" > <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/americano-home-compostable" class="hover:no-underline" aria-label="Americano Home Compostable Coffee Pods"> <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/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=572 1x,//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=1144 2x,//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=1716 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=494 1x,//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=988 2x,//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=1482 3x" /> <source media="(min-width: 1280px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=397 1x,//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=794 2x,//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=1191 3x" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=580 1x,//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=1160 2x,//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=1740 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=460 1x,//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=920 2x,//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=1380 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=727 1x,//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=1454 2x,//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=2181 3x" /> <source media="(min-width: 390px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=600 1x,//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=1200 2x,//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=1800 3x" /> <img src="//www.dualit.com/cdn/shop/files/HCC-50-AM-Cup-Capsule-webgrey.jpg?v=1720082503&width=350" alt="Americano Home Compostable Coffee Pods" width="350" height="350" loading="lazy" class="w-full h-full object-contain mix-blend-darken"> </picture> </a> </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="8325476614455" 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/americano-home-compostable" class="hover:no-underline" aria-label="Americano Home Compostable Coffee Pods"> <p class="product-card__title heading-3 mt-fluid-s mb-fluid-3xs"> Americano Home Compostable Coffee Pods </p> <p class="paragraph-2 mb-fluid-3xs">Notes — Cereal, Rich Treacle, and Dried Fruit</p> <p class="product-card__price font-medium paragraph-2 sm:text-[22px] pb-fluid-s"> <span data-price class=""> £16.99 </span> <span class="paragraph-3 text-brand-dark-grey pl-fluid-2xs"> 50 Pods </span> </p> </a> </div> <div class="[&>ul]:mb-0 [&>ul]:justify-center mb-[3px]"> <ul class="flex gap-fluid-2xs mb-fluid-md"> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#D3D3D3] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#D3D3D3] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#D3D3D3] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> </ul> </div> </div> </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="45338409074999" > </button> </quick-add> </div> </div> </li> <li class="grid__item col-span-6 md:col-span-4 xl:col-span-4 relative bg-brand-light-grey rounded-card overflow-hidden" > <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/decaf-home-compostable" class="hover:no-underline" aria-label="Decaf Home Compostable Coffee Pods"> <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/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=572 1x,//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=1144 2x,//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=1716 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=494 1x,//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=988 2x,//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=1482 3x" /> <source media="(min-width: 1280px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=397 1x,//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=794 2x,//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=1191 3x" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=580 1x,//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=1160 2x,//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=1740 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=460 1x,//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=920 2x,//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=1380 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=727 1x,//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=1454 2x,//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=2181 3x" /> <source media="(min-width: 390px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=600 1x,//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=1200 2x,//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=1800 3x" /> <img src="//www.dualit.com/cdn/shop/files/HCC-50-DB-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642757&width=350" alt="Decaf Home Compostable Coffee Pods" width="350" height="350" loading="lazy" class="w-full h-full object-contain mix-blend-darken"> </picture> </a> </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="8325502075191" 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/decaf-home-compostable" class="hover:no-underline" aria-label="Decaf Home Compostable Coffee Pods"> <p class="product-card__title heading-3 mt-fluid-s mb-fluid-3xs"> Decaf Home Compostable Coffee Pods </p> <p class="paragraph-2 mb-fluid-3xs">Notes — Fruit, Cinnamon, and Zesty Clove</p> <p class="product-card__price font-medium paragraph-2 sm:text-[22px] pb-fluid-s"> <span data-price class=""> £16.99 </span> <span class="paragraph-3 text-brand-dark-grey pl-fluid-2xs"> 50 Pods </span> </p> </a> </div> <div class="[&>ul]:mb-0 [&>ul]:justify-center mb-[3px]"> <ul class="flex gap-fluid-2xs mb-fluid-md"> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#D3D3D3] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#D3D3D3] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#D3D3D3] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#D3D3D3] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> </ul> </div> </div> </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="45338445775159" > </button> </quick-add> </div> </div> </li> <li class="grid__item col-span-6 md:col-span-4 xl:col-span-4 relative bg-brand-light-grey rounded-card overflow-hidden" > <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/organic-colombian-home-compostable" class="hover:no-underline" aria-label="Organic Colombian Home Compostable Coffee Pods"> <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/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=572 1x,//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=1144 2x,//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=1716 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=494 1x,//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=988 2x,//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=1482 3x" /> <source media="(min-width: 1280px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=397 1x,//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=794 2x,//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=1191 3x" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=580 1x,//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=1160 2x,//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=1740 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=460 1x,//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=920 2x,//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=1380 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=727 1x,//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=1454 2x,//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=2181 3x" /> <source media="(min-width: 390px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=600 1x,//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=1200 2x,//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=1800 3x" /> <img src="//www.dualit.com/cdn/shop/files/HCC-50-OC-Cup-Capsule-web-grey-GT24_1.jpg?v=1723642848&width=350" alt="Organic Colombian Home Compostable Coffee Pods" width="350" height="350" loading="lazy" class="w-full h-full object-contain mix-blend-darken"> </picture> </a> </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="8325502173495" 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/organic-colombian-home-compostable" class="hover:no-underline" aria-label="Organic Colombian Home Compostable Coffee Pods"> <p class="product-card__title heading-3 mt-fluid-s mb-fluid-3xs"> Organic Colombian Home Compostable Coffee Pods </p> <p class="paragraph-2 mb-fluid-3xs">Notes — Caramel, Dried Fruit, and Chocolate</p> <p class="product-card__price font-medium paragraph-2 sm:text-[22px] pb-fluid-s"> <span data-price class=""> £16.99 </span> <span class="paragraph-3 text-brand-dark-grey pl-fluid-2xs"> 50 Pods </span> </p> </a> </div> <div class="[&>ul]:mb-0 [&>ul]:justify-center mb-[3px]"> <ul class="flex gap-fluid-2xs mb-fluid-md"> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#D3D3D3] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#D3D3D3] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#D3D3D3] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> </ul> </div> </div> </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="45338446037303" > </button> </quick-add> </div> </div> </li> <li class="grid__item col-span-6 md:col-span-4 xl:col-span-4 relative bg-brand-light-grey rounded-card overflow-hidden" > <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/intense-1" class="hover:no-underline" aria-label="Intense Home Compostable Coffee Pods"> <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/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=572 1x,//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=1144 2x,//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=1716 3x" /> <source media="(min-width: 1366px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=494 1x,//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=988 2x,//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=1482 3x" /> <source media="(min-width: 1280px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=397 1x,//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=794 2x,//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=1191 3x" /> <source media="(min-width: 1024px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=580 1x,//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=1160 2x,//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=1740 3x" /> <source media="(min-width: 768px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=460 1x,//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=920 2x,//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=1380 3x" /> <source media="(min-width: 640px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=727 1x,//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=1454 2x,//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=2181 3x" /> <source media="(min-width: 390px)" srcset="//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=600 1x,//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=1200 2x,//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=1800 3x" /> <img src="//www.dualit.com/cdn/shop/files/HCC-50-IN-Cup-Capsule-webgrey.jpg?v=1712757477&width=350" alt="Intense Home Compostable Coffee Pods" width="350" height="350" loading="lazy" class="w-full h-full object-contain mix-blend-darken"> </picture> </a> </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="9389044007223" 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/intense-1" class="hover:no-underline" aria-label="Intense Home Compostable Coffee Pods"> <p class="product-card__title heading-3 mt-fluid-s mb-fluid-3xs"> Intense Home Compostable Coffee Pods </p> <p class="paragraph-2 mb-fluid-3xs">Notes — Roasted Nuts , Molasses, and Dark Chocolate</p> <p class="product-card__price font-medium paragraph-2 sm:text-[22px] pb-fluid-s"> <span data-price class=""> £16.99 </span> <span class="paragraph-3 text-brand-dark-grey pl-fluid-2xs"> 50 Pods </span> </p> </a> </div> <div class="[&>ul]:mb-0 [&>ul]:justify-center mb-[3px]"> <ul class="flex gap-fluid-2xs mb-fluid-md"> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#4A372F] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> <li class="[&>svg]:fill-[#D3D3D3] w-[15px] md:w-[19px]"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18.538 22.561"> <g id="Group_20190" data-name="Group 20190" transform="translate(-1096 -14925.667)"> <path id="Path_11610" data-name="Path 11610" d="M13.852.783a.993.993,0,0,1-.345.692C13.3,1.657,8.341,6.006,10.1,11.866a10.612,10.612,0,0,1-2.761,10.67c4.286.355,8.749-3.115,10.49-8.472C19.641,8.483,17.86,2.825,13.852.783" transform="translate(1096 14925.667)"/> <path id="Path_11611" data-name="Path 11611" d="M5.139,21.85a8.763,8.763,0,0,0,3.044-9.409c-1.948-6.5,2.782-11.335,3.823-12.3C7.487-.76,2.56,2.807.71,8.5c-1.867,5.745.074,11.572,4.335,13.451a1.016,1.016,0,0,1,.094-.1" transform="translate(1096 14925.667)"/> </g> </svg> </li> </ul> </div> </div> </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="48597287534903" > </button> </quick-add> </div> </div> </li></ul></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 Compostable Coffee Pods — Nespresso Compatible