<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Top Coffee Machines for Perfect Brews at Home</title>
<meta name="csrf-token" content="Mha6fSoNHCMfDJtpT4u7kwqUke2idWiPpeS3eBI5">
<meta name="description" content="Discover a range of coffee machines perfect for every coffee lover. Brew like a pro at home with our top picks for every taste and budget.">
<meta name="keywords" content="coffee machines, home brewing, coffee maker, espresso machines, drip coffee makers, single serve coffee machines, best coffee machines, coffee brewing, affordable coffee makers, home coffee equipment, automatic coffee makers, barista quality coffee, progr...">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Coffeee">
<meta property="og:title" content="Coffee Machines">
<meta property="og:url" content="https://www.coffeee.uk/categories/coffee-machines">
<meta property="og:description" content="Discover a range of coffee machines perfect for every coffee lover. Brew like a pro at home with our top picks for every taste and budget.">
<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="Coffee Machines">
<meta name="twitter:description" content="Discover a range of coffee machines perfect for every coffee lover. Brew like a pro at home with our top picks for every taste and budget.">
<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/coffee-machines"/>
    
    
    <link rel="icon" href="/icon-512.png" sizes="512x512">
    <link rel="icon" href="/icon-192.png" sizes="192x192">

    <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-BGZlzvTX.css" /><link rel="modulepreload" href="https://www.coffeee.uk/build/assets/app-D-eBAof-.js" /><link rel="stylesheet" href="https://www.coffeee.uk/build/assets/app-BGZlzvTX.css" data-navigate-track="reload" /><script type="module" src="https://www.coffeee.uk/build/assets/app-D-eBAof-.js" data-navigate-track="reload"></script>
            <link rel="stylesheet" href="https://cdn.freshstore.cloud/template/crystal/fonts/outfit.css">
<link rel="preload" href="https://cdn.freshstore.cloud/template/crystal/fonts/outfit-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="https://cdn.freshstore.cloud/template/crystal/fonts/outfit-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.freshstore.cloud/template/crystal/fonts/raleway.css">
<link rel="preload" href="https://cdn.freshstore.cloud/template/crystal/fonts/raleway-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="https://cdn.freshstore.cloud/template/crystal/fonts/raleway-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.freshstore.cloud/template/crystal/fonts/inter.css">
<link rel="preload" href="https://cdn.freshstore.cloud/template/crystal/fonts/inter-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="https://cdn.freshstore.cloud/template/crystal/fonts/inter-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">


        <style>
            :root {
                --font-title: 'Outfit', sans-serif;
                --font-subtitle: 'Raleway', sans-serif;
                --font-body: 'Inter', sans-serif;
            }
        </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":"Coffee Machines","alternateName":"Coffee Machines","description":"Discover the perfect brewing companion to elevate your coffee experience at home","mainEntityOfPage":"https://www.coffeee.uk/categories/coffee-machines","url":"https://www.coffeee.uk/categories/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":"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"}]}</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="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;BEp1VXFrbmNTwqvQooGK&quot;,&quot;name&quot;:&quot;toast&quot;,&quot;path&quot;:&quot;categories\/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;2Lr7xWQlfE0o6Ru9QgoH&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;US&quot;},&quot;checksum&quot;:&quot;03b00557bf0ea95d4ef2b0083f14caf8c7b30ffe648bfbc278829bd61b613c7a&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;pageLoaded&quot;]}" wire:id="BEp1VXFrbmNTwqvQooGK">
    <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;2Lr7xWQlfE0o6Ru9QgoH&quot;,&quot;name&quot;:&quot;toasts&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;70963bf69bc7df5485400b1897ae1cde4e1414a9f10ed4a9e13314d70c9c4281&quot;}" wire:effects="[]" wire:id="2Lr7xWQlfE0o6Ru9QgoH"
    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" 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-xs 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/heemburg">
                                                    Heemburg
                                                </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/instant-pot-coffee-machines">
                                                    Instant Pot Coffee Machines
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/homcom-coffee-machines">
                                                    Homcom Coffee Machines
                                                </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/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/geepas-coffee-machines">
                                                    Geepas Coffee Machines
                                                </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/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/aptliton-coffee-machines">
                                                    Aptliton Coffee Machines
                                                </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/casabrews-coffee-machines">
                                                    Casabrews Coffee Machines
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/farmers-roasters">
                                                    Farmers &amp; Roasters
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <div>
                                            <p id="mobile-featured-heading-20" class="font-medium text-gray-700 ml-2">
                                                <a href="/brands/flamekiss">
                                                    Flamekiss
                                                </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/shardor-coffee-grinders">
                                                    Shardor Coffee Grinders
                                                </a>
                                            </p>

                                                                                    </div>
                                                                            <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/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/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/vonshef-coffee-makers">
                                                    Vonshef Coffee Makers
                                                </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/beginners-guide-to-bean-cup-coffee-machines" class="text-gray-500">
                                                                Bean Cup Coffee Machine Basics
                                                            </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>
                                                                                                            <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/beginners-guide-to-drip-filter-coffee-machines" class="text-gray-500">
                                                                Drip Coffee Machine Basics
                                                            </a>
                                                        </li>
                                                                                                            <li class="flex">
                                                            <a href="/articles/beginners-guide-to-espresso-coffee-machines" class="text-gray-500">
                                                                Espresso Machines for Beginner...
                                                            </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="relative z-40" 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 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;US&quot;,&quot;lastCountryCode&quot;:&quot;US&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;5eToHzGi2UlCzdzWdtka&quot;,&quot;name&quot;:&quot;locale-menu&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;c4e075e1b16d48df3ddd76e353f2f97caddc580e30c456ad5adb7aa25431f9ca&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;pageLoaded&quot;]}" wire:id="5eToHzGi2UlCzdzWdtka" 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/us.svg" class="border lg:border-none h-5 lg:h-4 my-auto" alt="US flag" title="US">
                    </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-hidden 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" >
                                    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" selected>
                                    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 class="lg:text-center text-sm font-subtitle text-white flex-auto">
                    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/heemburg">
                                                                            Heemburg
                                                                        </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/instant-pot-coffee-machines">
                                                                            Instant Pot Coffee Machines
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/homcom-coffee-machines">
                                                                            Homcom Coffee Machines
                                                                        </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/grind-coffee">
                                                                            Grind Coffee
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/geepas-coffee-machines">
                                                                            Geepas Coffee Machines
                                                                        </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/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/aptliton-coffee-machines">
                                                                            Aptliton Coffee Machines
                                                                        </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/casabrews-coffee-machines">
                                                                            Casabrews Coffee Machines
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/farmers-roasters">
                                                                            Farmers &amp; Roasters
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <div>
                                                                    <p id="desktop-collection-heading" class="font-subtitle font-bold text-gray-900">
                                                                        <a href="/brands/flamekiss">
                                                                            Flamekiss
                                                                        </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/shardor-coffee-grinders">
                                                                            Shardor Coffee Grinders
                                                                        </a>
                                                                    </p>

                                                                                                                                    </div>
                                                                                                                                <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/costa-coffee">
                                                                            Costa Coffee
                                                                        </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/vonshef-coffee-makers">
                                                                            Vonshef Coffee Makers
                                                                        </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/beginners-guide-to-bean-cup-coffee-machines" class="hover:text-gray-800">
                                                                                    Bean Cup Coffee Machine Basics
                                                                                </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>
                                                                                                                                                        <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/beginners-guide-to-drip-filter-coffee-machines" class="hover:text-gray-800">
                                                                                    Drip Coffee Machine Basics
                                                                                </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>
                                                                            
                                                                        </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" value="" class="block w-full mr-2 px-2 py-0 text-xs text-gray-600 border-gray-300 rounded-md shadow-xs 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;US&quot;,&quot;lastCountryCode&quot;:&quot;US&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;4JfZBIgczSS82kHnzQGj&quot;,&quot;name&quot;:&quot;locale-menu&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;7523e7abf298a35ff8821660e08df96a5b484be1d21376c5489948318b204165&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;pageLoaded&quot;]}" wire:id="4JfZBIgczSS82kHnzQGj" 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/us.svg" class="border lg:border-none h-5 lg:h-4 my-auto" alt="US flag" title="US">
                    </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-hidden 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" >
                                    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" selected>
                                    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">
                            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 class="truncate sm:block text-sm font-medium text-skin-base">
                    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">Coffee Machines</h1>
            <h2 class="font-subtitle mt-6 text-skin-subtitle text-lg md:text-xl lg:text-2xl font-normal text-left">Discover the perfect brewing companion to elevate your coffee experience at home</h2>
    </div>


        <div class="pt-8">
        <article class="prose 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>Ready to take your coffee game to the next level? Our selection of coffee machines has something for everyone, whether you're a casual drinker or a hardcore coffee enthusiast. From single-serve brewers to full-on espresso machines, you'll find the perfect fit for your kitchen and your morning routine.</p>
        </article>
    </div>

                    <div class="py-8 sm:py-8 xl:mx-auto xl:max-w-7xl xl:px-8">
                <div class="mt-4 flow-root">
                    <div class="-my-2">
                        <div class="relative box-content py-2">
                            <div
                                class="flex px-4 sm:px-6 lg:px-8 relative grid grid-cols-2 gap-x-6 gap-y-6 lg:grid-cols-4 xl:grid-cols-5 xl:gap-x-8 xl:gap-y-8 xl:px-0">
                                                                    <a href="/categories/bean-to-cup-coffee-machines"
                                       class="relative flex h-80 flex-col overflow-hidden rounded-lg p-6 hover:opacity-75 w-auto">
                                        <span aria-hidden="true" class="absolute inset-0">
                                            <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"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/8024/c/de-longhi-magnifica-s-automatic-espresso-machine-with-milk-frother-for-hot-coffee-drinks-recipes-soft-touch-control-panel-black-ecam22110b-8024-small.jpg 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 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 1200w" sizes="(min-width: 1280px) 20vw, (min-width: 1024px) 25vw, 50vw"     alt="Bean To Cup Coffee Machines"
    loading="lazy"
    decoding="async"
    class="h-full w-full object-cover object-center"
/>
                                        </span>
                                        <span aria-hidden="true"
                                              class="absolute inset-x-0 bottom-0 h-2/3 bg-linear-to-t from-gray-800 opacity-50"></span>
                                        <h3 class="relative mt-auto text-center text-xl font-subtitle text-white drop-shadow-[0_0.5px_3.5px_rgba(0,0,0,1)] bg-skin-accent/50 p-2">
                                            Bean Cup Coffee Machines
                                        </h3>
                                    </a>
                                                                    <a href="/categories/drip-filter-coffee-machines"
                                       class="relative flex h-80 flex-col overflow-hidden rounded-lg p-6 hover:opacity-75 w-auto">
                                        <span aria-hidden="true" class="absolute inset-0">
                                            <img
    src="https://cdn.freshstore.cloud/offer/images/15426/121/tower-t13005-filter-coffee-machine-with-built-in-coffee-grinder-coarse-and-fine-grinding-options-bean-to-cup-0-6-litre-900-w-black-121.jpg"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/121/c/tower-t13005-filter-coffee-machine-with-built-in-coffee-grinder-coarse-and-fine-grinding-options-bean-to-cup-0-6-litre-900-w-black-121-small.jpg 300w, https://cdn.freshstore.cloud/offer/images/15426/121/tower-t13005-filter-coffee-machine-with-built-in-coffee-grinder-coarse-and-fine-grinding-options-bean-to-cup-0-6-litre-900-w-black-121.jpg 800w, https://cdn.freshstore.cloud/offer/images/15426/121/tower-t13005-filter-coffee-machine-with-built-in-coffee-grinder-coarse-and-fine-grinding-options-bean-to-cup-0-6-litre-900-w-black-121.jpg 1200w" sizes="(min-width: 1280px) 20vw, (min-width: 1024px) 25vw, 50vw"     alt="Drip Filter Coffee Machines"
    loading="lazy"
    decoding="async"
    class="h-full w-full object-cover object-center"
/>
                                        </span>
                                        <span aria-hidden="true"
                                              class="absolute inset-x-0 bottom-0 h-2/3 bg-linear-to-t from-gray-800 opacity-50"></span>
                                        <h3 class="relative mt-auto text-center text-xl font-subtitle text-white drop-shadow-[0_0.5px_3.5px_rgba(0,0,0,1)] bg-skin-accent/50 p-2">
                                            Drip Filter Coffee Machines
                                        </h3>
                                    </a>
                                                                    <a href="/categories/espresso-coffee-machines"
                                       class="relative flex h-80 flex-col overflow-hidden rounded-lg p-6 hover:opacity-75 w-auto">
                                        <span aria-hidden="true" class="absolute inset-0">
                                            <img
    src="https://cdn.freshstore.cloud/offer/images/15426/153/breville-one-touch-coffeehouse-coffee-machine-espresso-cappuccino-latte-maker-19-bar-italian-pump-automatic-milk-frother-ese-pod-compatible-black-vcf107-153.jpg"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/153/c/breville-one-touch-coffeehouse-coffee-machine-espresso-cappuccino-latte-maker-19-bar-italian-pump-automatic-milk-frother-ese-pod-compatible-black-vcf107-153-small.jpg 300w, https://cdn.freshstore.cloud/offer/images/15426/153/breville-one-touch-coffeehouse-coffee-machine-espresso-cappuccino-latte-maker-19-bar-italian-pump-automatic-milk-frother-ese-pod-compatible-black-vcf107-153.jpg 800w, https://cdn.freshstore.cloud/offer/images/15426/153/breville-one-touch-coffeehouse-coffee-machine-espresso-cappuccino-latte-maker-19-bar-italian-pump-automatic-milk-frother-ese-pod-compatible-black-vcf107-153.jpg 1200w" sizes="(min-width: 1280px) 20vw, (min-width: 1024px) 25vw, 50vw"     alt="Espresso Coffee Machines"
    loading="lazy"
    decoding="async"
    class="h-full w-full object-cover object-center"
/>
                                        </span>
                                        <span aria-hidden="true"
                                              class="absolute inset-x-0 bottom-0 h-2/3 bg-linear-to-t from-gray-800 opacity-50"></span>
                                        <h3 class="relative mt-auto text-center text-xl font-subtitle text-white drop-shadow-[0_0.5px_3.5px_rgba(0,0,0,1)] bg-skin-accent/50 p-2">
                                            Espresso Coffee Machines
                                        </h3>
                                    </a>
                                                                    <a href="/categories/pod-and-capsule-coffee-machines"
                                       class="relative flex h-80 flex-col overflow-hidden rounded-lg p-6 hover:opacity-75 w-auto">
                                        <span aria-hidden="true" class="absolute inset-0">
                                            <img
    src="https://cdn.freshstore.cloud/offer/images/15426/10240/kotlie-espresso-kaffeemaschine-4-in1kaffeemaschine-fuer-nes-dg-mehl-ese-kapsel-espressomaschine-19-bar-automatische-nespresso-kapseln-kaffeemaschine-2023-neu-10240.jpg"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/10240/c/kotlie-espresso-kaffeemaschine-4-in1kaffeemaschine-fuer-nes-dg-mehl-ese-kapsel-espressomaschine-19-bar-automatische-nespresso-kapseln-kaffeemaschine-2023-neu-10240-small.jpg 300w, https://cdn.freshstore.cloud/offer/images/15426/10240/kotlie-espresso-kaffeemaschine-4-in1kaffeemaschine-fuer-nes-dg-mehl-ese-kapsel-espressomaschine-19-bar-automatische-nespresso-kapseln-kaffeemaschine-2023-neu-10240.jpg 800w, https://cdn.freshstore.cloud/offer/images/15426/10240/kotlie-espresso-kaffeemaschine-4-in1kaffeemaschine-fuer-nes-dg-mehl-ese-kapsel-espressomaschine-19-bar-automatische-nespresso-kapseln-kaffeemaschine-2023-neu-10240.jpg 1200w" sizes="(min-width: 1280px) 20vw, (min-width: 1024px) 25vw, 50vw"     alt="Pod And Capsule Coffee Machines"
    loading="lazy"
    decoding="async"
    class="h-full w-full object-cover object-center"
/>
                                        </span>
                                        <span aria-hidden="true"
                                              class="absolute inset-x-0 bottom-0 h-2/3 bg-linear-to-t from-gray-800 opacity-50"></span>
                                        <h3 class="relative mt-auto text-center text-xl font-subtitle text-white drop-shadow-[0_0.5px_3.5px_rgba(0,0,0,1)] bg-skin-accent/50 p-2">
                                            Pod &amp; Capsule Coffee Machines
                                        </h3>
                                    </a>
                                                                    <a href="/categories/single-serve-coffee-machines"
                                       class="relative flex h-80 flex-col overflow-hidden rounded-lg p-6 hover:opacity-75 w-auto">
                                        <span aria-hidden="true" class="absolute inset-0">
                                            <img
    src="https://cdn.freshstore.cloud/offer/images/15426/514/ex-pro-single-serve-1-cup-coffee-maker-digital-machine-and-double-wall-insulated-travel-mug-with-timer-stainless-steel-420ml-514.jpg"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/514/c/ex-pro-single-serve-1-cup-coffee-maker-digital-machine-and-double-wall-insulated-travel-mug-with-timer-stainless-steel-420ml-514-small.jpg 300w, https://cdn.freshstore.cloud/offer/images/15426/514/ex-pro-single-serve-1-cup-coffee-maker-digital-machine-and-double-wall-insulated-travel-mug-with-timer-stainless-steel-420ml-514.jpg 800w, https://cdn.freshstore.cloud/offer/images/15426/514/ex-pro-single-serve-1-cup-coffee-maker-digital-machine-and-double-wall-insulated-travel-mug-with-timer-stainless-steel-420ml-514.jpg 1200w" sizes="(min-width: 1280px) 20vw, (min-width: 1024px) 25vw, 50vw"     alt="Single Serve Coffee Machines"
    loading="lazy"
    decoding="async"
    class="h-full w-full object-cover object-center"
/>
                                        </span>
                                        <span aria-hidden="true"
                                              class="absolute inset-x-0 bottom-0 h-2/3 bg-linear-to-t from-gray-800 opacity-50"></span>
                                        <h3 class="relative mt-auto text-center text-xl font-subtitle text-white drop-shadow-[0_0.5px_3.5px_rgba(0,0,0,1)] bg-skin-accent/50 p-2">
                                            Single Serve Coffee Machines
                                        </h3>
                                    </a>
                                                            </div>
                        </div>
                    </div>
                </div>
            </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="-mx-px grid grid-cols-2 border-l border-t border-gray-200 sm:mx-0 md:grid-cols-3 lg:grid-cols-4">

                    <div class="group relative 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"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/8024/c/de-longhi-magnifica-s-automatic-espresso-machine-with-milk-frother-for-hot-coffee-drinks-recipes-soft-touch-control-panel-black-ecam22110b-8024-small.jpg 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 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 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="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-3 flex flex-col items-center">
            <h2 class="sr-only">Product Review Score</h2>

            <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>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:2,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:899.95,&quot;priceFormatted&quot;:&quot;$899.95&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;dsbbFB1k16POmePKTvMB&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;76ef707f7ee91094a95b26ae160b37866ff4bb60ecb5344608b9a648d44b9027&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="dsbbFB1k16POmePKTvMB" wire:loading.class="opacity-20" class="text-red-500 line-through">
    <!--[if BLOCK]><![endif]-->            $899.95
    <!--[if ENDBLOCK]><![endif]--></span>
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:2,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:830.09,&quot;priceFormatted&quot;:&quot;$830.09&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;rITLDCqpmyoKS4xeFtqn&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;01fe991ad26f3051da61f3079e261c0b0804e8f572e3cf51f2e547f799d19800&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="rITLDCqpmyoKS4xeFtqn" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->            $830.09
    <!--[if ENDBLOCK]><![endif]--></span>
                    </p>

















                </div>
            </div>
                    <div class="group relative 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"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/7145/c/sage-barista-express-macchina-per-caffe-espresso-bean-to-cup-con-montalatte-bes875btr-tartufo-nero-7145-small.jpg 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 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 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="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-3 flex flex-col items-center">
            <h2 class="sr-only">Product Review Score</h2>

            <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>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:3,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:832.12,&quot;priceFormatted&quot;:&quot;$832.12&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;UlJxrpaXobL911maweDR&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;8667ae9322b6ec60213d881cc74255161453b08a03fd09c9f35419c51e7aff8c&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="UlJxrpaXobL911maweDR" wire:loading.class="opacity-20" class="text-red-500 line-through">
    <!--[if BLOCK]><![endif]-->            $832.12
    <!--[if ENDBLOCK]><![endif]--></span>
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:3,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:659.13,&quot;priceFormatted&quot;:&quot;$659.13&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;FSJuiZgNOhRhLPGnEAHK&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;d56caa920004e9c63b2ce6441e3c8d7781c9526cfee66d8fbd5db2b2574a74a3&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="FSJuiZgNOhRhLPGnEAHK" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->            $659.13
    <!--[if ENDBLOCK]><![endif]--></span>
                    </p>

















                </div>
            </div>
                    <div class="group relative 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/8258/de-longhi-magnifica-evo-ecam292-33-sb-kaffeebereiter-cappuccino-maker-8258.jpg"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/8258/c/de-longhi-magnifica-evo-ecam292-33-sb-kaffeebereiter-cappuccino-maker-8258-small.jpg 300w, https://cdn.freshstore.cloud/offer/images/15426/8258/de-longhi-magnifica-evo-ecam292-33-sb-kaffeebereiter-cappuccino-maker-8258.jpg 800w, https://cdn.freshstore.cloud/offer/images/15426/8258/de-longhi-magnifica-evo-ecam292-33-sb-kaffeebereiter-cappuccino-maker-8258.jpg 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="De&#039;Longhi Magnifica Evo Bean to Cup Coffee Maker"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain"
/>

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                        <a href="/products/de-longhi-magnifica-evo-bean-to-cup-coffee-maker">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            De&#039;Longhi Magnifica Evo 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-3 flex flex-col items-center">
            <h2 class="sr-only">Product Review Score</h2>

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.13 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.13 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.13 out of 5 stars">47 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:4,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:null,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;2slRRr727QjHziX7aVXr&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;720dbd1693ba8b1ef56f954d12c64999e0f74a346e286082c60dd6d4d9d97c5e&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="2slRRr727QjHziX7aVXr" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:4,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:496.46,&quot;priceFormatted&quot;:&quot;$496.46&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;10gyhDUxAgk5cmMus6PQ&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;d5e398815607cf4ee12d921f59e1c9c7dc8f1a4958e501d83bb6b086d2fbe196&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="10gyhDUxAgk5cmMus6PQ" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->            $496.46
    <!--[if ENDBLOCK]><![endif]--></span>
                    </p>

















                </div>
            </div>
                    <div class="group relative 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"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/13848/c/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-small.jpg 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 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 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="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-3 flex flex-col items-center">
            <h2 class="sr-only">Product Review Score</h2>

            <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>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:6,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:422.68,&quot;priceFormatted&quot;:&quot;$422.68&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;RToxnfSSHehyyAT3C1UJ&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;3cee3fa053b9c931edfde3e326af53845475c23b84d5460bffd3903c8f674af7&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="RToxnfSSHehyyAT3C1UJ" wire:loading.class="opacity-20" class="text-red-500 line-through">
    <!--[if BLOCK]><![endif]-->            $422.68
    <!--[if ENDBLOCK]><![endif]--></span>
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:6,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:383.05,&quot;priceFormatted&quot;:&quot;$383.05&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;VXJiZz0wjqO5ACsxRGwg&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;907f06a0d5eac484da69f5368feef6d862b57856fc55748491de7ea9a8f38234&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="VXJiZz0wjqO5ACsxRGwg" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->            $383.05
    <!--[if ENDBLOCK]><![endif]--></span>
                    </p>

















                </div>
            </div>
                    <div class="group relative 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/81/instant-grind-and-brew-bean-to-cup-coffee-maker-24-hour-programmable-filter-coffee-machine-reusable-filter-glass-carafe-digital-display-4-10-cup-customisable-brewing-automatic-bean-grinder-81.jpg"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/81/c/instant-grind-and-brew-bean-to-cup-coffee-maker-24-hour-programmable-filter-coffee-machine-reusable-filter-glass-carafe-digital-display-4-10-cup-customisable-brewing-automatic-bean-grinder-81-small.jpg 300w, https://cdn.freshstore.cloud/offer/images/15426/81/instant-grind-and-brew-bean-to-cup-coffee-maker-24-hour-programmable-filter-coffee-machine-reusable-filter-glass-carafe-digital-display-4-10-cup-customisable-brewing-automatic-bean-grinder-81.jpg 800w, https://cdn.freshstore.cloud/offer/images/15426/81/instant-grind-and-brew-bean-to-cup-coffee-maker-24-hour-programmable-filter-coffee-machine-reusable-filter-glass-carafe-digital-display-4-10-cup-customisable-brewing-automatic-bean-grinder-81.jpg 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="Programmable Bean to Cup Coffee Maker &amp; Grinder"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain"
/>

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                        <a href="/products/programmable-bean-to-cup-coffee-maker-grinder">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Smart Coffee Maker Grinder
                        </a>
                    </h3>

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

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

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.88 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.88 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.88 out of 5 stars">150 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:9,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:null,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;hpZ12jxwTozJ84mJ5GTL&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;36ec11062cd80311637c1a92d8df408c3bda9164b7e1e7256bb49d667a75f3d6&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="hpZ12jxwTozJ84mJ5GTL" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:9,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:89.95,&quot;priceFormatted&quot;:&quot;$89.95&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;LB41vWzIuojsneS3E7DH&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;e1aefecd1e507cbc3d5ab686d9c2c9c851ffaafab460013823e18103e2f20ff5&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="LB41vWzIuojsneS3E7DH" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->            $89.95
    <!--[if ENDBLOCK]><![endif]--></span>
                    </p>

















                </div>
            </div>
                    <div class="group relative 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"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/87/c/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-small.jpg 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 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 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="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-3 flex flex-col items-center">
            <h2 class="sr-only">Product Review Score</h2>

            <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>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:10,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:594.4,&quot;priceFormatted&quot;:&quot;$594.40&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;aegRIksIdtieLU9638OE&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;8c1fbb2ae9f7cc697c678c847704778234fc012f27f37b130486aebd3a4fc5a1&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="aegRIksIdtieLU9638OE" wire:loading.class="opacity-20" class="text-red-500 line-through">
    <!--[if BLOCK]><![endif]-->            $594.40
    <!--[if ENDBLOCK]><![endif]--></span>
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:10,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:394.96,&quot;priceFormatted&quot;:&quot;$394.96&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;oGZKeyQ9VKNZKW3bqnGR&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;814a3a27d4954ac7f3486a32d70544d2ef21ad8f15b1524e6106e58b8f9b9e5d&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="oGZKeyQ9VKNZKW3bqnGR" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->            $394.96
    <!--[if ENDBLOCK]><![endif]--></span>
                    </p>

















                </div>
            </div>
                    <div class="group relative 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"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/108/c/krups-arabica-digital-automatic-bean-to-cup-coffee-machine-espresso-and-cappuccino-maker-ea817040-1-7-liters-black-108-small.jpg 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 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 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="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-3 flex flex-col items-center">
            <h2 class="sr-only">Product Review Score</h2>

            <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>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:12,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:null,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;geZUSoyrpxqRfv0nzlBk&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;d136c686accd59cc15f1114dd256b908e1c44ed358fc87b95c397273f93319f4&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="geZUSoyrpxqRfv0nzlBk" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:12,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:652.07,&quot;priceFormatted&quot;:&quot;$652.07&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;IwESJ38IrcNyIXFYWw2g&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;03bffec309b7dc6fdfd2696a9430670ee7f782c0b2d77b47a1cd23b674231d34&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="IwESJ38IrcNyIXFYWw2g" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->            $652.07
    <!--[if ENDBLOCK]><![endif]--></span>
                    </p>

















                </div>
            </div>
                    <div class="group relative 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/121/tower-t13005-filter-coffee-machine-with-built-in-coffee-grinder-coarse-and-fine-grinding-options-bean-to-cup-0-6-litre-900-w-black-121.jpg"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/121/c/tower-t13005-filter-coffee-machine-with-built-in-coffee-grinder-coarse-and-fine-grinding-options-bean-to-cup-0-6-litre-900-w-black-121-small.jpg 300w, https://cdn.freshstore.cloud/offer/images/15426/121/tower-t13005-filter-coffee-machine-with-built-in-coffee-grinder-coarse-and-fine-grinding-options-bean-to-cup-0-6-litre-900-w-black-121.jpg 800w, https://cdn.freshstore.cloud/offer/images/15426/121/tower-t13005-filter-coffee-machine-with-built-in-coffee-grinder-coarse-and-fine-grinding-options-bean-to-cup-0-6-litre-900-w-black-121.jpg 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="Tower Coffee Machine with Built-In Grinder, 0.6L"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain"
/>

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                        <a href="/products/tower-coffee-machine-with-built-in-grinder-0-6l">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Tower Coffee Maker Plus Grinder
                        </a>
                    </h3>

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

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

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.72 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.72 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.72 out of 5 stars">59 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:14,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:null,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;U1Qmhcem2ROruaNh8Dt4&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;029ab752e34429648ead4c603fb924d845cd408209a1075b4cfa79fa8ab0db75&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="U1Qmhcem2ROruaNh8Dt4" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:14,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:124.46,&quot;priceFormatted&quot;:&quot;$124.46&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;A9A38PMIn1dD0FmPD0rR&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;fb812adef96ba4cbdbc4f50f4865ba20d9bdbab94c570dee13aa887056bb08ae&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="A9A38PMIn1dD0FmPD0rR" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->            $124.46
    <!--[if ENDBLOCK]><![endif]--></span>
                    </p>

















                </div>
            </div>
                    <div class="group relative 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/128/melitta-filter-coffee-machine-with-integrated-ceramic-grinder-with-11-settings-adjustable-strength-makes-2-to-10-cups-timer-function-aromafresh-ii-3-7-kg-black-uk-plug-128.jpg"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/128/c/melitta-filter-coffee-machine-with-integrated-ceramic-grinder-with-11-settings-adjustable-strength-makes-2-to-10-cups-timer-function-aromafresh-ii-3-7-kg-black-uk-plug-128-small.jpg 300w, https://cdn.freshstore.cloud/offer/images/15426/128/melitta-filter-coffee-machine-with-integrated-ceramic-grinder-with-11-settings-adjustable-strength-makes-2-to-10-cups-timer-function-aromafresh-ii-3-7-kg-black-uk-plug-128.jpg 800w, https://cdn.freshstore.cloud/offer/images/15426/128/melitta-filter-coffee-machine-with-integrated-ceramic-grinder-with-11-settings-adjustable-strength-makes-2-to-10-cups-timer-function-aromafresh-ii-3-7-kg-black-uk-plug-128.jpg 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="Melitta Coffee Machine with Grinder and Timer"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain"
/>

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                        <a href="/products/melitta-coffee-machine-with-grinder-and-timer">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Melitta Coffee Maker with Grinder
                        </a>
                    </h3>

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

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

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.46 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.46 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.46 out of 5 stars">37 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:15,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:null,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;5G284ETmGfPdTYthPeLZ&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;0f6a8196fbde46b4a55df25b34dfdeba4511d14482d93d95e9b3df1d241f0b00&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="5G284ETmGfPdTYthPeLZ" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:15,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:203.42,&quot;priceFormatted&quot;:&quot;$203.42&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;QM4wNWcg4FAAaKCnxu9C&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;dd7fe8a71ea9e871bef9f95c32e089f3b88d3a41b508c3d6a242756c3a9e06cd&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="QM4wNWcg4FAAaKCnxu9C" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->            $203.42
    <!--[if ENDBLOCK]><![endif]--></span>
                    </p>

















                </div>
            </div>
                    <div class="group relative 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/153/breville-one-touch-coffeehouse-coffee-machine-espresso-cappuccino-latte-maker-19-bar-italian-pump-automatic-milk-frother-ese-pod-compatible-black-vcf107-153.jpg"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/153/c/breville-one-touch-coffeehouse-coffee-machine-espresso-cappuccino-latte-maker-19-bar-italian-pump-automatic-milk-frother-ese-pod-compatible-black-vcf107-153-small.jpg 300w, https://cdn.freshstore.cloud/offer/images/15426/153/breville-one-touch-coffeehouse-coffee-machine-espresso-cappuccino-latte-maker-19-bar-italian-pump-automatic-milk-frother-ese-pod-compatible-black-vcf107-153.jpg 800w, https://cdn.freshstore.cloud/offer/images/15426/153/breville-one-touch-coffeehouse-coffee-machine-espresso-cappuccino-latte-maker-19-bar-italian-pump-automatic-milk-frother-ese-pod-compatible-black-vcf107-153.jpg 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="Breville One-Touch CoffeeHouse Espresso &amp; Cappuccino Maker"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain"
/>

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                        <a href="/products/breville-one-touch-coffeehouse-espresso-cappuccino-maker">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Breville One-Touch Espresso Maker
                        </a>
                    </h3>

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

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

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.1 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.1 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.1 out of 5 stars">134 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:16,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:298.52,&quot;priceFormatted&quot;:&quot;$298.52&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;brL8wJbtZC1EHWIOmOH8&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;02f54d4acfd118ce07941163b71ce2b29a0216b59822ec96923f265a360bf79b&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="brL8wJbtZC1EHWIOmOH8" wire:loading.class="opacity-20" class="text-red-500 line-through">
    <!--[if BLOCK]><![endif]-->            $298.52
    <!--[if ENDBLOCK]><![endif]--></span>
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:16,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:198.13,&quot;priceFormatted&quot;:&quot;$198.13&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;l2e3ROoyqfVisOYhBakz&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;cb60bc74d8c55ec3a3fd413f1d4bcd73b13b627a9fc839f11bda928a5083e183&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="l2e3ROoyqfVisOYhBakz" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->            $198.13
    <!--[if ENDBLOCK]><![endif]--></span>
                    </p>

















                </div>
            </div>
                    <div class="group relative 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/6589/breville-barista-max-espresso-machine-latte-cappuccino-coffee-maker-with-integrated-bean-grinder-steam-wand-2-8-l-water-tank-15-bar-italian-pump-stainless-steel-6589.jpg"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/6589/c/breville-barista-max-espresso-machine-latte-cappuccino-coffee-maker-with-integrated-bean-grinder-steam-wand-2-8-l-water-tank-15-bar-italian-pump-stainless-steel-6589-small.jpg 300w, https://cdn.freshstore.cloud/offer/images/15426/6589/breville-barista-max-espresso-machine-latte-cappuccino-coffee-maker-with-integrated-bean-grinder-steam-wand-2-8-l-water-tank-15-bar-italian-pump-stainless-steel-6589.jpg 800w, https://cdn.freshstore.cloud/offer/images/15426/6589/breville-barista-max-espresso-machine-latte-cappuccino-coffee-maker-with-integrated-bean-grinder-steam-wand-2-8-l-water-tank-15-bar-italian-pump-stainless-steel-6589.jpg 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="Breville Barista Max Espresso Machine with Grinder"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain"
/>

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                        <a href="/products/breville-barista-max-espresso-machine-with-grinder">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            Breville Barista Max Machine
                        </a>
                    </h3>

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

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

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.21 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.21 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.21 out of 5 stars">168 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:17,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:null,&quot;priceFormatted&quot;:null,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;VoFFBoWxRowggz7wEqAr&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;8b0ebf27be8ffe69efa8e0f55a18369823681646c041d2bac3785b7911705741&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="VoFFBoWxRowggz7wEqAr" wire:loading.class="opacity-20" class="text-red-500 line-through hidden">
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></span>
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:17,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:422.68,&quot;priceFormatted&quot;:&quot;$422.68&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;RcHQl5g0LsPyrDbU4Y6U&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;6ce9931f80659b83374e41b7d8936859b6b6d4d432f84beecd39326bcbda9cd7&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="RcHQl5g0LsPyrDbU4Y6U" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->            $422.68
    <!--[if ENDBLOCK]><![endif]--></span>
                    </p>

















                </div>
            </div>
                    <div class="group relative 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/16693/de-longhi-la-specialista-metal-barista-pump-espresso-machine-bean-to-cup-coffee-and-cappuccino-maker-ec9155-mb-1450w-silver-16693.jpg"
     srcset="https://cdn.freshstore.cloud/offer/images/15426/16693/c/de-longhi-la-specialista-metal-barista-pump-espresso-machine-bean-to-cup-coffee-and-cappuccino-maker-ec9155-mb-1450w-silver-16693-small.jpg 300w, https://cdn.freshstore.cloud/offer/images/15426/16693/de-longhi-la-specialista-metal-barista-pump-espresso-machine-bean-to-cup-coffee-and-cappuccino-maker-ec9155-mb-1450w-silver-16693.jpg 800w, https://cdn.freshstore.cloud/offer/images/15426/16693/de-longhi-la-specialista-metal-barista-pump-espresso-machine-bean-to-cup-coffee-and-cappuccino-maker-ec9155-mb-1450w-silver-16693.jpg 1200w" sizes="(min-width: 1024px) 25vw, (min-width: 768px) 33vw, 50vw"     alt="De&#039;Longhi La Specialista Metal Espresso Machine"
    loading="lazy"
    decoding="async"
    class="w-full h-full object-center object-contain"
/>

                </div>
                <div class="pt-10 pb-4 text-center">
                    <h3 class="text-md font-subtitle text-skin-subtitle min-h-[40px]">
                        <a href="/products/de-longhi-la-specialista-metal-espresso-machine">
                            <span class="absolute inset-0" aria-hidden="true"></span>
                            De&#039;Longhi La Specialista Espresso
                        </a>
                    </h3>

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

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

            <div class="mt-3 flex flex-col items-center">
                <div class="flex items-center" title="Average rating: 4.41 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.41 out of 5 stars</p>
                <span class="mt-1 text-sm text-skin-light" title="Average rating: 4.41 out of 5 stars">224 reviews</span>
            </div>
        </div>

    
                    <p class="mt-4 text-base font-medium text-skin-base">
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:18,&quot;priceType&quot;:&quot;full&quot;,&quot;price&quot;:700.08,&quot;priceFormatted&quot;:&quot;$700.08&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;text-red-500 line-through&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;I9ONNKq3knyDuLBrk4sD&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;368239f65b3758c35b5407aca74457ca4a50e0ff0f18e38f3c782ba7ab2a332c&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="I9ONNKq3knyDuLBrk4sD" wire:loading.class="opacity-20" class="text-red-500 line-through">
    <!--[if BLOCK]><![endif]-->            $700.08
    <!--[if ENDBLOCK]><![endif]--></span>
                        <span wire:snapshot="{&quot;data&quot;:{&quot;productId&quot;:18,&quot;priceType&quot;:&quot;actual&quot;,&quot;price&quot;:474.21,&quot;priceFormatted&quot;:&quot;$474.21&quot;,&quot;showNoPriceFallback&quot;:false,&quot;linkNoPrice&quot;:false,&quot;noPriceUrl&quot;:null,&quot;noPriceOfferId&quot;:null,&quot;classes&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;2XTdAXDhsPIfCzWPPbJN&quot;,&quot;name&quot;:&quot;product-price&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;78edde9fe8f9d2d0fe6c3af9e5e0ec17da6faa8fb81540cb15af3b6f218f1889&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;localeChanged&quot;,&quot;offersUpdated&quot;]}" wire:id="2XTdAXDhsPIfCzWPPbJN" wire:loading.class="opacity-20" class="">
    <!--[if BLOCK]><![endif]-->            $474.21
    <!--[if ENDBLOCK]><![endif]--></span>
                    </p>

















                </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-hidden 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/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-hidden 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/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-hidden 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/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-hidden 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/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-hidden 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>
                                                                                                <a href="https://www.coffeee.uk/categories/coffee-machines/6" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-hidden 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 6">
                                6
                            </a>
                                                                                                <a href="https://www.coffeee.uk/categories/coffee-machines/7" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-hidden 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 7">
                                7
                            </a>
                                                                                                <a href="https://www.coffeee.uk/categories/coffee-machines/8" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-hidden 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 8">
                                8
                            </a>
                                                                                                <a href="https://www.coffeee.uk/categories/coffee-machines/9" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-hidden 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 9">
                                9
                            </a>
                                                                                                <a href="https://www.coffeee.uk/categories/coffee-machines/10" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-hidden 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 10">
                                10
                            </a>
                                                                                        
                                    <span aria-disabled="true">
                        <span class="inline-flex items-center text-skin-light px-1.5 h-10">...</span>
                    </span>
                
                
                                            
                
                
                                                                                        <a href="https://www.coffeee.uk/categories/coffee-machines/24" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-hidden 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 24">
                                24
                            </a>
                                                                                                <a href="https://www.coffeee.uk/categories/coffee-machines/25" class="inline-flex items-center px-4 h-10 border border-gray-300 rounded-md bg-white hover:bg-gray-100 focus:outline-hidden 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 25">
                                25
                            </a>
                                                                        
        </div>

        <div class="min-w-0 flex-1 flex justify-end">
                            <a href="https://www.coffeee.uk/categories/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-hidden 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="mt-16">
        <article class="prose 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 has cemented itself as an indispensable part of daily routines for millions of individuals across the globe. In fact, the aroma of freshly brewed coffee has the ability to awaken senses, foster connections, and fuel productivity. However, the quality and flavor of your morning cup largely depend on the machine utilized. This guide delves deep into the world of coffee machines, providing insights that can help you make an informed purchase.</p>
<h2>Types of Coffee Machines</h2>
<p>Before diving into specific models and ratings, it&rsquo;s crucial to understand the various types of coffee machines available. Below is a comparative table outlining their features, advantages, and drawbacks.</p>
<table>
<thead>
<tr>
<th>Type of Coffee Machine</th>
<th>Description</th>
<th>Advantages</th>
<th>Disadvantages</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Drip Coffee Maker</strong></td>
<td>A machine that brews coffee by dripping hot water over ground coffee.</td>
<td>Simple to use, brews large quantities, affordable.</td>
<td>Lacks flavor depth, slower process compared to others.</td>
</tr>
<tr>
<td><strong>Espresso Machine</strong></td>
<td>A device that forces hot water through finely-ground coffee to produce espresso.</td>
<td>Minimal coffee required for rich flavor, versatile (makes various types of coffee).</td>
<td>Generally pricier, requires skill to use properly.</td>
</tr>
<tr>
<td><strong>Single-Serve Coffee Maker</strong></td>
<td>A machine that brews one cup of coffee at a time, usually utilizing pre-packaged coffee pods.</td>
<td>Convenience, minimal cleanup, fast brewing.</td>
<td>Limited variety, more expensive per cup.</td>
</tr>
<tr>
<td><strong>French Press</strong></td>
<td>A manual brewing method that steeps coffee grounds in hot water before pressing down a plunger.</td>
<td>Affordable, rich flavor, customizable strength.</td>
<td>Time-consuming, requires physical effort, no inherent filtration.</td>
</tr>
<tr>
<td><strong>Pour-Over Coffee Maker</strong></td>
<td>A manual brewing method that allows control over pouring rate and water temperature.</td>
<td>Full control over brewing variables, rich taste.</td>
<td>Requires more time and attention, may require equipment (gooseneck kettle, scale).</td>
</tr>
<tr>
<td><strong>AeroPress</strong></td>
<td>A portable device that uses air pressure to push hot water through coffee grounds.</td>
<td>Quick, portable, easy to clean.</td>
<td>Produces only one cup at a time, learning curve for optimal results.</td>
</tr>
<tr>
<td><strong>Cold Brew Coffee Maker</strong></td>
<td>A system designed for steeping coarse coffee grounds in cold water over an extended period.</td>
<td>Low acidity, smooth flavor, convenient for making large batches.</td>
<td>Time-consuming, requires foresight.</td>
</tr>
</tbody>
</table>
<h2>Features to Consider When Buying a Coffee Machine</h2>
<p>Investing in a coffee machine means considering a variety of features that can enhance your overall brewing experience. Here are some key factors to contemplate:</p>
<ol>
<li>
<p><strong>Brewing Capacity</strong>: Determine how much coffee you typically brew in a session. A single-serve machine may suffice for an individual, while a drip maker is standard for families or offices.</p>
</li>
<li>
<p><strong>Price Point</strong>: Coffee machines can range widely in price. Set a budget but remain flexible for features that may enhance your coffee experience.</p>
</li>
<li>
<p><strong>Brew Time</strong>: For those who are always on-the-go, machines that offer faster brew times can be essential.</p>
</li>
<li>
<p><strong>Ease of Use and Cleaning</strong>: Some machines require more maintenance than others. Evaluate how often you&rsquo;re willing to clean and maintain your machine.</p>
</li>
<li>
<p><strong>Coffee Variety</strong>: If you enjoy exploring different types of coffee, choose a machine that offers versatility in brewing methods.</p>
</li>
<li>
<p><strong>Programmability</strong>: Many machines feature programmable settings allowing you to set brew times and even adjust strength preferences.</p>
</li>
</ol>
<h3>Most Popular Coffee Machines on the Market</h3>
<p>Here&rsquo;s a list of some of the most popular coffee machines available today:</p>
<ol>
<li>
<p><strong>Keurig K-Elite</strong>: A single-serve coffee maker that offers strong brew options and a sleek design.</p>
</li>
<li>
<p><strong>Cuisinart DCC-3200</strong>: A versatile drip coffee maker with 14 cup capacity and programmable settings.</p>
</li>
<li>
<p><strong>Breville BES870XL</strong>: An espresso machine that is highly rated for both its performance and its aesthetics.</p>
</li>
<li>
<p><strong>Hario V60</strong>: A preferred choice for pour-over enthusiasts who value control over brewing variables.</p>
</li>
<li>
<p><strong>Aeropress Go</strong>: Known for its portability and ease, perfect for those adventurous souls who crave coffee on-the-go.</p>
</li>
</ol>
<h2>Frequently Asked Questions (FAQs)</h2>
<h3>1. How do I choose the right coffee machine for my needs?</h3>
<p>The right coffee machine largely depends on your lifestyle, personal preferences, and brewing habits. Consider factors like the quantity brewed, flavor requirements, and budget to narrow down your choices.</p>
<h3>2. Do I need to invest in a grinder?</h3>
<p>For the freshest flavor profile, investing in a high-quality grinder is advisable, especially if you&rsquo;re using a drip coffee maker or an espresso machine. Freshly ground coffee produces superior flavor compared to pre-ground options.</p>
<h3>3. How often should I clean my coffee machine?</h3>
<p>Regular cleaning is essential to avoid bitter coffee flavors and ensure machine longevity. While specific models vary, a good rule is to clean your machine at least once a month, with deeper cleans every few months.</p>
<h3>4. Can I use flavored coffee in my machine?</h3>
<p>Yes, most coffee machines can accommodate flavored coffee. However, ensure to clean your machine thoroughly afterward to avoid flavor crossover in future brews.</p>
<h3>5. Is it worth investing in a high-end coffee machine?</h3>
<p>High-end machines typically offer more features, greater durability, and improved coffee quality. If you&rsquo;re a coffee enthusiast and drink coffee daily, a premium machine can prove to be a worthwhile investment.</p>
<h2>Final Thoughts</h2>
<p>Choosing the right coffee machine can significantly enhance your coffee-drinking experience. Whether you prefer the simplicity of a drip coffee maker or the sophisticated depth of an espresso machine, understanding the options and their respective functionalities can help guide your decision.</p>
<p>Ultimately, whether it&rsquo;s the smell of freshly brewed coffee that greets you in the morning or a crafted espresso enjoyed leisurely on the weekend, investing in a quality coffee machine means investing in life's simple pleasures. Happy brewing!</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="Mha6fSoNHCMfDJtpT4u7kwqUke2idWiPpeS3eBI5" autocomplete="off">                                    <div id="message_field_xe4jTuZWUZdJqm5W_wrap"  style="display: none" aria-hidden="true">
        <input id="message_field_xe4jTuZWUZdJqm5W"
               name="message_field_xe4jTuZWUZdJqm5W"
               type="text"
               value=""
                              autocomplete="nope"
               tabindex="-1">
        <input name="opal_three_ingrain"
               type="text"
               value="eyJpdiI6ImRoWUlFWVp6NVhXWGVUVmp0RkNvMkE9PSIsInZhbHVlIjoiUU9laVRTWWt6ZzZyc0xwck1qV1V1UT09IiwibWFjIjoiYTJiMWUwYzU1NmY2Y2U5OTE4YzFiYmJiMWY2NDNmMTE1MzNjMDhiMzk0MzRiM2NjZGRjNmVlY2RjNTQ3MmY3OSIsInRhZyI6IiJ9"
                              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-xs py-2 px-4 text-base text-skin-title placeholder-gray-500 focus:outline-hidden 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-xs py-2 px-4 flex items-center justify-center text-base font-medium text-white hover:bg-opacity-75 focus:outline-hidden 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" 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>

<script src="/livewire/livewire.min.js?id=40a765a4"   data-csrf="Mha6fSoNHCMfDJtpT4u7kwqUke2idWiPpeS3eBI5" 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;399&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;e0lhdso9D6MAyPPCUcEs&quot;,&quot;name&quot;:&quot;get-analytics-code&quot;,&quot;path&quot;:&quot;categories\/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;US&quot;},&quot;checksum&quot;:&quot;c043e5246b33ea07054d24b1937f97778d6b0f29499804152fa7087fac90d38e&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            \/* 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            (function () {\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;399&#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            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                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                    }), 1]);\n                }\n            });\n        }\n\n\n    &lt;\/script&gt;\n        &quot;}}" wire:id="e0lhdso9D6MAyPPCUcEs">
        </div>


</body>
</html>
