<!DOCTYPE html>
<html lang="en">
<head>
    <script>
    document.addEventListener('error', function (event) {
        var img = event.target;
        if (!img || img.tagName !== 'IMG' || img.getAttribute('data-fs-original')) {
            return;
        }
        var failed = img.currentSrc || img.src || '';
        if (failed.indexOf('cdn.freshstore.cloud/') === -1 || !/[?&]width=/.test(failed)) {
            return;
        }
        var original = failed.split('?')[0];
        img.setAttribute('data-fs-original', original);
        if (img.parentNode && img.parentNode.tagName === 'PICTURE') {
            var sources = img.parentNode.getElementsByTagName('source');
            for (var i = sources.length - 1; i >= 0; i--) {
                sources[i].parentNode.removeChild(sources[i]);
            }
        }
        img.removeAttribute('srcset');
        img.removeAttribute('sizes');
        img.src = original;
    }, true);
</script>
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Best Bean to Cup Coffee Machines for Home And Office</title>
<meta name="csrf-token" content="9eexw90Gs4xx0NlkKUYhWoutgcbS4JN0Hf4I1lNs">
<meta name="description" content="Discover our range of bean-to-cup coffee machines, designed to brew fresh, delicious coffee at home. Enjoy barista-quality coffee with every cup!">
<meta name="keywords" content="bean to cup coffee machines, fresh coffee machines, coffee machines for home, automatic coffee makers, whole bean coffee brewers, barista quality coffee, coffee at home, espresso machines, coffee machine reviews, coffee grinder machines, compact coffee ma">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Coffeee">
<meta property="og:title" content="Best Bean to Cup Coffee Machines for Home And Office">
<meta property="og:url" content="https://www.coffeee.uk/categories/bean-to-cup-coffee-machines">
<meta property="og:description" content="Discover our range of bean-to-cup coffee machines, designed to brew fresh, delicious coffee at home. Enjoy barista-quality coffee with every cup!">
<meta property="og:image" content="https://cdn.freshstore.cloud/template/images/15426/7/coffeee-logo-icon-png.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="">
<meta name="twitter:title" content="Best Bean to Cup Coffee Machines for Home And Office">
<meta name="twitter:description" content="Discover our range of bean-to-cup coffee machines, designed to brew fresh, delicious coffee at home. Enjoy barista-quality coffee with every cup!">
<meta name="twitter:image" content="https://cdn.freshstore.cloud/template/images/15426/7/coffeee-logo-icon-png.png">
        
        
            <link rel="canonical" href="https://www.coffeee.uk/categories/bean-to-cup-coffee-machines"/>
    
    <link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.webmanifest">
    <link rel="stylesheet" href="https://rsms.me/inter/inter.css">

    <link rel="preload" as="style" href="https://www.coffeee.uk/build/assets/app-Cws3JLuB.css" /><link rel="modulepreload" href="https://www.coffeee.uk/build/assets/app-BKMFZYtq.js" /><link rel="stylesheet" href="https://www.coffeee.uk/build/assets/app-Cws3JLuB.css" data-navigate-track="reload" /><script type="module" src="https://www.coffeee.uk/build/assets/app-BKMFZYtq.js" data-navigate-track="reload"></script>    <script type="speculationrules">
{
    "prerender": [{
        "where": {
            "and": [
                { "href_matches": "/*" },
                { "not": { "href_matches": ["/out/*", "/account", "/account/*", "/admin", "/admin/*", "/cart", "/cart/*", "/livewire/*", "/*.xml", "/*.txt"] } },
                { "not": { "selector_matches": ["a.fs-al", "[rel~=sponsored]", "[rel~=nofollow]", "[target=_blank]", "[data-no-prerender]"] } }
            ]
        },
        "eagerness": "moderate"
    }]
}
</script>
<style>
    @view-transition { navigation: auto; }
    @media (prefers-reduced-motion: reduce) {
        @view-transition { navigation: none; }
    }
</style>


            <link rel="stylesheet" href="https://cdn.freshstore.cloud/shared/fonts/outfit.css">
<link rel="preload" href="https://cdn.freshstore.cloud/shared/fonts/outfit-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="https://cdn.freshstore.cloud/shared/fonts/outfit-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.freshstore.cloud/shared/fonts/inter.css">
<link rel="preload" href="https://cdn.freshstore.cloud/shared/fonts/inter-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="https://cdn.freshstore.cloud/shared/fonts/inter-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">


        <style>
            :root {
                --font-title: 'Outfit', sans-serif;
                --font-subtitle: 'Outfit', sans-serif;
                --font-body: 'Inter', sans-serif;
            }
        </style>
    
    <style id="fs-crystal-semantic-colours">
    /* Text: solid, because text must contrast whatever the page is. */
    .fs-template-crystal .text-gray-900,
    .fs-template-crystal .text-gray-800 {
        color: rgb(var(--color-title));
    }

    .fs-template-crystal .hover\:text-gray-800:hover {
        color: rgb(var(--color-title));
    }

    .fs-template-crystal .text-gray-700,
    .fs-template-crystal .text-gray-600 {
        color: rgb(var(--color-text));
    }

    .fs-template-crystal .group:hover .group-hover\:text-gray-600 {
        color: rgb(var(--color-text));
    }

    .fs-template-crystal .text-gray-500 {
        color: rgb(var(--color-light));
    }

    .fs-template-crystal .hover\:text-gray-500:hover,
    .fs-template-crystal .group:hover .group-hover\:text-gray-500 {
        color: rgb(var(--color-light));
    }

    .fs-template-crystal .placeholder-gray-500::placeholder {
        color: rgb(var(--color-light));
    }

    .fs-template-crystal .fill-gray-600 {
        fill: rgb(var(--color-text));
    }

    /* Decoration: separators, spinner tracks, a chevron. These are ink, but
       they carry no words, so they sit near the page rather than clear of it. */
    .fs-template-crystal .text-gray-400 {
        color: rgba(var(--color-light), 0.66);
    }

    .fs-template-crystal .fill-gray-400 {
        fill: rgba(var(--color-light), 0.66);
    }

    .fs-template-crystal .text-gray-300 {
        color: rgba(var(--color-light), 0.3);
    }

    .fs-template-crystal .hover\:text-gray-300:hover {
        color: rgba(var(--color-light), 0.3);
    }

    .fs-template-crystal .text-gray-200 {
        color: rgba(var(--color-light), 0.17);
    }

    /* Rules. 0.25 on the 200 weight is the value already shipped. */
    .fs-template-crystal .border-gray-200 {
        border-color: rgba(var(--color-light), 0.25);
    }

    .fs-template-crystal .border-gray-300 {
        border-color: rgba(var(--color-light), 0.3);
    }

    .fs-template-crystal .focus\:border-gray-400:focus {
        border-color: rgba(var(--color-light), 0.66);
    }

    .fs-template-crystal .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
        border-color: rgba(var(--color-light), 0.25);
    }

    @media (min-width: 640px) {
        .fs-template-crystal .sm\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
            border-color: rgba(var(--color-light), 0.25);
        }
    }

    .fs-template-crystal .focus-within\:ring-gray-200:focus-within {
        --tw-ring-color: rgba(var(--color-light), 0.25);
    }

    /* Panels. bg-white stays white here; on a dark page the block below
       gives it the page colour. */
    .fs-template-crystal .bg-gray-50 {
        background-color: rgba(var(--color-light), 0.05);
    }

    .fs-template-crystal .bg-gray-100,
    .fs-template-crystal .hover\:bg-gray-100:hover {
        background-color: rgba(var(--color-light), 0.08);
    }

    .fs-template-crystal .bg-gray-200 {
        background-color: rgba(var(--color-light), 0.17);
    }

    .fs-template-crystal .bg-gray-300 {
        background-color: rgba(var(--color-light), 0.3);
    }

    /* A link on a panel. The skin's link colour is clamped against the page,
       and a panel is a shade darker than the page, so Blue Dream's link fell
       to 4.3:1 on bg-gray-50 ("View All" on the home sections). A fifth of
       the title ink keeps the hue and clears 4.5:1 (design gate, 25 Sep). */
    .fs-template-crystal .bg-gray-50 .text-skin-link {
        color: color-mix(in srgb, rgb(var(--color-link)) 80%, rgb(var(--color-title)));
    }

    /* The one deliberately dark panel: the desktop locale pill. */
    .fs-template-crystal .bg-gray-900 {
        background-color: rgb(var(--color-bg-dark));
    }
</style>


        

    
    <script type="text/javascript">
        window.debugMode = false;
    </script>

    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>

    <script type="application/ld+json">{"@context":"https://schema.org","@type":"ItemList","name":"Bean Cup Coffee Machines","alternateName":"Bean To Cup Coffee Machines","description":"Enjoy the freshest coffee at home with machines that brew from whole beans to your cup","mainEntityOfPage":"https://www.coffeee.uk/categories/bean-to-cup-coffee-machines","url":"https://www.coffeee.uk/categories/bean-to-cup-coffee-machines"}</script>

    <script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Coffeee","url":"https://www.coffeee.uk","logo":"https://cdn.freshstore.cloud/template/images/15426/7915/c/coffeee-logo-logo.png"}</script>
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Store Home","item":"https://www.coffeee.uk"},{"@type":"ListItem","position":2,"name":"Categories","item":"https://www.coffeee.uk/categories"},{"@type":"ListItem","position":3,"name":"Coffee Machines","item":"https://www.coffeee.uk/categories/coffee-machines"},{"@type":"ListItem","position":4,"name":"Bean Cup Coffee Machines","item":"https://www.coffeee.uk/categories/bean-to-cup-coffee-machines"}]}</script>

    <meta name="google-site-verification" content="wrA9qTV1V_H6RJttIEt7NCmujLZzO61tWHenRkO_SXg" />
<meta name="linksindexer-site-verification" content="53d2b8fa8e3daf2d7eccbddb5e0f96b8d2b764db076af5cd80a503a9170e869f">

    <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/products-new.rss" title="New Products">
        <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/products-old.rss" title="Old Products">
        <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/products-updated.rss" title="Recently Updated Products">
        <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/products-random.rss" title="Random Products">
        <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/products-popular.rss" title="Popular Products">
        <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/articles-new.rss" title="New Articles">
        <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/articles-old.rss" title="Old Articles">
        <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/articles-updated.rss" title="Recently Updated Articles">
        <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/articles-random.rss" title="Random Articles">
        <link rel="alternate" type="application/rss+xml" href="https://www.coffeee.uk/feed/articles-popular.rss" title="Popular Articles">
        
</head>

    <body
        class="fs-template-crystal skin-bookworm font-body font-normal !text-base [&amp;_.prose]:!text-base text-skin-base"
        style="background-color: #FFFFFF;"
    >

<div wire:snapshot="{&quot;data&quot;:[],&quot;memo&quot;:{&quot;id&quot;:&quot;zWOqrnJhWsPe6qUTdsWe&quot;,&quot;name&quot;:&quot;toast&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:{&quot;lw-3436471034-0&quot;:[&quot;div&quot;,&quot;30dN99iFs6PQY9r0rRxE&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;fd774b29658cabb021d057a6a69579e2e43d9921576960d0e38ebb36d8b25dd1&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;pageLoaded&quot;]}" wire:id="zWOqrnJhWsPe6qUTdsWe">
    <div wire:snapshot="{&quot;data&quot;:{&quot;defaultDuration&quot;:5000,&quot;loadDelay&quot;:400,&quot;prod&quot;:true,&quot;toasts&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;30dN99iFs6PQY9r0rRxE&quot;,&quot;name&quot;:&quot;toasts&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;78c0b1e03a9d686ffcf242d7346150345bab878cad60ceb1de64bc69bc132557&quot;}" wire:effects="[]" wire:id="30dN99iFs6PQY9r0rRxE"
    x-data='ToastComponent($wire)'
    @mouseleave="scheduleRemovalWithOlder()"
    class="fixed top-0 right-0 z-50 p-4 space-y-3 w-full max-w-sm pointer-events-none ltr:right-0 rtl:left-0 toasts-container sm:p-6"
    style="z-index:999;"
>
    <template
        x-for="toast in toasts.filter((a)=>a)"
        :key="toast.index"
    >
        <div
            @mouseenter="cancelRemovalWithNewer(toast.index)"
            @mouseleave="scheduleRemovalWithOlder(toast.index)"
            @click="remove(toast.index)"
            x-show="toast.show===1"
            x-transition:enter="ease-out duration-500 transition"
            x-transition:enter-start="translate-y-2 opacity-0 sm:translate-y-0 ltr:sm:translate-x-10 rtl:sm:-translate-x-10"
            x-transition:enter-end="translate-y-0 opacity-100 ltr:sm:translate-x-0"
            x-transition:leave="transition ease-in duration-500"
            x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0"
            x-init="$nextTick(()=>{toast.show=1})"
        >
            <div>
    <div
        class="overflow-hidden z-50 p-5 bg-white rounded-md shadow cursor-pointer pointer-events-auto select-none ltr:border-l-8 rtl:border-r-8 hover:bg-gray-50 dark:hover:bg-gray-900 dark:bg-black"
        x-bind:class="{
                    'border-blue-700': toast.type === 'info',
                    'border-green-700': toast.type === 'success',
                    'border-yellow-700': toast.type === 'warning',
                    'border-red-700': toast.type === 'danger'
                  }"
    >
        <div class="flex justify-between items-center space-x-5 rtl:space-x-reverse">
            <div class="flex-1 ltr:mr-2 rtl:ml-2">
                <div
                    class="mb-1 text-lg font-black text-gray-900 uppercase font-large dark:text-gray-100"
                    x-html="toast.title"
                    x-show="toast.title !== undefined"
                ></div>

                <div
                    class="text-gray-900 dark:text-gray-200"
                    x-show="toast.message !== undefined"
                    x-html="toast.message"
                ></div>
            </div>

            <template x-if="toast.type==='debug'">
    <svg
        class="w-8 h-8 text-gray-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 512 512"
    >
        <path
            fill="currentColor"
            d="M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z"
            class=""
        ></path>
    </svg>
</template>

<template x-if="toast.type==='info'">
    <svg
        class="w-8 h-8 text-blue-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 192 512"
    >
        <path
            fill="currentColor"
            fill-opacity="0.5"
            d="M20 448h152a20 20 0 0 1 20 20v24a20 20 0 0 1-20 20H20a20 20 0 0 1-20-20v-24a20 20 0 0 1 20-20z"
        />
        <path
            fill="currentColor"
            d="M96 128a64 64 0 1 0-64-64 64 64 0 0 0 64 64zm28 64H20a20 20 0 0 0-20 20v24a20 20 0 0 0 20 20h28v192h96V212a20 20 0 0 0-20-20z"
        />
    </svg>
</template>

<template x-if="toast.type==='success'">
    <svg
        class="w-8 h-8 text-green-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 512 512"
    >
        <path
            fill="currentColor"
            d="M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z"
        ></path>
    </svg>
</template>

<template x-if="toast.type==='warning'">
    <svg
        class="w-8 h-8 text-yellow-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 192 512"
    >
        <path
            fill="currentColor"
            fill-opacity="0.5"
            d="M49.22 0h93.56a24 24 0 0 1 24 25.2l-13.63 272a24 24 0 0 1-24 22.8H62.84a24 24 0 0 1-24-22.8l-13.59-272A24 24 0 0 1 49.22 0z"
        ></path>
        <path
            fill="currentColor"
            d="M96 512a80 80 0 1 1 80-80 80.09 80.09 0 0 1-80 80z"
        ></path>
    </svg>
</template>

<template x-if="toast.type==='danger'">
    <svg
        class="w-8 h-8 text-red-700"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 576 512"
    >
        <path
            fill="currentColor"
            fill-opacity="0.5"
            d="M569.52 440L329.58 24c-18.44-32-64.69-32-83.16 0L6.48 440c-18.42 31.94 4.64 72 41.57 72h479.89c36.87 0 60.06-40 41.58-72zM288 448a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm38.24-238.41l-12.8 128A16 16 0 0 1 297.52 352h-19a16 16 0 0 1-15.92-14.41l-12.8-128A16 16 0 0 1 265.68 192h44.64a16 16 0 0 1 15.92 17.59z"
        ></path>
        <path
            fill="currentColor"
            d="M310.32 192h-44.64a16 16 0 0 0-15.92 17.59l12.8 128A16 16 0 0 0 278.48 352h19a16 16 0 0 0 15.92-14.41l12.8-128A16 16 0 0 0 310.32 192zM288 384a32 32 0 1 0 32 32 32 32 0 0 0-32-32z"
        ></path>
    </svg>
</template>
        </div>
    </div>

</div>
        </div>
    </template>
</div>
</div>



    
    
    <div class="" x-data="{ mobileMenuOpen: false }" @keydown.window.escape="mobileMenuOpen = false">

        <div x-cloak x-show="mobileMenuOpen" id="navigation-top-mobile">

    <div class="fixed inset-0 flex z-50 lg:hidden" role="dialog" aria-modal="true" x-show="mobileMenuOpen">

        <div class="fixed inset-0 bg-black bg-opacity-25"
             aria-hidden="true"
             x-show="mobileMenuOpen"
             x-transition:enter="transition-opacity ease-linear duration-300"
             x-transition:enter-start="transform opacity-0 scale-95"
             x-transition:enter-end="transform opacity-100 scale-100"
             x-transition:leave="transition-opacity ease-linear duration-300"
             x-transition:leave-start="transform opacity-100 scale-100"
             x-transition:leave-end="transform opacity-0 scale-95"
             @click.prevent="mobileMenuOpen = false"
        ></div>

        <div class="relative max-w-xs w-full bg-white shadow-xl pb-12 flex flex-col overflow-y-auto"
             x-show="mobileMenuOpen"
             x-transition:enter="transition ease-in-out duration-300 transform"
             x-transition:enter-start="-translate-x-full"
             x-transition:enter-end="translate-x-0"
             x-transition:leave="transition ease-in-out duration-300 transform"
             x-transition:leave-start="translate-x-0"
             x-transition:leave-end="-translate-x-full"
        >
            <div class="px-4 pt-5 pb-2 flex">
                <button type="button" class="-m-2 p-2 rounded-md inline-flex items-center justify-center text-gray-400" @click.prevent="mobileMenuOpen = false">
                    <span class="sr-only">Close Menu</span>
                    <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>                </button>
            </div>

            <div class="py-6 px-4 space-y-6">
                <div class="flow-root">
                    <form action="https://www.coffeee.uk/search" method="GET" class="flex lg:hidden">
                        <input type="text" name="q" aria-label="Search" value="" class="block w-1/2 mr-2 px-4 py-2 w-full font-medium text-gray-600 border-gray-300 rounded-md shadow-sm focus:ring-skin-accent focus:border-skin-accent">
                        <button type="submit" class="-m-2 p-2 text-gray-400 hover:text-gray-500 focus:ring-skin-accent">
                            <span class="sr-only">Search</span>
                            <svg class="h-8 w-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>                        </button>
                    </form>
                </div>
            </div>

            <!-- Links -->
            <div class="mt-2">

                
                    
                    <div class="border-t border-gray-200 px-4" x-data="{show: false}">

                        <h3>
                            <button @click.prevent="show = !show" class="group relative w-full py-6 flex justify-between items-center text-left" type="button" :aria-expanded="show">
                                <span class="text-gray-900 whitespace-nowrap text-base font-medium">Categories</span>
                                <span class="ml-6 flex items-center">
                                    <svg x-show="!show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>                                    <svg x-show="show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13H5v-2h14v2z"/></svg>                                </span>
                            </button>
                        </h3>

                        <div class="pt-6 pb-12 space-y-12" x-show="show" x-transition.duration.200ms>
                                <div class="grid grid-cols-1 items-start gap-y-10 gap-x-6">
                                                                            <div>
                                            <p id="mobile-featured-heading-7" class="font-medium text-gray-700 ml-2">
                                                <a href="/categories/coffee-machines">
                                                    Coffee Machines
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-7" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/bean-to-cup-coffee-machines" class="text-gray-500">
                                                                Bean Cup Coffee Machines
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/drip-filter-coffee-machines" class="text-gray-500">
                                                                Drip Filter Coffee Machines
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/espresso-coffee-machines" class="text-gray-500">
                                                                Espresso Coffee Machines
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/pod-and-capsule-coffee-machines" class="text-gray-500">
                                                                Pod &amp; Capsule Coffee Machines
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/single-serve-coffee-machines" class="text-gray-500">
                                                                Single Serve Coffee Machines
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-7" class="font-medium text-gray-700 ml-2">
                                                <a href="/categories/coffee-makers">
                                                    Coffee Makers
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-7" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/cold-brew-coffee-makers" class="text-gray-500">
                                                                Cold Brew Coffee Makers
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/cafetiere-french-press-coffee-makers" class="text-gray-500">
                                                                French Press Coffee Makers
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/pour-over-coffee-makers" class="text-gray-500">
                                                                Pour Over Coffee Makers
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/stove-top-coffee-makers" class="text-gray-500">
                                                                Stove Top Coffee Makers
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-7" class="font-medium text-gray-700 ml-2">
                                                <a href="/categories/coffee-beans">
                                                    Coffee Beans
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-7" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/1kg-coffee-beans" class="text-gray-500">
                                                                1kg Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/arabica-coffee-beans" class="text-gray-500">
                                                                Arabica Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/coffee-blends-coffee-beans" class="text-gray-500">
                                                                Coffee Blends
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/decaf-coffee-beans" class="text-gray-500">
                                                                Decaf Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/espresso-coffee-beans" class="text-gray-500">
                                                                Espresso Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/freshly-roasted-coffee-beans" class="text-gray-500">
                                                                Freshly Roasted Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/organic-coffee-beans" class="text-gray-500">
                                                                Organic Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/robusta-coffee-beans" class="text-gray-500">
                                                                Robusta Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-7" class="font-medium text-gray-700 ml-2">
                                                <a href="/categories/single-origin-coffee-beans">
                                                    Single Origin Coffee Beans
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-7" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/brazillian-coffee-beans" class="text-gray-500">
                                                                Brazillian Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/columbian-coffee-beans" class="text-gray-500">
                                                                Columbian Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/costa-rican-coffee-beans" class="text-gray-500">
                                                                Costa Rican Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/ethiopian-coffee-beans" class="text-gray-500">
                                                                Ethiopian Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/italian-coffee-beans" class="text-gray-500">
                                                                Italian Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/jamaican-coffee-beans" class="text-gray-500">
                                                                Jamaican Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/peruvian-coffee-beans" class="text-gray-500">
                                                                Peruvian Coffee Beans
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-7" class="font-medium text-gray-700 ml-2">
                                                <a href="/categories/coffee">
                                                    Coffee
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-7" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/coffee-pods-and-capsules" class="text-gray-500">
                                                                Coffee Pods And Capsules
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/ground-coffee" class="text-gray-500">
                                                                Ground Coffee
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/instant-coffee" class="text-gray-500">
                                                                Instant Coffee
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-7" class="font-medium text-gray-700 ml-2">
                                                <a href="/categories/coffee-filters">
                                                    Coffee Filters
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-7" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/paper-coffee-filters" class="text-gray-500">
                                                                Paper Coffee Filters
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/metal-coffee-filters" class="text-gray-500">
                                                                Metal Coffee Filters
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-7" class="font-medium text-gray-700 ml-2">
                                                <a href="/categories/coffee-grinders">
                                                    Coffee Grinders
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-7" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/categories/blade-coffee-grinders" class="text-gray-500">
                                                                Blade Coffee Grinders
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/categories/burr-coffee-grinders" class="text-gray-500">
                                                                Burr Coffee Grinders
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                    </div>
                        </div>
                    </div>

                    
                
                    
                    <div class="border-t border-gray-200 px-4" x-data="{show: false}">

                        <h3>
                            <button @click.prevent="show = !show" class="group relative w-full py-6 flex justify-between items-center text-left" type="button" :aria-expanded="show">
                                <span class="text-gray-900 whitespace-nowrap text-base font-medium">Brands</span>
                                <span class="ml-6 flex items-center">
                                    <svg x-show="!show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>                                    <svg x-show="show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13H5v-2h14v2z"/></svg>                                </span>
                            </button>
                        </h3>

                        <div class="pt-6 pb-12 space-y-12" x-show="show" x-transition.duration.200ms>
                                <div class="grid grid-cols-1 items-start gap-y-10 gap-x-6">
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/ninja-coffee-machines">
                                                    Ninja Coffee Machines
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/baratza-coffee-grinders">
                                                    Baratza Coffee Grinders
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/coffee-roasters-of-jamaica-coffee">
                                                    Coffee Roasters Of Jamaica Coffee
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/very-strong-coffee">
                                                    Very Strong Coffee
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/coffee-masters-coffee">
                                                    Coffee Masters Coffee
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/taylors-of-harrogate-coffee">
                                                    Taylors Of Harrogate Coffee
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/cafe-direct-coffee">
                                                    Café Direct Coffee
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/grumpy-mule-coffee">
                                                    Grumpy Mule Coffee
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/costa-coffee">
                                                    Costa Coffee
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/bialetti-cofee-makers">
                                                    Bialetti Cofee Makers
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/heemburg">
                                                    Heemburg
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/moccamaster-coffee-machines">
                                                    Moccamaster Coffee Machines
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/rainbean-coffee-makers">
                                                    Rainbean Coffee Makers
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/igenix-coffee-machines">
                                                    Igenix Coffee Machines
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/yabano-coffee-machines">
                                                    Yabano Coffee Machines
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/grind-coffee">
                                                    Grind Coffee
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/spiller-tait-coffee-beans">
                                                    Spiller &amp; Tait Coffee Beans
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/bridge-pro-coffee-machines">
                                                    Bridge Pro Coffee Machines
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/lavazza-coffee">
                                                    Lavazza Coffee
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/salter-coffee-machines">
                                                    Salter Coffee Machines
                                                </a>
                                            </p>

                                                                                    </div>
                                                                    </div>
                        </div>
                    </div>

                    
                
                    
                    <div class="border-t border-gray-200 px-4" x-data="{show: false}">

                        <h3>
                            <button @click.prevent="show = !show" class="group relative w-full py-6 flex justify-between items-center text-left" type="button" :aria-expanded="show">
                                <span class="text-gray-900 whitespace-nowrap text-base font-medium">Articles</span>
                                <span class="ml-6 flex items-center">
                                    <svg x-show="!show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>                                    <svg x-show="show" x-transition:enter.delay.100ms="1" aria-hidden="true" class="h-6 w-6 text-gray-400 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13H5v-2h14v2z"/></svg>                                </span>
                            </button>
                        </h3>

                        <div class="pt-6 pb-12 space-y-12" x-show="show" x-transition.duration.200ms>
                                <div class="grid grid-cols-1 items-start gap-y-10 gap-x-6">
                                                                            <div>
                                            <p id="mobile-featured-heading-4" class="font-medium text-gray-700 ml-2">
                                                <a href="/article-category/coffee-and-health-guides">
                                                    Coffee And Health Guides
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-4" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/articles/will-coffee-elevate-blood-pressure" class="text-gray-500">
                                                                Can Coffee Raise Blood Pressur...
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-4" class="font-medium text-gray-700 ml-2">
                                                <a href="/article-category/coffee-brewing-guides">
                                                    Coffee Brewing Guides
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-4" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/articles/guide-to-brewing-coffee-with-a-french-press-coffee-maker" class="text-gray-500">
                                                                Brewing Coffee with French Pre...
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-4" class="font-medium text-gray-700 ml-2">
                                                <a href="/article-category/coffee-machines-buying-guides">
                                                    Coffee Machines Buying Guides
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-4" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/articles/pod-and-capsule-coffee-machines-a-comprehensive-guide" class="text-gray-500">
                                                                Coffee Pod Machine Guide
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/articles/beginners-guide-to-espresso-coffee-machines" class="text-gray-500">
                                                                Espresso Machines for Beginner...
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/articles/beginners-guide-to-drip-filter-coffee-machines" class="text-gray-500">
                                                                Drip Coffee Machine Basics
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/articles/is-a-coffee-maker-worth-the-investment" class="text-gray-500">
                                                                Is a Coffee Maker Necessary?
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/articles/finding-the-perfect-home-coffee-machine-a-guide" class="text-gray-500">
                                                                Your Guide to Coffee Machines
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-4" class="font-medium text-gray-700 ml-2">
                                                <a href="/article-category/coffee-beans-buying-guides">
                                                    Coffee Beans Buying Guides
                                                </a>
                                            </p>

                                                                                            <ul role="list" aria-labelledby="mobile-featured-heading-4" class="ml-6 mt-6 space-y-6">
                                                                                                            <li class="flex">
                                                            <a href="/articles/beginners-guide-to-the-different-types-of-coffee-beans" class="text-gray-500">
                                                                Coffee Beans 101: A Beginner&#039;s...
                                                            </a>
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                    </div>
                        </div>
                    </div>

                    
                
                                                                                                                                                                                                    
            </div>

            
                                        <div class="border-t border-gray-200 py-6 px-4 space-y-6">
                    <div class="flow-root">
                        <a href="https://www.coffeee.uk/account/create" class="-m-2 p-2 block font-medium text-gray-900">Create Account</a>
                    </div>
                    <div class="flow-root">
                        <a href="https://www.coffeee.uk/account/login" class="-m-2 p-2 block font-medium text-gray-900">Log In</a>
                    </div>
                </div>
            
                        
        </div>
    </div>

</div>
        <header class="z-40 relative"
        id="navigation-top-desktop"
        >
    <nav aria-label="Top">
        <!-- Top navigation -->
        <div class="bg-skin-dark">
            <div class="max-w-7xl mx-auto h-10 px-4 flex items-center justify-between sm:px-6 lg:px-8">

                <div class="flex items-center lg:flex-1">
                    <div wire:snapshot="{&quot;data&quot;:{&quot;storeLocales&quot;:[[[{&quot;iso_3166_2&quot;:&quot;CA&quot;,&quot;iso_3166_3&quot;:&quot;CAN&quot;,&quot;name&quot;:&quot;Canada&quot;,&quot;currency_code&quot;:&quot;CAD&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;DE&quot;,&quot;iso_3166_3&quot;:&quot;DEU&quot;,&quot;name&quot;:&quot;Germany&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;ES&quot;,&quot;iso_3166_3&quot;:&quot;ESP&quot;,&quot;name&quot;:&quot;Spain&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;FR&quot;,&quot;iso_3166_3&quot;:&quot;FRA&quot;,&quot;name&quot;:&quot;France&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;GB&quot;,&quot;iso_3166_3&quot;:&quot;GBR&quot;,&quot;name&quot;:&quot;United Kingdom&quot;,&quot;currency_code&quot;:&quot;GBP&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;IT&quot;,&quot;iso_3166_3&quot;:&quot;ITA&quot;,&quot;name&quot;:&quot;Italy&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;NL&quot;,&quot;iso_3166_3&quot;:&quot;NLD&quot;,&quot;name&quot;:&quot;Netherlands&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;PL&quot;,&quot;iso_3166_3&quot;:&quot;POL&quot;,&quot;name&quot;:&quot;Poland&quot;,&quot;currency_code&quot;:&quot;PLN&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;SE&quot;,&quot;iso_3166_3&quot;:&quot;SWE&quot;,&quot;name&quot;:&quot;Sweden&quot;,&quot;currency_code&quot;:&quot;SEK&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;US&quot;,&quot;iso_3166_3&quot;:&quot;USA&quot;,&quot;name&quot;:&quot;United States&quot;,&quot;currency_code&quot;:&quot;USD&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;countryCode&quot;:&quot;GB&quot;,&quot;lastCountryCode&quot;:&quot;GB&quot;,&quot;display&quot;:&quot;desktop&quot;,&quot;imageBaseUrl&quot;:&quot;https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/&quot;,&quot;initialised&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;IPJHOKABtiLmICDIk3bY&quot;,&quot;name&quot;:&quot;locale-menu&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;865c47536d5440cf21f0ca18f82b343c86d18eb687e784ba409c95ccef404e3b&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;pageLoaded&quot;],&quot;dispatches&quot;:[{&quot;name&quot;:&quot;localeChanged&quot;,&quot;params&quot;:[]}]}" wire:id="IPJHOKABtiLmICDIk3bY" class="flex-1">
    <div class="hidden">
        <svg aria-hidden="true" class="mx-3 w-4 h-4 text-gray-200 animate-spin dark:text-gray-600 fill-gray-400" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
            <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
        </svg>
    </div>

    <div class="">
        <form class="hidden lg:block ">

            <div class="flex items-center hidden">
                <div role="status">
                    <svg aria-hidden="true" class="mr-2 w-4 h-4 text-white animate-spin dark:text-gray-600 fill-gray-600" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
                        <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
                    </svg>
                    <span class="sr-only">Loading...</span>
                </div>
            </div>

            <div class="flex items-center" wire:loading.class="opacity-50">
                <!--[if BLOCK]><![endif]-->                    <div class="mr-2">
                        <img src="https://cdn.freshstore.cloud/template/crystal/images/locale/flag/gb.svg" class="border lg:border-none h-5 lg:h-4 my-auto" alt="GB flag" title="GB">
                    </div>
                <!--[if ENDBLOCK]><![endif]-->

                <label for="desktop-country" class="sr-only">Country</label>
                <div class="group relative bg-gray-900 border-transparent focus-within:ring-2 focus-within:ring-white rounded-md">

                    <select wire:change="setLocale" wire:model="countryCode" id="desktop-country" name="locale"
                            class="bg-none bg-white border-none text-skin-base group-hover:cursor-pointer focus:outline-none focus:ring-0 focus:border-transparent rounded-md py-0.5 pl-2 pr-5 flex items-center text-sm font-medium">
                        <!--[if BLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                                <option value="CA" >
                                    CAN
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="DE" >
                                    DEU
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="ES" >
                                    ESP
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="FR" >
                                    FRA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="GB" selected>
                                    GBR
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="IT" >
                                    ITA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="NL" >
                                    NLD
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="PL" >
                                    POL
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="SE" >
                                    SWE
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="US" >
                                    USA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </select>

                    <div class="absolute right-0 inset-y-0 flex items-center pointer-events-none">
                        <svg class="w-5 h-5 text-gray-300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg>                    </div>
                </div>

            </div>
        </form>
    </div>
</div>
                </div>

                <div class="lg:text-center text-sm font-subtitle text-white flex-auto lg:flex-initial">
                    Bringing you the best products at the lowest prices
                </div>

                
                                            <div class="hidden lg:flex lg:flex-1 lg:items-center lg:justify-end lg:space-x-6">
                            <a href="https://www.coffeee.uk/account/create" class="text-sm font-subtitle text-white hover:opacity-75">Create Account</a>
                            <span class="h-6 w-px bg-gray-300" aria-hidden="true"></span>
                            <a href="https://www.coffeee.uk/account/login" class="text-sm font-subtitle text-white hover:opacity-75">Log In</a>
                        </div>
                    
                    
                

            </div>
        </div>

        <!-- Secondary navigation -->
        <div class="bg-white">
            <div class="border-b border-gray-200">
                <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">

                    
                    <div class="h-16 flex items-center justify-between">
                        <!-- Logo (lg+) -->
                        <div class="hidden lg:flex lg:items-center">
                            <a href="/">

                                
                                                                    <span class="sr-only">Coffeee</span>
                                    <img src="https://cdn.freshstore.cloud/template/images/15426/7915/c/coffeee-logo-logo.png" alt="The store logo" title="Store Logo" class="max-h-8 max-w-48 w-auto">
                                
                            </a>
                        </div>

                        <div class="hidden h-full lg:flex lg:flex-1 lg:justify-start">
                            <div class="ml-8">
                                <div class="h-full flex justify-center space-x-8">

                                                                            
                                            <div class="flex" x-data="{ open: false, focus: false }" @keydown.escape="open = false; focus = false">
                                                <div class="relative flex">
                                                    <button type="button" x-state:on="Item active" x-state:off="Item inactive" class="relative z-40 flex items-center transition-colors ease-out duration-200 text-sm font-subtitle border-b-2 -mb-px pt-px border-transparent text-gray-700 hover:text-gray-300" :class="{ 'border-skin-accent text-skin-accent': open, 'border-transparent text-gray-700 hover:text-gray-800': !(open) }" @click="open = true; focus = true;" aria-expanded="false" :aria-expanded="open">
                                                        Categories
                                                    </button>
                                                </div>


                                                <div x-cloak x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-full inset-x-0 text-gray-500 sm:text-sm" x-ref="panel" @click.away="open = false">
                                                    <div class="absolute inset-0 top-1/2 bg-white shadow-sm" aria-hidden="true"></div>

                                                    <div class="relative bg-white">
                                                        <div class="max-w-7xl mx-auto px-8">
                                                            <div class="grid grid-cols-4 items-start gap-y-10 gap-x-8 pt-10 pb-12">

                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/coffee-machines">
                                                                            Coffee Machines
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/bean-to-cup-coffee-machines" class="hover:text-gray-800">
                                                                                    Bean Cup Coffee Machines
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/drip-filter-coffee-machines" class="hover:text-gray-800">
                                                                                    Drip Filter Coffee Machines
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/espresso-coffee-machines" class="hover:text-gray-800">
                                                                                    Espresso Coffee Machines
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/pod-and-capsule-coffee-machines" class="hover:text-gray-800">
                                                                                    Pod &amp; Capsule Coffee Machines
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/single-serve-coffee-machines" class="hover:text-gray-800">
                                                                                    Single Serve Coffee Machines
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/coffee-makers">
                                                                            Coffee Makers
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/cold-brew-coffee-makers" class="hover:text-gray-800">
                                                                                    Cold Brew Coffee Makers
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/cafetiere-french-press-coffee-makers" class="hover:text-gray-800">
                                                                                    French Press Coffee Makers
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/pour-over-coffee-makers" class="hover:text-gray-800">
                                                                                    Pour Over Coffee Makers
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/stove-top-coffee-makers" class="hover:text-gray-800">
                                                                                    Stove Top Coffee Makers
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/coffee-beans">
                                                                            Coffee Beans
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/1kg-coffee-beans" class="hover:text-gray-800">
                                                                                    1kg Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/arabica-coffee-beans" class="hover:text-gray-800">
                                                                                    Arabica Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/coffee-blends-coffee-beans" class="hover:text-gray-800">
                                                                                    Coffee Blends
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/decaf-coffee-beans" class="hover:text-gray-800">
                                                                                    Decaf Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/espresso-coffee-beans" class="hover:text-gray-800">
                                                                                    Espresso Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/freshly-roasted-coffee-beans" class="hover:text-gray-800">
                                                                                    Freshly Roasted Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/organic-coffee-beans" class="hover:text-gray-800">
                                                                                    Organic Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/robusta-coffee-beans" class="hover:text-gray-800">
                                                                                    Robusta Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/single-origin-coffee-beans">
                                                                            Single Origin Coffee Beans
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/brazillian-coffee-beans" class="hover:text-gray-800">
                                                                                    Brazillian Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/columbian-coffee-beans" class="hover:text-gray-800">
                                                                                    Columbian Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/costa-rican-coffee-beans" class="hover:text-gray-800">
                                                                                    Costa Rican Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/ethiopian-coffee-beans" class="hover:text-gray-800">
                                                                                    Ethiopian Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/italian-coffee-beans" class="hover:text-gray-800">
                                                                                    Italian Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/jamaican-coffee-beans" class="hover:text-gray-800">
                                                                                    Jamaican Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/peruvian-coffee-beans" class="hover:text-gray-800">
                                                                                    Peruvian Coffee Beans
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/coffee">
                                                                            Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/coffee-pods-and-capsules" class="hover:text-gray-800">
                                                                                    Coffee Pods And Capsules
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/ground-coffee" class="hover:text-gray-800">
                                                                                    Ground Coffee
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/instant-coffee" class="hover:text-gray-800">
                                                                                    Instant Coffee
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/coffee-filters">
                                                                            Coffee Filters
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/paper-coffee-filters" class="hover:text-gray-800">
                                                                                    Paper Coffee Filters
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/metal-coffee-filters" class="hover:text-gray-800">
                                                                                    Metal Coffee Filters
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/categories/coffee-grinders">
                                                                            Coffee Grinders
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/blade-coffee-grinders" class="hover:text-gray-800">
                                                                                    Blade Coffee Grinders
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/categories/burr-coffee-grinders" class="hover:text-gray-800">
                                                                                    Burr Coffee Grinders
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                                                                                                    
                                            <div class="flex" x-data="{ open: false, focus: false }" @keydown.escape="open = false; focus = false">
                                                <div class="relative flex">
                                                    <button type="button" x-state:on="Item active" x-state:off="Item inactive" class="relative z-40 flex items-center transition-colors ease-out duration-200 text-sm font-subtitle border-b-2 -mb-px pt-px border-transparent text-gray-700 hover:text-gray-300" :class="{ 'border-skin-accent text-skin-accent': open, 'border-transparent text-gray-700 hover:text-gray-800': !(open) }" @click="open = true; focus = true;" aria-expanded="false" :aria-expanded="open">
                                                        Brands
                                                    </button>
                                                </div>


                                                <div x-cloak x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-full inset-x-0 text-gray-500 sm:text-sm" x-ref="panel" @click.away="open = false">
                                                    <div class="absolute inset-0 top-1/2 bg-white shadow-sm" aria-hidden="true"></div>

                                                    <div class="relative bg-white">
                                                        <div class="max-w-7xl mx-auto px-8">
                                                            <div class="grid grid-cols-4 items-start gap-y-10 gap-x-8 pt-10 pb-12">

                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/ninja-coffee-machines">
                                                                            Ninja Coffee Machines
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/baratza-coffee-grinders">
                                                                            Baratza Coffee Grinders
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/coffee-roasters-of-jamaica-coffee">
                                                                            Coffee Roasters Of Jamaica Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/very-strong-coffee">
                                                                            Very Strong Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/coffee-masters-coffee">
                                                                            Coffee Masters Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/taylors-of-harrogate-coffee">
                                                                            Taylors Of Harrogate Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/cafe-direct-coffee">
                                                                            Café Direct Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/grumpy-mule-coffee">
                                                                            Grumpy Mule Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/costa-coffee">
                                                                            Costa Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/bialetti-cofee-makers">
                                                                            Bialetti Cofee Makers
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/heemburg">
                                                                            Heemburg
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/moccamaster-coffee-machines">
                                                                            Moccamaster Coffee Machines
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/rainbean-coffee-makers">
                                                                            Rainbean Coffee Makers
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/igenix-coffee-machines">
                                                                            Igenix Coffee Machines
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/yabano-coffee-machines">
                                                                            Yabano Coffee Machines
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/grind-coffee">
                                                                            Grind Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/spiller-tait-coffee-beans">
                                                                            Spiller &amp; Tait Coffee Beans
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/bridge-pro-coffee-machines">
                                                                            Bridge Pro Coffee Machines
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/lavazza-coffee">
                                                                            Lavazza Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/salter-coffee-machines">
                                                                            Salter Coffee Machines
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                                                                                                    
                                            <div class="flex" x-data="{ open: false, focus: false }" @keydown.escape="open = false; focus = false">
                                                <div class="relative flex">
                                                    <button type="button" x-state:on="Item active" x-state:off="Item inactive" class="relative z-40 flex items-center transition-colors ease-out duration-200 text-sm font-subtitle border-b-2 -mb-px pt-px border-transparent text-gray-700 hover:text-gray-300" :class="{ 'border-skin-accent text-skin-accent': open, 'border-transparent text-gray-700 hover:text-gray-800': !(open) }" @click="open = true; focus = true;" aria-expanded="false" :aria-expanded="open">
                                                        Articles
                                                    </button>
                                                </div>


                                                <div x-cloak x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute top-full inset-x-0 text-gray-500 sm:text-sm" x-ref="panel" @click.away="open = false">
                                                    <div class="absolute inset-0 top-1/2 bg-white shadow-sm" aria-hidden="true"></div>

                                                    <div class="relative bg-white">
                                                        <div class="max-w-7xl mx-auto px-8">
                                                            <div class="grid grid-cols-4 items-start gap-y-10 gap-x-8 pt-10 pb-12">

                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/article-category/coffee-and-health-guides">
                                                                            Coffee And Health Guides
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/will-coffee-elevate-blood-pressure" class="hover:text-gray-800">
                                                                                    Can Coffee Raise Blood Pressur...
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/article-category/coffee-brewing-guides">
                                                                            Coffee Brewing Guides
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/guide-to-brewing-coffee-with-a-french-press-coffee-maker" class="hover:text-gray-800">
                                                                                    Brewing Coffee with French Pre...
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/article-category/coffee-machines-buying-guides">
                                                                            Coffee Machines Buying Guides
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/pod-and-capsule-coffee-machines-a-comprehensive-guide" class="hover:text-gray-800">
                                                                                    Coffee Pod Machine Guide
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/beginners-guide-to-espresso-coffee-machines" class="hover:text-gray-800">
                                                                                    Espresso Machines for Beginner...
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/beginners-guide-to-drip-filter-coffee-machines" class="hover:text-gray-800">
                                                                                    Drip Coffee Machine Basics
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/is-a-coffee-maker-worth-the-investment" class="hover:text-gray-800">
                                                                                    Is a Coffee Maker Necessary?
                                                                                </a>
                                                                            </li>
                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/finding-the-perfect-home-coffee-machine-a-guide" class="hover:text-gray-800">
                                                                                    Your Guide to Coffee Machines
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/article-category/coffee-beans-buying-guides">
                                                                            Coffee Beans Buying Guides
                                                                        </a>
                                                                    </p>

                                                                                                                                            <ul role="list" aria-labelledby="desktop-collection-heading" class="mt-6 space-y-6 sm:mt-4 sm:space-y-4">

                                                                                                                                                        <li class="flex">
                                                                                <a href="/articles/beginners-guide-to-the-different-types-of-coffee-beans" class="hover:text-gray-800">
                                                                                    Coffee Beans 101: A Beginner&#039;s...
                                                                                </a>
                                                                            </li>
                                                                            
                                                                        </ul>
                                                                                                                                    </div>
                                                                                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                                                            
                                                                                                                                                                                                                                                                                                                                                                                                                                
                                </div>
                            </div>
                        </div>

                        <div class="flex-none flex items-center lg:hidden">
                            <button type="button" class="-ml-2 bg-white p-2 rounded-md text-gray-400" @click.prevent="mobileMenuOpen = true">
                                <span class="sr-only">Open Menu</span>
                                <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>                            </button>



                        </div>

                        <!-- Logo (lg-) -->

                                                        <a href="/" class="lg:hidden flex items-center ml-4">
                                <span class="sr-only">Coffeee</span>
                                <img src="https://cdn.freshstore.cloud/template/images/15426/7915/c/coffeee-logo-logo.png" alt="The store logo" title="Store Logo" class="max-h-8 max-w-48 w-auto">
                            </a>
                            


                        <div class="flex items-center justify-end">

                            <div class="flex items-center lg:ml-8">
                                <div class="flex space-x-8">
                                    <div class="hidden lg:flex">
                                        <form action="https://www.coffeee.uk/search" method="GET" class="flex">
                                            <input type="text" name="q" aria-label="Search" value="" class="block w-full mr-2 px-2 py-0 text-xs text-gray-600 border-gray-300 rounded-md shadow-sm focus:ring-skin-accent focus:border-skin-accent">
                                            <button type="submit" class="-m-2 p-2 text-gray-400 hover:text-gray-500 focus:ring-skin-accent">
                                                <span class="sr-only">Search</span>
                                                <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>                                            </button>
                                        </form>
                                    </div>

                                    <div class="hidden lg:flex space-x-3">





















                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                



                                    </div>
                                </div>




                                <div class="flow-root">
                                    <div wire:snapshot="{&quot;data&quot;:{&quot;storeLocales&quot;:[[[{&quot;iso_3166_2&quot;:&quot;CA&quot;,&quot;iso_3166_3&quot;:&quot;CAN&quot;,&quot;name&quot;:&quot;Canada&quot;,&quot;currency_code&quot;:&quot;CAD&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;DE&quot;,&quot;iso_3166_3&quot;:&quot;DEU&quot;,&quot;name&quot;:&quot;Germany&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;ES&quot;,&quot;iso_3166_3&quot;:&quot;ESP&quot;,&quot;name&quot;:&quot;Spain&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;FR&quot;,&quot;iso_3166_3&quot;:&quot;FRA&quot;,&quot;name&quot;:&quot;France&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;GB&quot;,&quot;iso_3166_3&quot;:&quot;GBR&quot;,&quot;name&quot;:&quot;United Kingdom&quot;,&quot;currency_code&quot;:&quot;GBP&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;IT&quot;,&quot;iso_3166_3&quot;:&quot;ITA&quot;,&quot;name&quot;:&quot;Italy&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;NL&quot;,&quot;iso_3166_3&quot;:&quot;NLD&quot;,&quot;name&quot;:&quot;Netherlands&quot;,&quot;currency_code&quot;:&quot;EUR&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;PL&quot;,&quot;iso_3166_3&quot;:&quot;POL&quot;,&quot;name&quot;:&quot;Poland&quot;,&quot;currency_code&quot;:&quot;PLN&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;SE&quot;,&quot;iso_3166_3&quot;:&quot;SWE&quot;,&quot;name&quot;:&quot;Sweden&quot;,&quot;currency_code&quot;:&quot;SEK&quot;},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;iso_3166_2&quot;:&quot;US&quot;,&quot;iso_3166_3&quot;:&quot;USA&quot;,&quot;name&quot;:&quot;United States&quot;,&quot;currency_code&quot;:&quot;USD&quot;},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;countryCode&quot;:&quot;GB&quot;,&quot;lastCountryCode&quot;:&quot;GB&quot;,&quot;display&quot;:&quot;mobile&quot;,&quot;imageBaseUrl&quot;:&quot;https:\/\/cdn.freshstore.cloud\/template\/crystal\/images\/&quot;,&quot;initialised&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;jBDtsaXnCvTNphY6CrNI&quot;,&quot;name&quot;:&quot;locale-menu&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;1aac877d82c9b8b3b1bbc6c58ddfc9e3d3c3b2cdff9ce7a90eb273d474b1e2de&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;pageLoaded&quot;],&quot;dispatches&quot;:[{&quot;name&quot;:&quot;localeChanged&quot;,&quot;params&quot;:[]}]}" wire:id="jBDtsaXnCvTNphY6CrNI" class="flex-1">
    <div class="hidden">
        <svg aria-hidden="true" class="mx-3 w-4 h-4 text-gray-200 animate-spin dark:text-gray-600 fill-gray-400" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
            <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
        </svg>
    </div>

    <div class="">
        <form class="lg:hidden ">

            <div class="flex items-center hidden">
                <div role="status">
                    <svg aria-hidden="true" class="mr-2 w-4 h-4 text-white animate-spin dark:text-gray-600 fill-gray-600" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
                        <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
                    </svg>
                    <span class="sr-only">Loading...</span>
                </div>
            </div>

            <div class="flex items-center" wire:loading.class="opacity-50">
                <!--[if BLOCK]><![endif]-->                    <div class="mr-2">
                        <img src="https://cdn.freshstore.cloud/template/crystal/images/locale/flag/gb.svg" class="border lg:border-none h-5 lg:h-4 my-auto" alt="GB flag" title="GB">
                    </div>
                <!--[if ENDBLOCK]><![endif]-->

                <label for="desktop-country" class="sr-only">Country</label>
                <div class="group relative bg-gray-100 border focus-within:ring-0 focus-within:ring-gray-200 rounded-md">

                    <select wire:change="setLocale" wire:model="countryCode" id="desktop-country" name="locale"
                            class="bg-none bg-white border-none border-white text-skin-base group-hover:cursor-pointer focus:outline-none focus:ring-0 focus:border-transparent rounded-md py-0.5 pl-2 pr-5 flex items-center text-sm font-medium">
                        <!--[if BLOCK]><![endif]-->                            <!--[if BLOCK]><![endif]-->                                <option value="CA" >
                                    CAN
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="DE" >
                                    DEU
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="ES" >
                                    ESP
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="FR" >
                                    FRA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="GB" selected>
                                    GBR
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="IT" >
                                    ITA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="NL" >
                                    NLD
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="PL" >
                                    POL
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="SE" >
                                    SWE
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                                                    <!--[if BLOCK]><![endif]-->                                <option value="US" >
                                    USA
                                </option>
                            <!--[if ENDBLOCK]><![endif]-->                        <!--[if ENDBLOCK]><![endif]-->                    </select>

                    <div class="absolute right-0 inset-y-0 flex items-center pointer-events-none">
                        <svg class="w-5 h-5 text-skin-base" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg>                    </div>
                </div>

            </div>
        </form>
    </div>
</div>
                                </div>


                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </nav>
</header>

        

        
        <main>

            <div class="">

                <nav aria-label="Breadcrumb" id="navigation-breadcrumbs">
    <ol role="list" class="max-w-2xl mx-auto mt-10 px-4 flex items-center space-x-2 sm:px-6 lg:max-w-7xl lg:px-8">
        
                            <li>
                    <div class="flex items-center">
                        <a href="/" class="truncate mr-2 text-sm font-medium text-skin-base opacity-75 hover:opacity-100">
                            Store Home
                        </a>
                        <svg width="16" height="20" viewBox="0 0 16 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-4 h-5 text-skin-light opacity-50">
                            <path d="M5.697 4.34L8.98 16.532h1.327L7.025 4.341H5.697z" />
                        </svg>
                    </div>
                </li>
            
        
                            <li>
                    <div class="flex items-center">
                        <a href="/categories" class="truncate mr-2 text-sm font-medium text-skin-base opacity-75 hover:opacity-100">
                            Categories
                        </a>
                        <svg width="16" height="20" viewBox="0 0 16 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-4 h-5 text-skin-light opacity-50">
                            <path d="M5.697 4.34L8.98 16.532h1.327L7.025 4.341H5.697z" />
                        </svg>
                    </div>
                </li>
            
        
                            <li>
                    <div class="flex items-center">
                        <a href="https://www.coffeee.uk/categories/coffee-machines" class="truncate mr-2 text-sm font-medium text-skin-base opacity-75 hover:opacity-100">
                            Coffee Machines
                        </a>
                        <svg width="16" height="20" viewBox="0 0 16 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-4 h-5 text-skin-light opacity-50">
                            <path d="M5.697 4.34L8.98 16.532h1.327L7.025 4.341H5.697z" />
                        </svg>
                    </div>
                </li>
            
        
                            <li class="truncate sm:block text-sm font-medium text-skin-base">
                    Bean Cup Coffee Machines
                </li>
            
            </ol>
</nav>

                
                
    <div class="max-w-2xl mx-auto pt-10 pb-16 px-4 sm:px-6 lg:max-w-7xl lg:pt-16 lg:pb-24 lg:px-8">

                <div class="py-6">
    <h1 class="font-title text-skin-title !text-4xl md:!text-5xl lg:!text-6xl font-normal text-left">Bean To Cup Coffee Machines</h1>
            <h2 class="font-subtitle mt-6 text-skin-subtitle text-lg md:text-xl lg:text-2xl font-normal text-left">Enjoy the freshest coffee at home with machines that brew from whole beans to your cup</h2>
    </div>
        

                        <div class="fs-category-intro lg:grid lg:grid-cols-[minmax(0,1fr)_20rem] lg:items-start lg:gap-x-12 xl:grid-cols-[minmax(0,1fr)_24rem]">
            <div class="min-w-0">
                        <div class="[.fs-content-full_&amp;]:!max-w-none pt-8 max-w-[68ch]">
        <article class="prose [.fs-content-full_&]:!max-w-none max-w-none prose-h1:text-skin-title prose-h1:font-title prose-h2:font-subtitle prose-h2:text-skin-subtitle prose-h3:font-subtitle prose-h3:text-skin-subtitle prose-h4:font-subtitle prose-h4:text-skin-subtitle prose-p:text-skin-base prose-a:text-skin-link prose-a:hover:opacity-75 prose-a:active:underline prose-ol:text-skin-base prose-ul:text-skin-base">
            <p>If you love coffee and want to enjoy café-quality brews at home, bean to cup coffee machines are a game changer. These machines grind fresh beans for every cup, giving you that rich flavor every time. With just the push of a button, you can have your favorite espresso, cappuccino, or latte right in your kitchen.</p>
        </article>
    </div>
                            </div>
            <aside class="fs-category-aside hidden lg:block lg:pt-8" data-fs-aside="picture" aria-label="Bean Cup Coffee Machines">
            <span class="block overflow-hidden rounded-lg border border-gray-200 bg-white p-6">
            <img
    src="https://cdn.freshstore.cloud/offer/images/15426/14497/de-longhi-magnifica-s-automatic-bean-to-cup-coffee-machine-espresso-and-cappuccino-maker-ecam22-110-b-black-14497.jpg?width=800"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/14497/de-longhi-magnifica-s-automatic-bean-to-cup-coffee-machine-espresso-and-cappuccino-maker-ecam22-110-b-black-14497.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/15426/14497/de-longhi-magnifica-s-automatic-bean-to-cup-coffee-machine-espresso-and-cappuccino-maker-ecam22-110-b-black-14497.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/15426/14497/de-longhi-magnifica-s-automatic-bean-to-cup-coffee-machine-espresso-and-cappuccino-maker-ecam22-110-b-black-14497.jpg?width=1200 1200w" sizes="(min-width: 1280px) 24rem, 20rem"     alt=""
    loading="lazy"
    decoding="async"
    class="aspect-[4/3] h-full w-full object-contain object-center"
/>
        </span>
    </aside>
        </div>
        
        
        
        
        
                    <section aria-labelledby="products-heading" class="mx-auto max-w-7xl overflow-hidden sm:px-6 lg:px-8 my-12">
    <h2 class="sr-only" id="products-heading">Product List</h2>

    
    
        <div class="mb-4 flex justify-end px-4 sm:px-0">
        <label class="inline-flex items-center gap-2 text-sm text-skin-base">
            <span>Sort by</span>
            <select onchange="window.location.href = this.value"
                    class="rounded-md border-gray-300 py-1.5 pl-3 pr-8 text-sm text-skin-base focus:border-gray-400 focus:ring-0">
                                    <option value="https://www.coffeee.uk/categories/bean-to-cup-coffee-machines" selected>Featured</option>
                                    <option value="https://www.coffeee.uk/categories/bean-to-cup-coffee-machines?sort=newest" >Newest</option>
                                    <option value="https://www.coffeee.uk/categories/bean-to-cup-coffee-machines?sort=price-asc" >Price: low to high</option>
                                    <option value="https://www.coffeee.uk/categories/bean-to-cup-coffee-machines?sort=price-desc" >Price: high to low</option>
                                    <option value="https://www.coffeee.uk/categories/bean-to-cup-coffee-machines?sort=rating" >Top rated</option>
                                    <option value="https://www.coffeee.uk/categories/bean-to-cup-coffee-machines?sort=title" >Name: A to Z</option>
                            </select>
        </label>
    </div>
    
        <div class="-mx-px grid border-l border-t border-gray-200 sm:mx-0 grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
    
                                <div class="group relative flex flex-col p-4 border-r border-b border-gray-200 sm:p-6 bg-white">
                            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img
    src="https://cdn.freshstore.cloud/offer/images/15426/8024/de-longhi-magnifica-s-automatic-espresso-machine-with-milk-frother-for-hot-coffee-drinks-recipes-soft-touch-control-panel-black-ecam22110b-8024.jpg?width=800"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/8024/de-longhi-magnifica-s-automatic-espresso-machine-with-milk-frother-for-hot-coffee-drinks-recipes-soft-touch-control-panel-black-ecam22110b-8024.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/15426/8024/de-longhi-magnifica-s-automatic-espresso-machine-with-milk-frother-for-hot-coffee-drinks-recipes-soft-touch-control-panel-black-ecam22110b-8024.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/15426/8024/de-longhi-magnifica-s-automatic-espresso-machine-with-milk-frother-for-hot-coffee-drinks-recipes-soft-touch-control-panel-black-ecam22110b-8024.jpg?width=1200 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="De&#039;Longhi Magnifica S Bean to Cup Coffee Maker"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain"
/>

                </div>
                <div class="flex grow flex-col pt-10 pb-4 text-center">
                    <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                        <a href="/products/de-longhi-magnifica-s-bean-to-cup-coffee-maker">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            De&#039;Longhi Magnifica S Coffee Maker
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            De&#039;longhi
                        </h4>
                                        </div>

                    
                    <div class="mt-auto">
                        <div class="mt-3 flex flex-col items-center">
            <p class="sr-only">Product Review Score</p>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.6 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24" x="0"/></g><g><g><g><path d="M22,9.24l-7.19-0.62L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27L18.18,21l-1.63-7.03L22,9.24z M12,15.4V6.1 l1.71,4.04l4.38,0.38l-3.32,2.88l1,4.28L12,15.4z"/></g></g></g></svg>                                                            </div>
                <p class="sr-only">4.6 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.6 out of 5 stars">176 reviews</span>
            </div>
        </div>

    
                        
                        <div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
                <a href="/out/product/2?bypass-cdn=1" target="_blank" rel="nofollow sponsored noopener" data-product-id="2" data-placement="card" class="fs-al fs-cb__link fs-cb__link--retailer">
            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:2,&quot;priceType&quot;:&quot;button&quot;,&quot;price&quot;:279.99,&quot;priceFormatted&quot;:&quot;\u00a3279.99&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:26,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:&quot;Amazon&quot;,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;DroIQuAqmci0F9k4OEFI&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;de0bb0e26b87d1bd21f2018144313755afaa7d1ff9fb5200661449db1e2b0d6c&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="DroIQuAqmci0F9k4OEFI" wire:loading.class="opacity-60"   class="fs-bb-live">
    
    <!--[if BLOCK]><![endif]-->        
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
<!--[if BLOCK]><![endif]-->        
        
        <span class="fs-bb__label"><span class="fs-bb__price" style="color: inherit !important" data-fs-price="2" data-fs-price-type="actual">£279.99</span><span class="fs-bb__words"> at </span><span class="fs-bb__retailer">Amazon</span></span>
        <!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
        </a>
                        <a href="/products/de-longhi-magnifica-s-bean-to-cup-coffee-maker" class="fs-cb__link fs-cb__link--page">
            <span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
        
        <span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
        <svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
        </span>
        </a>
    </div>
                    </div>

















                </div>
            </div>
                                <div class="group relative flex flex-col p-4 border-r border-b border-gray-200 sm:p-6 bg-white">
                            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img
    src="https://cdn.freshstore.cloud/offer/images/15426/7145/sage-barista-express-macchina-per-caffe-espresso-bean-to-cup-con-montalatte-bes875btr-tartufo-nero-7145.jpg?width=800"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/7145/sage-barista-express-macchina-per-caffe-espresso-bean-to-cup-con-montalatte-bes875btr-tartufo-nero-7145.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/15426/7145/sage-barista-express-macchina-per-caffe-espresso-bean-to-cup-con-montalatte-bes875btr-tartufo-nero-7145.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/15426/7145/sage-barista-express-macchina-per-caffe-espresso-bean-to-cup-con-montalatte-bes875btr-tartufo-nero-7145.jpg?width=1200 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="Sage Barista Express Coffee Machine with Grinder"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain"
/>

                </div>
                <div class="flex grow flex-col pt-10 pb-4 text-center">
                    <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                        <a href="/products/sage-barista-express-coffee-machine-with-grinder">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Sage Barista Express Machine
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            Sage
                        </h4>
                                        </div>

                    
                    <div class="mt-auto">
                        <div class="mt-3 flex flex-col items-center">
            <p class="sr-only">Product Review Score</p>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.47 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24" x="0"/></g><g><g><g><path d="M22,9.24l-7.19-0.62L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27L18.18,21l-1.63-7.03L22,9.24z M12,15.4V6.1 l1.71,4.04l4.38,0.38l-3.32,2.88l1,4.28L12,15.4z"/></g></g></g></svg>                                                            </div>
                <p class="sr-only">4.47 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.47 out of 5 stars">9 reviews</span>
            </div>
        </div>

    
                        
                        <div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
                <a href="/out/product/3?bypass-cdn=1" target="_blank" rel="nofollow sponsored noopener" data-product-id="3" data-placement="card" class="fs-al fs-cb__link fs-cb__link--retailer">
            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:3,&quot;priceType&quot;:&quot;button&quot;,&quot;price&quot;:474.99,&quot;priceFormatted&quot;:&quot;\u00a3474.99&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:3,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:&quot;Amazon&quot;,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;t6dGzcbqR9ZuY3pfmur1&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;501c337e044c80cdf9ad909362c9e6fdd50374a7262353a2f514e6ba32b704b5&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="t6dGzcbqR9ZuY3pfmur1" wire:loading.class="opacity-60"   class="fs-bb-live">
    
    <!--[if BLOCK]><![endif]-->        
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
<!--[if BLOCK]><![endif]-->        
        
        <span class="fs-bb__label"><span class="fs-bb__price" style="color: inherit !important" data-fs-price="3" data-fs-price-type="actual">£474.99</span><span class="fs-bb__words"> at </span><span class="fs-bb__retailer">Amazon</span></span>
        <!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
        </a>
                        <a href="/products/sage-barista-express-coffee-machine-with-grinder" class="fs-cb__link fs-cb__link--page">
            <span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
        
        <span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
        <svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
        </span>
        </a>
    </div>
                    </div>

















                </div>
            </div>
                                <div class="group relative flex flex-col p-4 border-r border-b border-gray-200 sm:p-6 bg-white">
                            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img
    src="https://cdn.freshstore.cloud/offer/images/15426/13848/de-longhi-magnifica-ecam222-20-b-automatic-coffee-machine-with-milk-nozzle-bean-to-cup-espresso-machine-with-4-one-touch-recipes-soft-touch-control-panel-1450w-black-13848.jpg?width=800"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/13848/de-longhi-magnifica-ecam222-20-b-automatic-coffee-machine-with-milk-nozzle-bean-to-cup-espresso-machine-with-4-one-touch-recipes-soft-touch-control-panel-1450w-black-13848.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/15426/13848/de-longhi-magnifica-ecam222-20-b-automatic-coffee-machine-with-milk-nozzle-bean-to-cup-espresso-machine-with-4-one-touch-recipes-soft-touch-control-panel-1450w-black-13848.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/15426/13848/de-longhi-magnifica-ecam222-20-b-automatic-coffee-machine-with-milk-nozzle-bean-to-cup-espresso-machine-with-4-one-touch-recipes-soft-touch-control-panel-1450w-black-13848.jpg?width=1200 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="De&#039;Longhi Magnifica Start Automatic Coffee Machine"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain"
/>

                </div>
                <div class="flex grow flex-col pt-10 pb-4 text-center">
                    <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                        <a href="/products/de-longhi-magnifica-start-automatic-coffee-machine">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            De&#039;Longhi Magnifica Coffee Maker
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            De&#039;longhi
                        </h4>
                                        </div>

                    
                    <div class="mt-auto">
                        <div class="mt-3 flex flex-col items-center">
            <p class="sr-only">Product Review Score</p>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.92 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                            </div>
                <p class="sr-only">4.92 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.92 out of 5 stars">56 reviews</span>
            </div>
        </div>

    
                        
                        <div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
                <a href="/out/product/6?bypass-cdn=1" target="_blank" rel="nofollow sponsored noopener" data-product-id="6" data-placement="card" class="fs-al fs-cb__link fs-cb__link--retailer">
            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:6,&quot;priceType&quot;:&quot;button&quot;,&quot;price&quot;:299.99,&quot;priceFormatted&quot;:&quot;\u00a3299.99&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:6,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:&quot;Amazon&quot;,&quot;saving&quot;:6},&quot;memo&quot;:{&quot;id&quot;:&quot;YW7MLqNbg4htuZ7MF9cV&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;e265eb62452a9aee0d78d1b7037d189a0b608e1b268c8710bced382ccee35bf4&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="YW7MLqNbg4htuZ7MF9cV" wire:loading.class="opacity-60"   class="fs-bb-live">
    
    <!--[if BLOCK]><![endif]-->        
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
<!--[if BLOCK]><![endif]-->        
        
        <span class="fs-bb__label"><span class="fs-bb__price" style="color: inherit !important" data-fs-price="6" data-fs-price-type="actual">£299.99</span><span class="fs-bb__words"> at </span><span class="fs-bb__retailer">Amazon</span></span>
        <!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
        </a>
                        <a href="/products/de-longhi-magnifica-start-automatic-coffee-machine" class="fs-cb__link fs-cb__link--page">
            <span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
        
        <span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
        <svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
        </span>
        </a>
    </div>
                    </div>

















                </div>
            </div>
                                <div class="group relative flex flex-col p-4 border-r border-b border-gray-200 sm:p-6 bg-white">
                            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img
    src="https://cdn.freshstore.cloud/offer/images/15426/87/beko-caffeexperto-bean-to-cup-coffee-espresso-machine-ceg7302b-black-colour-touch-screen-display-2l-capacity-19-bar-pressure-2-coffee-nozzles-milk-frother-87.jpg?width=800"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/87/beko-caffeexperto-bean-to-cup-coffee-espresso-machine-ceg7302b-black-colour-touch-screen-display-2l-capacity-19-bar-pressure-2-coffee-nozzles-milk-frother-87.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/15426/87/beko-caffeexperto-bean-to-cup-coffee-espresso-machine-ceg7302b-black-colour-touch-screen-display-2l-capacity-19-bar-pressure-2-coffee-nozzles-milk-frother-87.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/15426/87/beko-caffeexperto-bean-to-cup-coffee-espresso-machine-ceg7302b-black-colour-touch-screen-display-2l-capacity-19-bar-pressure-2-coffee-nozzles-milk-frother-87.jpg?width=1200 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="Beko CaffeExperto 2L Espresso Machine with Frother"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain"
/>

                </div>
                <div class="flex grow flex-col pt-10 pb-4 text-center">
                    <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                        <a href="/products/beko-caffeexperto-2l-espresso-machine-with-frother">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Beko CaffeExperto Espresso Maker
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            Beko
                        </h4>
                                        </div>

                    
                    <div class="mt-auto">
                        <div class="mt-3 flex flex-col items-center">
            <p class="sr-only">Product Review Score</p>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.53 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24" x="0"/></g><g><g><g><path d="M22,9.24l-7.19-0.62L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27L18.18,21l-1.63-7.03L22,9.24z M12,15.4V6.1 l1.71,4.04l4.38,0.38l-3.32,2.88l1,4.28L12,15.4z"/></g></g></g></svg>                                                            </div>
                <p class="sr-only">4.53 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.53 out of 5 stars">85 reviews</span>
            </div>
        </div>

    
                        
                        <div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
                <a href="/out/product/10?bypass-cdn=1" target="_blank" rel="nofollow sponsored noopener" data-product-id="10" data-placement="card" class="fs-al fs-cb__link fs-cb__link--retailer">
            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:10,&quot;priceType&quot;:&quot;button&quot;,&quot;price&quot;:329,&quot;priceFormatted&quot;:&quot;\u00a3329.00&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:10,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:&quot;Amazon&quot;,&quot;saving&quot;:27},&quot;memo&quot;:{&quot;id&quot;:&quot;wkjgAzPMP1V9GAwIduaz&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;0c3d4ad2f6fe4850022b0f8f22419729051a5e7a18d43820bf34f42db256072a&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="wkjgAzPMP1V9GAwIduaz" wire:loading.class="opacity-60"   class="fs-bb-live">
    
    <!--[if BLOCK]><![endif]-->        
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
<!--[if BLOCK]><![endif]-->        
        
        <span class="fs-bb__label"><span class="fs-bb__price" style="color: inherit !important" data-fs-price="10" data-fs-price-type="actual">£329.00</span><span class="fs-bb__words"> at </span><span class="fs-bb__retailer">Amazon</span></span>
        <!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
        </a>
                        <a href="/products/beko-caffeexperto-2l-espresso-machine-with-frother" class="fs-cb__link fs-cb__link--page">
            <span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
        
        <span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
        <svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
        </span>
        </a>
    </div>
                    </div>

















                </div>
            </div>
                                <div class="group relative flex flex-col p-4 border-r border-b border-gray-200 sm:p-6 bg-white">
                            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img
    src="https://cdn.freshstore.cloud/offer/images/15426/108/krups-arabica-digital-automatic-bean-to-cup-coffee-machine-espresso-and-cappuccino-maker-ea817040-1-7-liters-black-108.jpg?width=800"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/108/krups-arabica-digital-automatic-bean-to-cup-coffee-machine-espresso-and-cappuccino-maker-ea817040-1-7-liters-black-108.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/15426/108/krups-arabica-digital-automatic-bean-to-cup-coffee-machine-espresso-and-cappuccino-maker-ea817040-1-7-liters-black-108.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/15426/108/krups-arabica-digital-automatic-bean-to-cup-coffee-machine-espresso-and-cappuccino-maker-ea817040-1-7-liters-black-108.jpg?width=1200 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="KRUPS Arabica Automatic Bean to Cup Coffee Maker"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain"
/>

                </div>
                <div class="flex grow flex-col pt-10 pb-4 text-center">
                    <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                        <a href="/products/krups-arabica-automatic-bean-to-cup-coffee-maker">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            KRUPS Arabica Bean-to-Cup Coffee Maker
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            Krups
                        </h4>
                                        </div>

                    
                    <div class="mt-auto">
                        <div class="mt-3 flex flex-col items-center">
            <p class="sr-only">Product Review Score</p>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.28 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24" x="0"/></g><g><g><g><path d="M22,9.24l-7.19-0.62L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27L18.18,21l-1.63-7.03L22,9.24z M12,15.4V6.1 l1.71,4.04l4.38,0.38l-3.32,2.88l1,4.28L12,15.4z"/></g></g></g></svg>                                                            </div>
                <p class="sr-only">4.28 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.28 out of 5 stars">111 reviews</span>
            </div>
        </div>

    
                        
                        <div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
                <a href="/out/product/12?bypass-cdn=1" target="_blank" rel="nofollow sponsored noopener" data-product-id="12" data-placement="card" class="fs-al fs-cb__link fs-cb__link--retailer">
            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:12,&quot;priceType&quot;:&quot;button&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:null,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:12,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:&quot;Amazon&quot;,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;KGe5leDN4CqkB3RSr4dw&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;e395a93b8eecaff96e28bb438c906c89e6de3d25307cbcea6df3c2e91a5a3088&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="KGe5leDN4CqkB3RSr4dw" wire:loading.class="opacity-60"   class="fs-bb-live">
    
    <!--[if BLOCK]><![endif]-->        
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
<!--[if BLOCK]><![endif]-->        
        
        <span class="fs-bb__label"><span class="fs-bb__words">Check price at </span><span class="fs-bb__retailer">Amazon</span></span>
        <!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
        </a>
                        <a href="/products/krups-arabica-automatic-bean-to-cup-coffee-maker" class="fs-cb__link fs-cb__link--page">
            <span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
        
        <span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
        <svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
        </span>
        </a>
    </div>
                    </div>

















                </div>
            </div>
                                <div class="group relative flex flex-col p-4 border-r border-b border-gray-200 sm:p-6 bg-white">
                            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img
    src="https://cdn.freshstore.cloud/offer/images/15426/19525/de-longhi-rivelia-exam440-55-b-fully-automatic-coffee-maker-with-lattecrema-hot-automatic-milk-frother-compact-size-bean-to-cup-coffee-maker-16-recipes-display-41qozyizukl.jpg?width=800"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/19525/de-longhi-rivelia-exam440-55-b-fully-automatic-coffee-maker-with-lattecrema-hot-automatic-milk-frother-compact-size-bean-to-cup-coffee-maker-16-recipes-display-41qozyizukl.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/15426/19525/de-longhi-rivelia-exam440-55-b-fully-automatic-coffee-maker-with-lattecrema-hot-automatic-milk-frother-compact-size-bean-to-cup-coffee-maker-16-recipes-display-41qozyizukl.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/15426/19525/de-longhi-rivelia-exam440-55-b-fully-automatic-coffee-maker-with-lattecrema-hot-automatic-milk-frother-compact-size-bean-to-cup-coffee-maker-16-recipes-display-41qozyizukl.jpg?width=1200 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="De&#039;Longhi Rivelia Fully Automatic Coffee Machine"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain"
/>

                </div>
                <div class="flex grow flex-col pt-10 pb-4 text-center">
                    <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                        <a href="/products/de-longhi-rivelia-fully-automatic-coffee-machine">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            De&#039;Longhi Rivelia Coffee Maker
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            De&#039;longhi
                        </h4>
                                        </div>

                    
                    <div class="mt-auto">
                        <div class="mt-3 flex flex-col items-center">
            <p class="sr-only">Product Review Score</p>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.44 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24" x="0"/></g><g><g><g><path d="M22,9.24l-7.19-0.62L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27L18.18,21l-1.63-7.03L22,9.24z M12,15.4V6.1 l1.71,4.04l4.38,0.38l-3.32,2.88l1,4.28L12,15.4z"/></g></g></g></svg>                                                            </div>
                <p class="sr-only">4.44 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.44 out of 5 stars">111 reviews</span>
            </div>
        </div>

    
                        
                        <div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
                <a href="/out/product/20?bypass-cdn=1" target="_blank" rel="nofollow sponsored noopener" data-product-id="20" data-placement="card" class="fs-al fs-cb__link fs-cb__link--retailer">
            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:20,&quot;priceType&quot;:&quot;button&quot;,&quot;price&quot;:633.78,&quot;priceFormatted&quot;:&quot;\u00a3633.78&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:20,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:&quot;Amazon&quot;,&quot;saving&quot;:15},&quot;memo&quot;:{&quot;id&quot;:&quot;vUdXdKiO5TO9AXEVKwms&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;3705dcc1a40eb1b7e98f9f68a987ed5eb57da8f759422dc1e88412f8e59bb562&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="vUdXdKiO5TO9AXEVKwms" wire:loading.class="opacity-60"   class="fs-bb-live">
    
    <!--[if BLOCK]><![endif]-->        
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
<!--[if BLOCK]><![endif]-->        
        
        <span class="fs-bb__label"><span class="fs-bb__price" style="color: inherit !important" data-fs-price="20" data-fs-price-type="actual">£633.78</span><span class="fs-bb__words"> at </span><span class="fs-bb__retailer">Amazon</span></span>
        <!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
        </a>
                        <a href="/products/de-longhi-rivelia-fully-automatic-coffee-machine" class="fs-cb__link fs-cb__link--page">
            <span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
        
        <span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
        <svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
        </span>
        </a>
    </div>
                    </div>

















                </div>
            </div>
                                <div class="group relative flex flex-col p-4 border-r border-b border-gray-200 sm:p-6 bg-white">
                            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img
    src="https://cdn.freshstore.cloud/offer/images/15426/14917/sage-the-oracle-espresso-machine-black-truffle-14917.jpg?width=800"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/14917/sage-the-oracle-espresso-machine-black-truffle-14917.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/15426/14917/sage-the-oracle-espresso-machine-black-truffle-14917.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/15426/14917/sage-the-oracle-espresso-machine-black-truffle-14917.jpg?width=1200 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="Sage Oracle Bean to Cup Coffee Machine - Black"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain"
/>

                </div>
                <div class="flex grow flex-col pt-10 pb-4 text-center">
                    <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                        <a href="/products/sage-oracle-bean-to-cup-coffee-machine-black">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Sage Oracle Coffee Machine - Black
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            Sage
                        </h4>
                                        </div>

                    
                    <div class="mt-auto">
                        <div class="mt-3 flex flex-col items-center">
            <p class="sr-only">Product Review Score</p>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.7 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24" x="0"/></g><g><g><g><path d="M22,9.24l-7.19-0.62L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27L18.18,21l-1.63-7.03L22,9.24z M12,15.4V6.1 l1.71,4.04l4.38,0.38l-3.32,2.88l1,4.28L12,15.4z"/></g></g></g></svg>                                                            </div>
                <p class="sr-only">4.7 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.7 out of 5 stars">46 reviews</span>
            </div>
        </div>

    
                        
                        <div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
                <a href="/out/product/24?bypass-cdn=1" target="_blank" rel="nofollow sponsored noopener" data-product-id="24" data-placement="card" class="fs-al fs-cb__link fs-cb__link--retailer">
            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:24,&quot;priceType&quot;:&quot;button&quot;,&quot;price&quot;:1799.95,&quot;priceFormatted&quot;:&quot;\u00a31,799.95&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:66,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:&quot;Amazon&quot;,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;lxMDLmEHOvS2JlftSTXK&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;26637f7e7d0dc9762140a4b31c4676c429c1a715d5557679acd0e4014129a42f&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="lxMDLmEHOvS2JlftSTXK" wire:loading.class="opacity-60"   class="fs-bb-live">
    
    <!--[if BLOCK]><![endif]-->        
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
<!--[if BLOCK]><![endif]-->        
        
        <span class="fs-bb__label"><span class="fs-bb__price" style="color: inherit !important" data-fs-price="24" data-fs-price-type="actual">£1,799.95</span><span class="fs-bb__words"> at </span><span class="fs-bb__retailer">Amazon</span></span>
        <!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
        </a>
                        <a href="/products/sage-oracle-bean-to-cup-coffee-machine-black" class="fs-cb__link fs-cb__link--page">
            <span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
        
        <span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
        <svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
        </span>
        </a>
    </div>
                    </div>

















                </div>
            </div>
                                <div class="group relative flex flex-col p-4 border-r border-b border-gray-200 sm:p-6 bg-white">
                            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img
    src="https://cdn.freshstore.cloud/offer/images/15426/17690/f300-101-espresso-maker-by-melitta-413gxl4hpil.jpg?width=800"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/17690/f300-101-espresso-maker-by-melitta-413gxl4hpil.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/15426/17690/f300-101-espresso-maker-by-melitta-413gxl4hpil.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/15426/17690/f300-101-espresso-maker-by-melitta-413gxl4hpil.jpg?width=1200 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="Melitta Latticia OT Silver Bean-to-Cup Coffee Machine"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain"
/>

                </div>
                <div class="flex grow flex-col pt-10 pb-4 text-center">
                    <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                        <a href="/products/melitta-latticia-ot-silver-bean-to-cup-coffee-machine">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Melitta Latticia Bean-to-Cup
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            Melitta
                        </h4>
                                        </div>

                    
                    <div class="mt-auto">
                        <div class="mt-3 flex flex-col items-center">
            <p class="sr-only">Product Review Score</p>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.23 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"/></svg>                                                            </div>
                <p class="sr-only">4.23 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.23 out of 5 stars">51 reviews</span>
            </div>
        </div>

    
                        
                        <div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
            <p class="fs-cb__price "><span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:27,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:340.87,&quot;priceFormatted&quot;:&quot;\u00a3340.87 (estimated)&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:null,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;sGp8QYocxirrTnM61m5a&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;04a45d2e04bac148d5e93dacd02c53556251b43e952e99257715d439e738ba90&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="sGp8QYocxirrTnM61m5a" wire:loading.class="opacity-20" data-fs-price="27" data-fs-price-type="actual"  title="Estimated from the Amazon FR price of €399.00. Check the price at the retailer."  class="">
    
    <!--[if BLOCK]><![endif]-->            £340.87 (estimated)
    <!--[if ENDBLOCK]><![endif]--></span>
</p>
                <a href="/out/product/27?bypass-cdn=1" target="_blank" rel="nofollow sponsored noopener" data-product-id="27" data-placement="card" class="fs-al fs-cb__link fs-cb__link--retailer">
            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:27,&quot;priceType&quot;:&quot;button&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:null,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:-1,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:&quot;Amazon&quot;,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;aPLRBVRm0ZQ0Q40LpDBI&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;cfa9c862748e1e168df39e76a9a80e3df1860dfbbf025e8da2e980a16e35a978&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="aPLRBVRm0ZQ0Q40LpDBI" wire:loading.class="opacity-60"   class="fs-bb-live">
    
    <!--[if BLOCK]><![endif]-->        
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" data-fs-button-find="1" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
<!--[if BLOCK]><![endif]-->        
        
        <span class="fs-bb__label"><span class="fs-bb__words">Find at </span><span class="fs-bb__retailer">Amazon</span></span>
        <!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
        </a>
                        <a href="/products/melitta-latticia-ot-silver-bean-to-cup-coffee-machine" class="fs-cb__link fs-cb__link--page">
            <span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
        
        <span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
        <svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
        </span>
        </a>
    </div>
                    </div>

















                </div>
            </div>
                                <div class="group relative flex flex-col p-4 border-r border-b border-gray-200 sm:p-6 bg-white">
                            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img
    src="https://cdn.freshstore.cloud/offer/images/15426/14636/de-longhi-dinamica-plus-ecam-370-70-sb-automatic-coffee-machine-bean-to-cup-lattecrema-system-one-touch-technology-fulltouch-screen-wide-range-of-recipes-silver-black-14636.jpg?width=800"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/14636/de-longhi-dinamica-plus-ecam-370-70-sb-automatic-coffee-machine-bean-to-cup-lattecrema-system-one-touch-technology-fulltouch-screen-wide-range-of-recipes-silver-black-14636.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/15426/14636/de-longhi-dinamica-plus-ecam-370-70-sb-automatic-coffee-machine-bean-to-cup-lattecrema-system-one-touch-technology-fulltouch-screen-wide-range-of-recipes-silver-black-14636.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/15426/14636/de-longhi-dinamica-plus-ecam-370-70-sb-automatic-coffee-machine-bean-to-cup-lattecrema-system-one-touch-technology-fulltouch-screen-wide-range-of-recipes-silver-black-14636.jpg?width=1200 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="De&#039;Longhi Dinamica Plus Bean-To-Cup Coffee Machine"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain"
/>

                </div>
                <div class="flex grow flex-col pt-10 pb-4 text-center">
                    <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                        <a href="/products/de-longhi-dinamica-plus-bean-to-cup-coffee-machine">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            De&#039;Longhi Dinamica Plus Coffee Maker
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            De&#039;longhi
                        </h4>
                                        </div>

                    
                    <div class="mt-auto">
                        <div class="mt-3 flex flex-col items-center">
            <p class="sr-only">Product Review Score</p>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.53 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24" x="0"/></g><g><g><g><path d="M22,9.24l-7.19-0.62L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27L18.18,21l-1.63-7.03L22,9.24z M12,15.4V6.1 l1.71,4.04l4.38,0.38l-3.32,2.88l1,4.28L12,15.4z"/></g></g></g></svg>                                                            </div>
                <p class="sr-only">4.53 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.53 out of 5 stars">49 reviews</span>
            </div>
        </div>

    
                        
                        <div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
                <a href="/out/product/28?bypass-cdn=1" target="_blank" rel="nofollow sponsored noopener" data-product-id="28" data-placement="card" class="fs-al fs-cb__link fs-cb__link--retailer">
            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:28,&quot;priceType&quot;:&quot;button&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:null,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:70,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:&quot;Amazon&quot;,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;FLxH0cO1cFSDTJbEXkZD&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;fc81fa05024794ff57c360c4b8077a0d17f52f736564ca3b40f1dccdef335c99&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="FLxH0cO1cFSDTJbEXkZD" wire:loading.class="opacity-60"   class="fs-bb-live">
    
    <!--[if BLOCK]><![endif]-->        
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
<!--[if BLOCK]><![endif]-->        
        
        <span class="fs-bb__label"><span class="fs-bb__words">Check price at </span><span class="fs-bb__retailer">Amazon</span></span>
        <!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
        </a>
                        <a href="/products/de-longhi-dinamica-plus-bean-to-cup-coffee-machine" class="fs-cb__link fs-cb__link--page">
            <span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
        
        <span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
        <svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
        </span>
        </a>
    </div>
                    </div>

















                </div>
            </div>
                                <div class="group relative flex flex-col p-4 border-r border-b border-gray-200 sm:p-6 bg-white">
                            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img
    src="https://cdn.freshstore.cloud/offer/images/15426/8187/de-longhi-eletta-explore-cold-brew-ecam452-67-g-kaffeevollautomat-mit-lattecrema-milchsystem-heisse-kalte-getraenke-auf-knopfdruck-3-5-zoll-tft-touchscreen-farbdisplay-inkl-kaffeekanne-dunkelgr.jpg?width=800"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/8187/de-longhi-eletta-explore-cold-brew-ecam452-67-g-kaffeevollautomat-mit-lattecrema-milchsystem-heisse-kalte-getraenke-auf-knopfdruck-3-5-zoll-tft-touchscreen-farbdisplay-inkl-kaffeekanne-dunkelgr.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/15426/8187/de-longhi-eletta-explore-cold-brew-ecam452-67-g-kaffeevollautomat-mit-lattecrema-milchsystem-heisse-kalte-getraenke-auf-knopfdruck-3-5-zoll-tft-touchscreen-farbdisplay-inkl-kaffeekanne-dunkelgr.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/15426/8187/de-longhi-eletta-explore-cold-brew-ecam452-67-g-kaffeevollautomat-mit-lattecrema-milchsystem-heisse-kalte-getraenke-auf-knopfdruck-3-5-zoll-tft-touchscreen-farbdisplay-inkl-kaffeekanne-dunkelgr.jpg?width=1200 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="De&#039;Longhi Eletta Explore Cold Brew Coffee Machine"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain"
/>

                </div>
                <div class="flex grow flex-col pt-10 pb-4 text-center">
                    <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                        <a href="/products/de-longhi-eletta-explore-cold-brew-coffee-machine">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            De&#039;Longhi Eletta Cold Brew
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            De&#039;longhi
                        </h4>
                                        </div>

                    
                    <div class="mt-auto">
                        <div class="mt-3 flex flex-col items-center">
            <p class="sr-only">Product Review Score</p>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.29 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24" x="0"/></g><g><g><g><path d="M22,9.24l-7.19-0.62L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27L18.18,21l-1.63-7.03L22,9.24z M12,15.4V6.1 l1.71,4.04l4.38,0.38l-3.32,2.88l1,4.28L12,15.4z"/></g></g></g></svg>                                                            </div>
                <p class="sr-only">4.29 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.29 out of 5 stars">46 reviews</span>
            </div>
        </div>

    
                        
                        <div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
            <p class="fs-cb__price "><span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:29,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:726.16,&quot;priceFormatted&quot;:&quot;\u00a3726.16 (estimated)&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:null,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;HM79Xb670S6jWpY0FQhW&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;4a412cce5310652c434896a63a1f0c3821ccf9815913b7a1afd207694d2cefff&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="HM79Xb670S6jWpY0FQhW" wire:loading.class="opacity-20" data-fs-price="29" data-fs-price-type="actual"  title="Estimated from the Amazon DE price of €849.99. Check the price at the retailer."  class="">
    
    <!--[if BLOCK]><![endif]-->            £726.16 (estimated)
    <!--[if ENDBLOCK]><![endif]--></span>
</p>
                <a href="/out/product/29?bypass-cdn=1" target="_blank" rel="nofollow sponsored noopener" data-product-id="29" data-placement="card" class="fs-al fs-cb__link fs-cb__link--retailer">
            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:29,&quot;priceType&quot;:&quot;button&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:null,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:-1,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:&quot;Amazon&quot;,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;LoeEKUEEXJWdIau0UkQW&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;258651191e9949fd2b9eefffe9c245293c19622cae69c3a1628995201f2ee9ed&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="LoeEKUEEXJWdIau0UkQW" wire:loading.class="opacity-60"   class="fs-bb-live">
    
    <!--[if BLOCK]><![endif]-->        
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" data-fs-button-find="1" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
<!--[if BLOCK]><![endif]-->        
        
        <span class="fs-bb__label"><span class="fs-bb__words">Find at </span><span class="fs-bb__retailer">Amazon</span></span>
        <!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
        </a>
                        <a href="/products/de-longhi-eletta-explore-cold-brew-coffee-machine" class="fs-cb__link fs-cb__link--page">
            <span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
        
        <span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
        <svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
        </span>
        </a>
    </div>
                    </div>

















                </div>
            </div>
                                <div class="group relative flex flex-col p-4 border-r border-b border-gray-200 sm:p-6 bg-white">
                            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img
    src="https://cdn.freshstore.cloud/offer/images/15426/280/de-longhi-eletta-fully-automatic-bean-to-cup-coffee-machine-cappuccino-and-espresso-maker-ecam-44-660-b-2-liters-black-280.jpg?width=800"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/280/de-longhi-eletta-fully-automatic-bean-to-cup-coffee-machine-cappuccino-and-espresso-maker-ecam-44-660-b-2-liters-black-280.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/15426/280/de-longhi-eletta-fully-automatic-bean-to-cup-coffee-machine-cappuccino-and-espresso-maker-ecam-44-660-b-2-liters-black-280.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/15426/280/de-longhi-eletta-fully-automatic-bean-to-cup-coffee-machine-cappuccino-and-espresso-maker-ecam-44-660-b-2-liters-black-280.jpg?width=1200 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="De&#039;Longhi Eletta Bean to Cup Coffee Machine"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain"
/>

                </div>
                <div class="flex grow flex-col pt-10 pb-4 text-center">
                    <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                        <a href="/products/de-longhi-eletta-bean-to-cup-coffee-machine">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            De&#039;Longhi Eletta Coffee Maker
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            De&#039;longhi
                        </h4>
                                        </div>

                    
                    <div class="mt-auto">
                        <div class="mt-3 flex flex-col items-center">
            <p class="sr-only">Product Review Score</p>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.58 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24" x="0"/></g><g><g><g><path d="M22,9.24l-7.19-0.62L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27L18.18,21l-1.63-7.03L22,9.24z M12,15.4V6.1 l1.71,4.04l4.38,0.38l-3.32,2.88l1,4.28L12,15.4z"/></g></g></g></svg>                                                            </div>
                <p class="sr-only">4.58 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.58 out of 5 stars">138 reviews</span>
            </div>
        </div>

    
                        
                        <div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
                <a href="/out/product/36?bypass-cdn=1" target="_blank" rel="nofollow sponsored noopener" data-product-id="36" data-placement="card" class="fs-al fs-cb__link fs-cb__link--retailer">
            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:36,&quot;priceType&quot;:&quot;button&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:null,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:78,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:&quot;Amazon&quot;,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;sdgjnJVjff1FT1LZXTGL&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;20fc5d19967014fb3a03ddf3aaeacadd6c1271c51bb56a19d0b5923c42431e12&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="sdgjnJVjff1FT1LZXTGL" wire:loading.class="opacity-60"   class="fs-bb-live">
    
    <!--[if BLOCK]><![endif]-->        
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
<!--[if BLOCK]><![endif]-->        
        
        <span class="fs-bb__label"><span class="fs-bb__words">Check price at </span><span class="fs-bb__retailer">Amazon</span></span>
        <!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
        </a>
                        <a href="/products/de-longhi-eletta-bean-to-cup-coffee-machine" class="fs-cb__link fs-cb__link--page">
            <span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
        
        <span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
        <svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
        </span>
        </a>
    </div>
                    </div>

















                </div>
            </div>
                                <div class="group relative flex flex-col p-4 border-r border-b border-gray-200 sm:p-6 bg-white">
                            <div class="rounded-lg overflow-hidden aspect-w-1 aspect-h-1 group-hover:opacity-75">

                    <img
    src="https://cdn.freshstore.cloud/offer/images/15426/16015/de-longhi-primadonna-elite-experience-ecam650-85-ms-automatic-bean-to-cup-coffee-machine-stainless-steel-1450-w-1-liter-silver-energy-class-a-16015.jpg?width=800"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/16015/de-longhi-primadonna-elite-experience-ecam650-85-ms-automatic-bean-to-cup-coffee-machine-stainless-steel-1450-w-1-liter-silver-energy-class-a-16015.jpg?width=300 300w, https://cdn.freshstore.cloud/offer/images/15426/16015/de-longhi-primadonna-elite-experience-ecam650-85-ms-automatic-bean-to-cup-coffee-machine-stainless-steel-1450-w-1-liter-silver-energy-class-a-16015.jpg?width=800 800w, https://cdn.freshstore.cloud/offer/images/15426/16015/de-longhi-primadonna-elite-experience-ecam650-85-ms-automatic-bean-to-cup-coffee-machine-stainless-steel-1450-w-1-liter-silver-energy-class-a-16015.jpg?width=1200 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="De&#039;Longhi Primadonna Elite Automatic Coffee Machine"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain"
/>

                </div>
                <div class="flex grow flex-col pt-10 pb-4 text-center">
                    <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                        <a href="/products/de-longhi-primadonna-elite-automatic-coffee-machine">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            De&#039;Longhi Primadonna Elite Machine
                        </a>
                    </h3>

                    <div class="mt-3 min-h-[22px]">
                                            <h4 class="text-sm text-gray-400">
                            De&#039;longhi
                        </h4>
                                        </div>

                    
                    <div class="mt-auto">
                        <div class="mt-3 flex flex-col items-center">
            <p class="sr-only">Product Review Score</p>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.68 out of 5 stars">
                                                                        <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0z" fill="none"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>                                                                                                <svg class="text-yellow-400 h-5 w-5 shrink-0" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24" x="0"/></g><g><g><g><path d="M22,9.24l-7.19-0.62L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27L18.18,21l-1.63-7.03L22,9.24z M12,15.4V6.1 l1.71,4.04l4.38,0.38l-3.32,2.88l1,4.28L12,15.4z"/></g></g></g></svg>                                                            </div>
                <p class="sr-only">4.68 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.68 out of 5 stars">103 reviews</span>
            </div>
        </div>

    
                        
                        <div class="fs-cb fs-cb--both fs-cb--card fs-cb--mode-both relative z-10 mt-3" data-fs-card-buttons="both">
                <a href="/out/product/37?bypass-cdn=1" target="_blank" rel="nofollow sponsored noopener" data-product-id="37" data-placement="card" class="fs-al fs-cb__link fs-cb__link--retailer">
            <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:37,&quot;priceType&quot;:&quot;button&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:null,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:79,&quot;classes&quot;:&quot;&quot;,&quot;context&quot;:&quot;card&quot;,&quot;retailer&quot;:&quot;Amazon&quot;,&quot;saving&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;nQsYQHjFCWcRjN08N3io&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;bd7e49593eea2915c43b3cc0c87193eaac7d6846750a5f90eba241e5e0844404&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;,&quot;visitorCountryChanged&quot;]}" wire:id="nQsYQHjFCWcRjN08N3io" wire:loading.class="opacity-60"   class="fs-bb-live">
    
    <!--[if BLOCK]><![endif]-->        
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--><span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card" data-fs-button-style="a" data-fs-button-kind="retailer" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
<!--[if BLOCK]><![endif]-->        
        
        <span class="fs-bb__label"><span class="fs-bb__words">Check price at </span><span class="fs-bb__retailer">Amazon</span></span>
        <!--[if BLOCK]><![endif]--><svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg><!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    <!--[if ENDBLOCK]><![endif]--></span>
        </a>
                        <a href="/products/de-longhi-primadonna-elite-automatic-coffee-machine" class="fs-cb__link fs-cb__link--page">
            <span class="fs-bb fs-bb--crystal fs-bb--crystal-a fs-bb--card fs-bb--page fs-bb--secondary" data-fs-button-style="a" data-fs-button-kind="page" style="--fs-bb-ink: 255, 255, 255; --fs-bb-fill: 67, 40, 24; --fs-bb-hover: 56, 34, 20;">
        
        <span class="fs-bb__label"><span class="fs-bb__words">View product</span></span>
        <svg class="fs-bb__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4"/></svg>
        </span>
        </a>
    </div>
                    </div>

















                </div>
            </div>
        
    </div>
    
</section>

<nav role="navigation" aria-label="Pagination Navigation" class="max-w-7xl mx-auto px-4 mt-6 flex justify-between text-sm font-medium text-skin-base sm:px-6 lg:px-8">
        <div class="min-w-0 flex-1">
            
            
        </div>
        <div class="hidden space-x-2 sm:flex">

            
                            
                
                
                                                                                        <span aria-current="page">
                                <span class="inline-flex items-center px-4 h-10 border border-skin-accent ring-1 ring-skin-accent rounded-md bg-white hover:bg-gray-100 focus:outline-none focus:border-skin-accent focus:ring-2 focus:ring-offset-1 focus:ring-offset-skin-accent focus:ring-skin-accent focus:ring-opacity-25">1</span>
                            </span>
                                                                                                <a href="https://www.coffeee.uk/categories/bean-to-cup-coffee-machines/2" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-none focus:border-skin-accent focus:ring-2 focus:ring-offset-1 focus:ring-offset-skin-accent focus:ring-skin-accent focus:ring-opacity-25" aria-label="Go to page 2">
                                2
                            </a>
                                                                                                <a href="https://www.coffeee.uk/categories/bean-to-cup-coffee-machines/3" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-none focus:border-skin-accent focus:ring-2 focus:ring-offset-1 focus:ring-offset-skin-accent focus:ring-skin-accent focus:ring-opacity-25" aria-label="Go to page 3">
                                3
                            </a>
                                                                                                <a href="https://www.coffeee.uk/categories/bean-to-cup-coffee-machines/4" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-none focus:border-skin-accent focus:ring-2 focus:ring-offset-1 focus:ring-offset-skin-accent focus:ring-skin-accent focus:ring-opacity-25" aria-label="Go to page 4">
                                4
                            </a>
                                                                                                <a href="https://www.coffeee.uk/categories/bean-to-cup-coffee-machines/5" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-none focus:border-skin-accent focus:ring-2 focus:ring-offset-1 focus:ring-offset-skin-accent focus:ring-skin-accent focus:ring-opacity-25" aria-label="Go to page 5">
                                5
                            </a>
                                                                        
        </div>

        <div class="min-w-0 flex-1 flex justify-end">
                            <a href="https://www.coffeee.uk/categories/bean-to-cup-coffee-machines/2" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-none focus:border-skin-accent focus:ring-2 focus:ring-offset-1 focus:ring-offset-skin-accent focus:ring-skin-accent focus:ring-opacity-25">
                    Next
                </a>
                    </div>
    </nav>

        
        
        
        <div class="[.fs-content-full_&amp;]:!max-w-none mt-16 max-w-[68ch]">
        <article class="prose [.fs-content-full_&]:!max-w-none max-w-none prose-h1:text-skin-title prose-h1:font-title prose-h2:font-subtitle prose-h2:text-skin-subtitle prose-h3:font-subtitle prose-h3:text-skin-subtitle prose-h4:font-subtitle prose-h4:text-skin-subtitle prose-p:text-skin-base prose-a:text-skin-link prose-a:hover:opacity-75 prose-a:active:underline prose-ol:text-skin-base prose-ul:text-skin-base">
            <p>Coffee lovers have a special connection with their daily cup of joe. For many, brewing the perfect cup is an art form that requires precision and quality. With advancements in technology, <strong>bean to cup coffee machines</strong> have risen to prominence, making it easier than ever for coffee aficionados to create caf&eacute;-quality drinks in the comfort of their own kitchens. This comprehensive guide covers everything you need to know about bean to cup coffee machines, their features, benefits, and how to choose the right model for your needs.</p>
<h2>What is a Bean to Cup Coffee Machine?</h2>
<p>A <strong>bean to cup coffee machine</strong> is an automated coffee maker that grinds whole coffee beans and brews fresh coffee in a single process. These machines offer a complete coffee-making solution, allowing users to enjoy fresher and more flavorful coffee without the need for separate equipment such as grinders or espresso makers. The convenience and consistency of these machines have made them a desirable choice for coffee enthusiasts.</p>
<h3>Key Features of Bean to Cup Coffee Machines</h3>
<p>Below is a list of the most common features found in bean to cup coffee machines:</p>
<table>
<thead>
<tr>
<th>Feature</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>Integrated Grinder</td>
<td>A built-in grinder that grinds coffee beans just before brewing for freshness.</td>
</tr>
<tr>
<td>Milk Frother</td>
<td>A steam wand or automatic frother for creating cappuccinos and lattes.</td>
</tr>
<tr>
<td>Programmable Settings</td>
<td>Allows users to customize and save their favorite brew settings.</td>
</tr>
<tr>
<td>Touchscreen Interface</td>
<td>Intuitive controls for easily selecting drinks and settings.</td>
</tr>
<tr>
<td>Automatic Cleaning</td>
<td>A system that auto-cleans the machine after use to maintain hygiene.</td>
</tr>
<tr>
<td>Adjustable Coffee Strength</td>
<td>Users can customize the strength of their coffee, from mild to strong.</td>
</tr>
<tr>
<td>Bean Hopper Capacity</td>
<td>The storage for coffee beans that varies in volume, affecting how many brews can be made.</td>
</tr>
<tr>
<td>Water Reservoir Capacity</td>
<td>The size of the water tank, influencing how often it needs to be refilled.</td>
</tr>
</tbody>
</table>
<h2>Benefits of Bean to Cup Coffee Machines</h2>
<ol>
<li>
<p><strong>Convenience</strong>: The all-in-one design eliminates the need for multiple devices, making it easy to brew coffee quickly.</p>
</li>
<li>
<p><strong>Freshness</strong>: Grinding coffee beans just before brewing ensures the maximum flavor and aroma are preserved.</p>
</li>
<li>
<p><strong>Customization</strong>: Users have control over their brew strength, milk texture, and serve size, allowing for a personalized cup of coffee.</p>
</li>
<li>
<p><strong>Time-Saving</strong>: With quick preparation and brewing times, these machines can significantly reduce morning coffee ritual length.</p>
</li>
<li>
<p><strong>Easy to Clean</strong>: Automatic cleaning features make maintenance simple, ensuring the machine remains in top shape.</p>
</li>
</ol>
<h2>How to Choose the Right Bean to Cup Coffee Machine</h2>
<p>Choosing the right bean to cup coffee machine can be daunting, with various models available in the market. Here are some factors to consider:</p>
<h3>1. Your Coffee Preferences</h3>
<ul>
<li>Do you prefer espresso, cappuccino, or brewed coffee?</li>
<li>Are you a fan of flavored coffees or specific roasts?</li>
</ul>
<h3>2. Frequency of Use</h3>
<ul>
<li>How many cups of coffee do you typically brew in a day?</li>
<li>Consider machines with larger water reservoirs and bean hoppers for frequent use.</li>
</ul>
<h3>3. Size and Design</h3>
<ul>
<li>Ensure the machine fits in your kitchen space.</li>
<li>Aesthetic appeal and design preference might also influence your choice.</li>
</ul>
<h3>4. Price Range</h3>
<ul>
<li>Determine your budget as prices for bean to cup machines can vary significantly, from affordable models to high-end machines.</li>
</ul>
<h3>5. Brand Reputation and Reviews</h3>
<ul>
<li>Research reputable brands and customer reviews to gauge reliability and performance.</li>
</ul>
<h2>Popular Bean to Cup Coffee Machines</h2>
<p>Here&rsquo;s a comparison table of some of the most popular bean to cup coffee machines currently on the market:</p>
<table>
<thead>
<tr>
<th>Model</th>
<th>Price Range</th>
<th>Integrated Grinder</th>
<th>Milk Frother</th>
<th>Programmable Settings</th>
<th>Customer Rating</th>
</tr>
</thead>
<tbody>
<tr>
<td>De'Longhi Dinamica ECAM 35020</td>
<td>&pound;599 - &pound;799</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>4.5/5</td>
</tr>
<tr>
<td>Breville Barista Touch</td>
<td>&pound;799 - &pound;999</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>4.6/5</td>
</tr>
<tr>
<td>Jura E8</td>
<td>&pound;2,199 - &pound;2,899</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>4.7/5</td>
</tr>
<tr>
<td>Philips 3200 Series</td>
<td>&pound;499 - &pound;699</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>4.3/5</td>
</tr>
<tr>
<td>Siemens EQ.9</td>
<td>&pound;1,199 - &pound;1,699</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>4.5/5</td>
</tr>
</tbody>
</table>
<h2>Frequently Asked Questions (FAQ)</h2>
<h3>Q1: Do bean to cup coffee machines require special coffee beans?</h3>
<p>A1: Most bean to cup coffee machines can use any type of whole coffee beans. However, you may want to experiment with different roast levels to find your preferred flavor profile.</p>
<h3>Q2: How often should I clean my bean to cup coffee machine?</h3>
<p>A2: It is advisable to clean the machine after every few uses, with thorough cleaning recommended at least once a month to maintain performance and hygiene.</p>
<h3>Q3: Can I use pre-ground coffee in a bean to cup machine?</h3>
<p>A3: While many bean to cup machines are designed specifically for whole beans, some may have the option to use pre-ground coffee. Check your user manual for compatibility.</p>
<h3>Q4: Is it difficult to use a bean to cup coffee machine?</h3>
<p>A4: Most bean to cup machines are equipped with user-friendly controls and touchscreens, making them easy to operate, even for beginners.</p>
<h3>Q5: What kind of maintenance do bean to cup machines require?</h3>
<p>A5: Regular maintenance includes cleaning the brewing unit, water tank, and milk system, as well as descaling the machine periodically.</p>
<p>Bean to cup coffee machines offer both quality and convenience for coffee enthusiasts looking to brew their daily cup at home. With numerous features and options available, investing in a bean to cup coffee machine can transform your coffee experience&mdash;allowing for creativity, consistency, and, most importantly, the enjoyment of a freshly brewed cup every time. Whether you're a casual drinker or a dedicated connoisseur, there's a perfect bean to cup machine that can meet your needs and satisfy your coffee cravings.</p>
        </article>
    </div>

    </div>

                
            </div>


        </main>

        

        <footer aria-labelledby="footer-heading" class="">
    <h2 id="footer-heading" class="sr-only">Footer</h2>
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="border-t border-gray-200">
            <div class="pt-16 pb-20">
                <div class="flex justify-center">
                                            <img src="https://cdn.freshstore.cloud/template/images/15426/7915/c/coffeee-logo-logo.png" alt="The store logo" title="Store Logo" class="max-h-8 max-w-48 w-auto">
                                    </div>

                <div class="mt-6 space-x-4 flex justify-center">
                                                                                                                                                                                                                                                                </div>

                                    <div class="mt-16 max-w-6xl mx-auto flex flex-wrap gap-x-6 md:gap-x-12 lg:gap-x-24 md:px-12">
                                            <div class="flex-1 mb-24 md:mb-6">
                            <h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
                                Categories
                            </h3>
                            <ul role="list" class="mt-6 space-y-6">
                                                                <li class="text-sm">
                                    <a href="/categories/coffee-machines" class="text-skin-base hover:opacity-75">
                                        Coffee Machines
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/categories/coffee-makers" class="text-skin-base hover:opacity-75">
                                        Coffee Makers
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/categories/coffee-beans" class="text-skin-base hover:opacity-75">
                                        Coffee Beans
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/categories/single-origin-coffee-beans" class="text-skin-base hover:opacity-75">
                                        Single Origin Coffee Beans
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/categories/coffee" class="text-skin-base hover:opacity-75">
                                        Coffee
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/categories/coffee-filters" class="text-skin-base hover:opacity-75">
                                        Coffee Filters
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/categories" class="text-skin-base hover:opacity-75">
                                        Categories
                                    </a>
                                </li>
                                                            </ul>
                        </div>
                                            <div class="flex-1 mb-24 md:mb-6">
                            <h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
                                Brands
                            </h3>
                            <ul role="list" class="mt-6 space-y-6">
                                                                <li class="text-sm">
                                    <a href="/brands/aptliton-coffee-machines" class="text-skin-base hover:opacity-75">
                                        Aptliton
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/homcom-coffee-machines" class="text-skin-base hover:opacity-75">
                                        Homcom
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/farmers-roasters" class="text-skin-base hover:opacity-75">
                                        Farmers &amp; Roasters
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/flamekiss" class="text-skin-base hover:opacity-75">
                                        Flamekiss
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/ditac" class="text-skin-base hover:opacity-75">
                                        Ditac
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands/linenvale" class="text-skin-base hover:opacity-75">
                                        Linenvale
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/brands" class="text-skin-base hover:opacity-75">
                                        Brands
                                    </a>
                                </li>
                                                            </ul>
                        </div>
                                            <div class="flex-1 mb-24 md:mb-6">
                            <h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
                                Articles
                            </h3>
                            <ul role="list" class="mt-6 space-y-6">
                                                                <li class="text-sm">
                                    <a href="/article-category/coffee-and-health-guides" class="text-skin-base hover:opacity-75">
                                        Coffee And Health Guides
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/article-category/coffee-brewing-guides" class="text-skin-base hover:opacity-75">
                                        Coffee Brewing Guides
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/article-category/coffee-machines-buying-guides" class="text-skin-base hover:opacity-75">
                                        Coffee Machines Buying Guides
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/article-category/coffee-beans-buying-guides" class="text-skin-base hover:opacity-75">
                                        Coffee Beans Buying Guides
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/articles" class="text-skin-base hover:opacity-75">
                                        Articles
                                    </a>
                                </li>
                                                            </ul>
                        </div>
                                            <div class="flex-1 mb-24 md:mb-6">
                            <h3 class="text-sm font-subtitle font-bold text-skin-subtitle">
                                Pages
                            </h3>
                            <ul role="list" class="mt-6 space-y-6">
                                                                <li class="text-sm">
                                    <a href="/about-us" class="text-skin-base hover:opacity-75">
                                        About Us
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/contact" class="text-skin-base hover:opacity-75">
                                        Contact
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/cookie-policy" class="text-skin-base hover:opacity-75">
                                        Cookie Policy
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/newsletter" class="text-skin-base hover:opacity-75">
                                        Newsletter
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/privacy-policy" class="text-skin-base hover:opacity-75">
                                        Privacy Policy
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/site-map" class="text-skin-base hover:opacity-75">
                                        Site Map
                                    </a>
                                </li>
                                                                <li class="text-sm">
                                    <a href="/terms-of-use" class="text-skin-base hover:opacity-75">
                                        Terms
                                    </a>
                                </li>
                                                            </ul>
                        </div>
                                    </div>
                


            </div>


                            <div class="lg:grid lg:grid-cols-2 lg:gap-x-6 xl:gap-x-8">

                                            <div class="bg-skin-light rounded-lg p-6 flex items-center sm:p-10 ">
                            <div class="max-w-sm mx-auto">
                                <h3 class="font-subtitle font-bold text-skin-subtitle">Sign up for our newsletter</h3>
                                <p class="mt-2 text-sm text-skin-base">The latest offers, articles, and news, sent to your inbox weekly.</p>
                                <form class="mt-4 sm:mt-6 sm:flex" action="https://www.coffeee.uk/newsletter" method="POST">
                                    <input type="hidden" name="_token" value="9eexw90Gs4xx0NlkKUYhWoutgcbS4JN0Hf4I1lNs" autocomplete="off">                                    <div id="message_field_f9g5kgPSqjq6VCkL_wrap"  style="display: none" aria-hidden="true">
        <input id="message_field_f9g5kgPSqjq6VCkL"
               name="message_field_f9g5kgPSqjq6VCkL"
               type="text"
               value=""
                              autocomplete="nope"
               tabindex="-1">
        <input name="opal_three_ingrain"
               type="text"
               value="eyJpdiI6Ik5nRWNtSUhZSDNVUEl2OENqUVVJQUE9PSIsInZhbHVlIjoiQjNrdS9DN0s5NGFsRUN5VHY3UW5FZz09IiwibWFjIjoiYWYxZjdhN2NhY2IwMjY4NGI2M2RlZWE3ZDM0ZDBmYTBkYmFjZTI3YWFjOTQyZDM2NjYwNDRmMWU4OTEyZTgyMSIsInRhZyI6IiJ9"
                              autocomplete="off"
               tabindex="-1">
    </div>
                                    <label for="email-address" class="sr-only">Email address</label>
                                    <input id="email-address" type="email" name="email" autocomplete="email" required class="appearance-none min-w-0 w-full bg-white border border-gray-300 rounded-md shadow-sm py-2 px-4 text-base text-skin-title placeholder-gray-500 focus:outline-none focus:border-skin-accent focus:ring-1 focus:ring-skin-accent">
                                    <div class="mt-3 sm:shrink-0 sm:mt-0 sm:ml-4">
                                        <button type="submit" class="w-full bg-skin-button-accent border border-transparent rounded-md shadow-sm py-2 px-4 flex items-center justify-center text-base font-medium text-white hover:bg-opacity-75 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-skin-accent">
                                            Sign up
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    
                                                <div class="mt-6 relative py-12 px-6 flex items-center sm:py-16 sm:px-10 lg:mt-0 ">
                                <div class="absolute inset-0 rounded-lg overflow-hidden">
                                    <a href="/contact" target="_self"  >
    <img src="https://cdn.freshstore.cloud/template/images/15426/9/coffeee-logo-300x100-png.png?width=800" alt="An image representing our contact page" title="Contact us with your questions or feedback" class="w-full h-full filter saturate-0 object-center object-cover">
                                    <div class="absolute inset-0 bg-skin-dark bg-opacity-70"></div>
</a>
                                </div>
                                <div class="relative max-w-sm mx-auto text-center">
                                    <a href="/contact" target="_self"  >
    <h3 class="text-2xl font-subtitle font-bold text-white">Get in Touch</h3>
                                    <p class="mt-2 text-white">
                                        Do you have a question, want to give some feedback, or simply want to chat? Click here to find out how to contact us.
                                    </p>
</a>
                                </div>
                            </div>
                    
                </div>
            
        </div>

        <div class="my-20 items-center px-6 md:px-20">
            <p class="text-sm text-skin-base text-center">Affiliate disclosure: When you click links to various merchants on this site and make a purchase, this can result in this site earning a commission. Affiliate programs and affiliations include, but are not limited to, the eBay Partner Network, Walmart, Etsy, AliExpress and Amazon. As an Amazon Associate, we may earn commissions from qualifying purchases from Amazon.</p>
        </div>

        <div class="my-20 pb-10 md:flex md:items-center md:justify-between">
            <div class="text-center md:text-left">
                <p class="text-sm text-skin-base">&copy; 2026 All Rights Reserved.
                                            <p><a title="Coffeee" href="../../">Coffeee</a></p>
                                    </p>
            </div>

            <div class="mt-4 flex items-center justify-center md:mt-0">
                <div class="flex space-x-8">
                                            <a href="/contact" class="text-sm text-skin-link hover:opacity-75">
                            Contact
                        </a>
                                            <a href="/privacy-policy" class="text-sm text-skin-link hover:opacity-75">
                            Privacy Policy
                        </a>
                                            <a href="/terms-of-use" class="text-sm text-skin-link hover:opacity-75">
                            Terms
                        </a>
                                    </div>
            </div>
        </div>
    </div>
</footer>

        
    </div>


<div wire:snapshot="{&quot;data&quot;:{&quot;renderedAt&quot;:1790867019,&quot;path&quot;:&quot;\/categories\/bean-to-cup-coffee-machines&quot;,&quot;active&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;cVz2HOm3xvLxG7EHJSI0&quot;,&quot;name&quot;:&quot;price-refresh&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[&quot;270437170-0&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;9da51847ab9e9be3abd2358c67f76304af89500bf2860cb0f54b9165f50e322c&quot;}" wire:effects="{&quot;scripts&quot;:{&quot;270437170-0&quot;:&quot;    &lt;script&gt;\n        const fsRefreshPrices = () =&gt; {\n            const age = Math.floor(Date.now() \/ 1000) - 1790867019;\n            if (age &lt; 3600) {\n                return;\n            }\n\n            const els = Array.from(document.querySelectorAll(&#039;[data-fs-price]&#039;));\n            if (!els.length) {\n                return;\n            }\n\n            const items = els.map((el) =&gt; ({\n                id: parseInt(el.dataset.fsPrice, 10),\n                type: [&#039;full&#039;, &#039;saving&#039;].includes(el.dataset.fsPriceType) ? el.dataset.fsPriceType : &#039;actual&#039;,\n                text: el.textContent.trim(),\n            }));\n\n            els.forEach((el) =&gt; {\n                if (el.textContent.trim() !== &#039;&#039;) {\n                    \/\/ A block level price would shimmer across its whole row.\n                    \/\/ Shrink the shimmer to the figure, on the side it sits.\n                    const css = getComputedStyle(el);\n                    if (css.display === &#039;block&#039;) {\n                        el.style.width = &#039;fit-content&#039;;\n                        if (css.textAlign === &#039;right&#039; || css.textAlign === &#039;end&#039;) {\n                            el.style.marginLeft = &#039;auto&#039;;\n                        } else if (css.textAlign === &#039;center&#039;) {\n                            el.style.marginLeft = &#039;auto&#039;;\n                            el.style.marginRight = &#039;auto&#039;;\n                        }\n                    }\n                    el.classList.add(&#039;fs-price-loading&#039;);\n                }\n                el.setAttribute(&#039;aria-busy&#039;, &#039;true&#039;);\n            });\n\n            $wire.refreshPrices(items).then((map) =&gt; {\n                if (!map) {\n                    return;\n                }\n                els.forEach((el) =&gt; {\n                    const row = map[el.dataset.fsPrice];\n                    if (!row) {\n                        return;\n                    }\n                    const type = [&#039;full&#039;, &#039;saving&#039;].includes(el.dataset.fsPriceType) ? el.dataset.fsPriceType : &#039;actual&#039;;\n                    const value = row[type];\n                    const old = el.textContent.trim();\n                    if (value) {\n                        if (old !== value) {\n                            el.textContent = value;\n                        }\n                        el.classList.remove(&#039;hidden&#039;);\n                    } else if (type !== &#039;actual&#039; || \/\\d\/.test(old)) {\n                        \/\/ The figure it showed is gone. Say nothing rather\n                        \/\/ than keep a price the retailer no longer has.\n                        el.textContent = &#039;&#039;;\n                        el.classList.add(&#039;hidden&#039;);\n                    }\n                });\n            }).finally(() =&gt; {\n                els.forEach((el) =&gt; {\n                    el.classList.remove(&#039;fs-price-loading&#039;);\n                    el.style.width = &#039;&#039;;\n                    el.style.marginLeft = &#039;&#039;;\n                    el.style.marginRight = &#039;&#039;;\n                    el.removeAttribute(&#039;aria-busy&#039;);\n                });\n                \/\/ Rows that follow a live figure (Bounty&#039;s drops) re-read it.\n                document.dispatchEvent(new CustomEvent(&#039;fs:prices&#039;));\n            });\n        };\n\n        \/\/ A prerendered page (shared\/instant-navigation) may never be seen.\n        \/\/ Ask for prices only once the visitor has actually opened it.\n        if (document.prerendering) {\n            document.addEventListener(&#039;prerenderingchange&#039;, fsRefreshPrices, { once: true });\n        } else {\n            fsRefreshPrices();\n        }\n    &lt;\/script&gt;\n        &quot;}}" wire:id="cVz2HOm3xvLxG7EHJSI0" hidden data-fs-price-refresh data-fs-rendered-at="1790867019">
<!--[if BLOCK]><![endif]-->    <style>
        .fs-price-loading{color:transparent!important;border-radius:2px;background:linear-gradient(90deg,rgba(var(--color-light,100,116,139),.10) 25%,rgba(var(--color-light,100,116,139),.30) 50%,rgba(var(--color-light,100,116,139),.10) 75%);background-size:200% 100%;animation:fs-price-shimmer 1.1s linear infinite}
        .fs-price-loading *{color:transparent!important}
        .bo-square .fs-price-loading{border-radius:0}
        @keyframes fs-price-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
        @media (prefers-reduced-motion: reduce){.fs-price-loading{animation:none}}
    </style>
        <!--[if ENDBLOCK]><![endif]--></div>
<script src="/livewire/40a765a4/livewire.min.js?id=40a765a4"   data-csrf="9eexw90Gs4xx0NlkKUYhWoutgcbS4JN0Hf4I1lNs" data-update-uri="/livewire/update" data-navigate-once="true"></script>





<div wire:snapshot="{&quot;data&quot;:{&quot;analyticsSiteUrl&quot;:&quot;analytics.freshstore.cloud&quot;,&quot;analyticsSiteId&quot;:&quot;25183&quot;,&quot;templateKey&quot;:&quot;crystal&quot;,&quot;pageType&quot;:&quot;category&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;EjmLQida40gG6AdCJhps&quot;,&quot;name&quot;:&quot;get-analytics-code&quot;,&quot;path&quot;:&quot;categories\/bean-to-cup-coffee-machines&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[&quot;778755636-0&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;GB&quot;,&quot;fs_release&quot;:&quot;ab5683fdb291&quot;},&quot;checksum&quot;:&quot;d4dba9c62cdac9309653bcbde1d6cb3c841864bc16148d39c3fd0048f770fa0d&quot;}" wire:effects="{&quot;scripts&quot;:{&quot;778755636-0&quot;:&quot;    &lt;script&gt;\n\n        let isAdmin = document.cookie.match(&#039;(^|;)\\\\s*&#039; + &#039;fs_bt&#039; + &#039;\\\\s*=\\\\s*([^;]+)&#039;)?.pop() || &#039;&#039;;\n\n        if (isAdmin !== &#039;1&#039;) {\n            var _paq = window._paq = window._paq || [];\n\n            const fsStartTracking = function () {\n                \/* tracker methods like \&quot;setCustomDimension\&quot; should be called before \&quot;trackPageView\&quot; *\/\n                _paq.push([&#039;trackPageView&#039;]);\n                _paq.push([&#039;enableLinkTracking&#039;]);\n                _paq.push([&#039;enableHeartBeatTimer&#039;]);\n                var u = \&quot;\/\/analytics.freshstore.cloud\/\&quot;;\n                _paq.push([&#039;setTrackerUrl&#039;, u + &#039;matomo.php&#039;]);\n                _paq.push([&#039;setSiteId&#039;, &#039;25183&#039;]);\n                var d = document, g = d.createElement(&#039;script&#039;), s = d.getElementsByTagName(&#039;script&#039;)[0];\n                g.async = true;\n                g.src = u + &#039;matomo.js&#039;;\n                s.parentNode.insertBefore(g, s);\n            };\n\n            \/\/ A prerendered page (shared\/instant-navigation) is not a visit\n            \/\/ until the visitor clicks through to it, and may never be. Matomo&#039;s\n            \/\/ own check only knows the retired visibilityState &#039;prerender&#039;.\n            if (document.prerendering) {\n                document.addEventListener(&#039;prerenderingchange&#039;, fsStartTracking, { once: true });\n            } else {\n                fsStartTracking();\n            }\n\n            document.addEventListener(&#039;click&#039;, function (e) {\n                const link = e.target.closest(&#039;a.fs-al&#039;);\n                if (!link) return;\n\n                const productId = link.dataset.productId;\n                const offerId = link.dataset.offerId;\n                const price = link.dataset.price;\n\n                \/\/ placement: which kind of link on the page (offer_row,\n                \/\/ ebay_related...), from the link itself or its container.\n                const placement = link.dataset.placement\n                    || link.closest(&#039;[data-fs-placement]&#039;)?.dataset.fsPlacement\n                    || &#039;&#039;;\n\n                if (productId || offerId) {\n                    window._paq.push([&#039;trackEvent&#039;, &#039;Affiliate&#039;, &#039;Click&#039;, JSON.stringify({\n                        product_id: productId,\n                        offer_id: offerId,\n                        price: price,\n                        url: link.href,\n                        placement: placement,\n                        template: &#039;crystal&#039;,\n                        page_type: &#039;category&#039;                    }), 1]);\n                }\n            });\n        }\n\n\n    &lt;\/script&gt;\n        &quot;}}" wire:id="EjmLQida40gG6AdCJhps">
        </div>


</body>
</html>
