{"id":11426,"date":"2025-12-09T08:39:10","date_gmt":"2025-12-09T07:39:10","guid":{"rendered":"https:\/\/pdc-official.nooostaging.com\/negozio\/"},"modified":"2026-01-16T16:58:56","modified_gmt":"2026-01-16T15:58:56","slug":"negozio","status":"publish","type":"page","link":"https:\/\/www.lepiantagionidelcaffe.com\/en\/negozio\/","title":{"rendered":"Shop"},"content":{"rendered":"\n<section data-block=\"intro-home-product-block\" class=\"relative intro-home-product-block alignfull\" data-slider='[{&quot;title&quot;:&quot;Welcome, coffee enthusiasts!&quot;,&quot;subtitle&quot;:&quot;The new shop is online.&lt;br\\\/&gt; New surprises every week.&quot;,&quot;button&quot;:{&quot;title&quot;:&quot;Discover all products&quot;,&quot;url&quot;:&quot;#shop-products-list-block&quot;,&quot;target&quot;:&quot;&quot;}}]'>\n    <div class=\"relative box-spacing-sm mt-20 bg-[#005A3A] mx-auto max-w-wide text-background page-padding overflow-hidden\">\n        <div class=\"relative\">\n            <div class=\"max-w-2xl min-h-72\">\n                <h1 class=\"slider-title text-4xl mt-10 lg:text-5xl font-bold uppercase text-balance transition-opacity duration-500\">Welcome, coffee enthusiasts!<\/h1>\n                <div class=\"slider-subtitle text-lg xl:text-xl mt-3 text-balance transition-opacity duration-500\">The new shop is online.<br \/> New surprises every week.<\/div>\n                <div class=\"relative mt-6\">\n                    <a href=\"#shop-products-list-block\" class=\"slider-button btn btn--white btn--sm transition-all duration-500 hover:tracking-wide\">Discover all products<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"relative mt-12\">\n                <ul class=\"slider-dots relative flex gap-2\">\n                                            <li>\n                            <button aria-checked=\"true\" aria-label=\"slider-nav-0\" data-slide-index=\"0\" class=\"slider-dot size-4 border rounded-full transition-all duration-300 bg-white\"><\/button>\n                        <\/li>\n                                    <\/ul>\n            <\/div>\n        <\/div>\n        <figure class=\"absolute -bottom-3 right-1 lg:top-10 lg:right-10 w-1\/3\">\n            <img decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-verdone.png\" alt=\"eply\">\n        <\/figure>\n    <\/div>\n    <div class=\"relative w-full bg-coffe-green py-3 overflow-hidden\">\n        <div class=\"marquee-container flex gap-5 lg:gap-20 items-center\">\n            <div class=\"marquee-content flex gap-5 lg:gap-20 items-center whitespace-nowrap\">\n                <p class=\"text-[#005A3A] text-center text-2xl font-salted\">Free shipping on orders of \u20ac60 or more<\/p>\n                <p class=\"text-[#005A3A] text-center text-2xl font-salted\">Free shipping on orders of \u20ac60 or more<\/p>\n                <p class=\"text-[#005A3A] text-center text-2xl font-salted\">Free shipping on orders of \u20ac60 or more<\/p>\n                <p class=\"text-[#005A3A] text-center text-2xl font-salted\">Free shipping on orders of \u20ac60 or more<\/p>\n                <p class=\"text-[#005A3A] text-center text-2xl font-salted\">Free shipping on orders of \u20ac60 or more<\/p>\n            <\/div>\n            <div class=\"marquee-content flex gap-5 lg:gap-20 items-center whitespace-nowrap\" aria-hidden=\"true\">\n                <p class=\"text-[#005A3A] text-center text-2xl font-salted\">Free shipping on orders of \u20ac60 or more<\/p>\n                <p class=\"text-[#005A3A] text-center text-2xl font-salted\">Free shipping on orders of \u20ac60 or more<\/p>\n                <p class=\"text-[#005A3A] text-center text-2xl font-salted\">Free shipping on orders of \u20ac60 or more<\/p>\n                <p class=\"text-[#005A3A] text-center text-2xl font-salted\">Free shipping on orders of \u20ac60 or more<\/p>\n                <p class=\"text-[#005A3A] text-center text-2xl font-salted\">Free shipping on orders of \u20ac60 or more<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n            <figure class=\"relative w-full h-[500px]\">\n                            <img decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/hero-aziende.jpeg\" alt=\"Hero image\" class=\"w-full h-full object-cover object-center\">\n                        <img decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/stella-o.svg\" alt=\"stella\" class=\"absolute animate-sway -bottom-20 left-1\/5\">\n        <\/figure>\n    <\/section>\n\n<style>\n    .intro-home-product-block.transitioning .slider-title,\n    .intro-home-product-block.transitioning .slider-subtitle,\n    .intro-home-product-block.transitioning .slider-button {\n        opacity: 0;\n    }\n\n    @keyframes marquee {\n        0% {\n            transform: translateX(0);\n        }\n\n        100% {\n            transform: translateX(-50%);\n        }\n    }\n\n    .marquee-container {\n        animation: marquee 20s linear infinite;\n        width: fit-content;\n    }\n\n    .marquee-container:hover {\n        animation-play-state: paused;\n    }\n<\/style>\n\n<script>\n    (function() {\n        const sliderBlock = document.querySelector('[data-block=\"intro-home-product-block\"]');\n        if (!sliderBlock) {\n            return;\n        }\n\n        let sliderData;\n        try {\n            sliderData = JSON.parse(sliderBlock.dataset.slider);\n        } catch (e) {\n            return;\n        }\n\n        if (!sliderData || sliderData.length === 0) {\n            return;\n        }\n\n        \/\/ Se c'\u00e8 solo una slide, non attivare lo slider\n        if (sliderData.length === 1) {\n            const dotsContainer = sliderBlock.querySelector('.slider-dots');\n            if (dotsContainer) {\n                dotsContainer.style.display = 'none';\n            }\n            return;\n        }\n\n        let currentIndex = 0;\n        let autoplayInterval;\n        const AUTOPLAY_DELAY = 5000;\n\n        const titleElement = sliderBlock.querySelector('.slider-title');\n        const subtitleElement = sliderBlock.querySelector('.slider-subtitle');\n        const buttonElement = sliderBlock.querySelector('.slider-button');\n        const dots = sliderBlock.querySelectorAll('.slider-dot');\n\n        function updateSlide(index) {\n            const slide = sliderData[index];\n\n            sliderBlock.classList.add('transitioning');\n\n            setTimeout(() => {\n                titleElement.textContent = slide.title;\n                subtitleElement.textContent = slide.subtitle;\n                buttonElement.textContent = slide.button.title;\n                buttonElement.href = slide.button.url;\n\n                dots.forEach((dot, i) => {\n                    if (i === index) {\n                        dot.classList.add('bg-white');\n                        dot.classList.remove('bg-transparent');\n                        dot.setAttribute('aria-checked', 'true');\n                    } else {\n                        dot.classList.remove('bg-white');\n                        dot.classList.add('bg-transparent');\n                        dot.setAttribute('aria-checked', 'false');\n                    }\n                });\n\n                sliderBlock.classList.remove('transitioning');\n            }, 500);\n        }\n\n        function nextSlide() {\n            currentIndex = (currentIndex + 1) % sliderData.length;\n            updateSlide(currentIndex);\n        }\n\n        function goToSlide(index) {\n            currentIndex = index;\n            updateSlide(currentIndex);\n        }\n\n        function startAutoplay() {\n            autoplayInterval = setInterval(nextSlide, AUTOPLAY_DELAY);\n        }\n\n        function stopAutoplay() {\n            clearInterval(autoplayInterval);\n        }\n\n        function resetAutoplay() {\n            stopAutoplay();\n            startAutoplay();\n        }\n\n        dots.forEach((dot, index) => {\n            dot.addEventListener('click', () => {\n                goToSlide(index);\n                resetAutoplay();\n            });\n        });\n\n        sliderBlock.addEventListener('mouseenter', stopAutoplay);\n        sliderBlock.addEventListener('mouseleave', startAutoplay);\n\n        startAutoplay();\n    })();\n<\/script>\n\n    <section data-block=\"simple-center-title-block\" class=\"relative page-padding title-center-block  mb-8 mt-10 lg:mt-14 xl:mt-16\">\n        <h2 class=\"text-4xl lg:text-5xl font-bold text-center text-balance uppercase pb-3 \">Our coffees<\/h2>\n                    <\/section>\n\n\n\n\n\n<section id=\"shop-products-list-block\" data-block=\"shop-products-list-block\" class=\"relative mb-10 shop-products-list-block alignwide\">\n    <div id=\"shop-products-list-block__filters\" class=\"flex flex-nowrap items-center gap-4 mb-8 lg:mb-10 text-base\">\n        <div class=\"relative flex-1 min-w-0\">\n            <div class=\"absolute w-10 z-10 h-full right-0 top-0 bg-linear-to-r from-transparent to-background pointer-events-none\"><\/div>\n            <div class=\"relative flex flex-nowrap pr-5 overflow-x-auto no-scrollbar pl-2 items-center gap-2 lg:gap-3 text-base py-2\">\n                <button aria-checked=\"true\" type=\"button\" aria-label=\"All products\" class=\"relative px-3 lg:px-4 py-1.5 lg:py-2 whitespace-nowrap border-0 ring-1 cursor-pointer ring-foreground rounded-full transition-all duration-200 ease-in-out aria-checked:bg-coffe-green aria-checked:ring-coffe-green hover:bg-coffe-green hover:ring-coffe-green\" data-format-value=\"all\">\n                    <span>All<\/span>\n                <\/button>\n                                        <button aria-checked=\"false\" type=\"button\" aria-label=\"Limited Edition\" class=\"relative px-3 lg:px-4 py-1.5 lg:py-2 border-0 whitespace-nowrap ring-1 cursor-pointer ring-foreground rounded-full transition-all duration-200 ease-in-out aria-checked:bg-coffe-green aria-checked:ring-coffe-green hover:bg-coffe-green hover:ring-coffe-green\" data-format-value=\"limited-edition\">\n                            <span>Limited Edition<\/span>\n                        <\/button>\n                                        <button aria-checked=\"false\" type=\"button\" aria-label=\"Blends\" class=\"relative px-3 lg:px-4 py-1.5 lg:py-2 border-0 whitespace-nowrap ring-1 cursor-pointer ring-foreground rounded-full transition-all duration-200 ease-in-out aria-checked:bg-coffe-green aria-checked:ring-coffe-green hover:bg-coffe-green hover:ring-coffe-green\" data-format-value=\"miscele\">\n                            <span>Blends<\/span>\n                        <\/button>\n                                        <button aria-checked=\"false\" type=\"button\" aria-label=\"Single Estate\" class=\"relative px-3 lg:px-4 py-1.5 lg:py-2 border-0 whitespace-nowrap ring-1 cursor-pointer ring-foreground rounded-full transition-all duration-200 ease-in-out aria-checked:bg-coffe-green aria-checked:ring-coffe-green hover:bg-coffe-green hover:ring-coffe-green\" data-format-value=\"singola-piantagione\">\n                            <span>Single Estate<\/span>\n                        <\/button>\n                                        <button aria-checked=\"false\" type=\"button\" aria-label=\"Decaf\" class=\"relative px-3 lg:px-4 py-1.5 lg:py-2 border-0 whitespace-nowrap ring-1 cursor-pointer ring-foreground rounded-full transition-all duration-200 ease-in-out aria-checked:bg-coffe-green aria-checked:ring-coffe-green hover:bg-coffe-green hover:ring-coffe-green\" data-format-value=\"decaf\">\n                            <span>Decaf<\/span>\n                        <\/button>\n                            <\/div>\n        <\/div>\n        <div class=\"relative flex-shrink-0\">\n            <!-- filtra lista prodotti usando gli attributi. UI:con drawer tailwindplus\/elements gi\u00e0 usato su mobile-menu  -->\n            <button command=\"show-modal\" aria-controls=\"filters-drawer\" commandfor=\"filters-drawer\" aria-label=\"Filter\" type=\"button\" class=\"mx-1 flex items-center gap-2 px-3 lg:px-4 py-1.5 lg:py-2 border-0 ring-1 cursor-pointer ring-foreground rounded-full transition-all duration-200 ease-in-out aria-checked:bg-coffe-green aria-checked:ring-coffe-green hover:bg-coffe-green hover:ring-coffe-green\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"size-5\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75\" \/>\n                <\/svg>\n                <span class=\"hidden lg:block\">Filter<\/span>\n            <\/button>\n\n            <el-dialog>\n                <dialog id=\"filters-drawer\" aria-labelledby=\"filters-drawer-title\" class=\"fixed inset-0 size-auto max-h-none max-w-none overflow-hidden bg-transparent not-open:hidden backdrop:bg-transparent\">\n                    <el-dialog-backdrop class=\"absolute inset-0 bg-foreground\/50 transition-opacity duration-500 ease-in-out backdrop-blur-sm data-closed:opacity-0\"><\/el-dialog-backdrop>\n                    <div tabindex=\"0\" class=\"absolute inset-0 pl-10 focus:outline-none sm:pl-16\">\n                        <el-dialog-panel class=\"ml-auto block size-full max-w-md transform transition duration-500 ease-in-out data-closed:translate-x-full sm:duration-700\">\n                            <div class=\"relative flex h-full flex-col bg-background shadow-xl\">\n                                <!-- Header fisso -->\n                                <div class=\"shrink-0 px-6 py-6 border-b border-foreground\/10\">\n                                    <div class=\"flex items-start justify-between\">\n                                        <h2 id=\"filters-drawer-title\" class=\"font-display text-2xl font-bold uppercase\">Filter products<\/h2>\n                                        <div class=\"ml-3 flex h-7 items-center\">\n                                            <button type=\"button\" command=\"close\" commandfor=\"filters-drawer\" class=\"relative rounded-md cursor-pointer text-foreground hover:text-gray-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\">\n                                                <span class=\"absolute -inset-2.5\"><\/span>\n                                                <span class=\"sr-only\">Close<\/span>\n                                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" data-slot=\"icon\" aria-hidden=\"true\" class=\"size-8\">\n                                                    <path d=\"M6 18 18 6M6 6l12 12\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- Area scrollabile -->\n                                <div class=\"flex-1 overflow-y-auto px-6\">\n                                    <form id=\"product-filters-form\" class=\"flex flex-col gap-6 py-6\">\n                                                                                                                                    <div class=\"filter-group\">\n                                                    <h3 class=\"font-display text-lg font-semibold uppercase mb-3\">Formato<\/h3>\n                                                    <div class=\"grid grid-cols-2 gap-x-4 gap-y-3\">\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_formato_1000-g\"\n                                                                            name=\"filter_formato[]\"\n                                                                            value=\"1000 g - Beans\"\n                                                                            data-taxonomy=\"pa_formato\"\n                                                                            data-term-id=\"121\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_formato_1000-g\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">1000 g &#8211; Beans<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_formato_250-g\"\n                                                                            name=\"filter_formato[]\"\n                                                                            value=\"250 g\"\n                                                                            data-taxonomy=\"pa_formato\"\n                                                                            data-term-id=\"97\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_formato_250-g\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">250 g<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_formato_250g-grani\"\n                                                                            name=\"filter_formato[]\"\n                                                                            value=\"250g - Beans\"\n                                                                            data-taxonomy=\"pa_formato\"\n                                                                            data-term-id=\"158\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_formato_250g-grani\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">250g &#8211; Beans<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_formato_250g-macinato\"\n                                                                            name=\"filter_formato[]\"\n                                                                            value=\"250g - Ground\"\n                                                                            data-taxonomy=\"pa_formato\"\n                                                                            data-term-id=\"159\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_formato_250g-macinato\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">250g &#8211; Ground<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_formato_50-pz\"\n                                                                            name=\"filter_formato[]\"\n                                                                            value=\"50 pods\"\n                                                                            data-taxonomy=\"pa_formato\"\n                                                                            data-term-id=\"133\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_formato_50-pz\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">50 pods<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                            <\/div>\n                                                <\/div>\n                                                                                            <div class=\"filter-group\">\n                                                    <h3 class=\"font-display text-lg font-semibold uppercase mb-3\">Formula<\/h3>\n                                                    <div class=\"grid grid-cols-2 gap-x-4 gap-y-3\">\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_formula_100-arabica\"\n                                                                            name=\"filter_formula[]\"\n                                                                            value=\"100% Arabica\"\n                                                                            data-taxonomy=\"pa_formula\"\n                                                                            data-term-id=\"98\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_formula_100-arabica\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">100% Arabica<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_formula_15robusta\"\n                                                                            name=\"filter_formula[]\"\n                                                                            value=\"15% Robusta\"\n                                                                            data-taxonomy=\"pa_formula\"\n                                                                            data-term-id=\"123\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_formula_15robusta\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">15% Robusta<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_formula_20-robusta\"\n                                                                            name=\"filter_formula[]\"\n                                                                            value=\"20% Robusta\"\n                                                                            data-taxonomy=\"pa_formula\"\n                                                                            data-term-id=\"113\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_formula_20-robusta\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">20% Robusta<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_formula_22-robusta-2\"\n                                                                            name=\"filter_formula[]\"\n                                                                            value=\"22% Robusta\"\n                                                                            data-taxonomy=\"pa_formula\"\n                                                                            data-term-id=\"127\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_formula_22-robusta-2\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">22% Robusta<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_formula_25-robusta\"\n                                                                            name=\"filter_formula[]\"\n                                                                            value=\"25% Robusta\"\n                                                                            data-taxonomy=\"pa_formula\"\n                                                                            data-term-id=\"130\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_formula_25-robusta\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">25% Robusta<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_formula_75-arabica\"\n                                                                            name=\"filter_formula[]\"\n                                                                            value=\"75% Arabica\"\n                                                                            data-taxonomy=\"pa_formula\"\n                                                                            data-term-id=\"131\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_formula_75-arabica\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">75% Arabica<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_formula_78-arabica-2\"\n                                                                            name=\"filter_formula[]\"\n                                                                            value=\"78% Arabica\"\n                                                                            data-taxonomy=\"pa_formula\"\n                                                                            data-term-id=\"128\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_formula_78-arabica-2\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">78% Arabica<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_formula_80-arabica\"\n                                                                            name=\"filter_formula[]\"\n                                                                            value=\"80% Arabica\"\n                                                                            data-taxonomy=\"pa_formula\"\n                                                                            data-term-id=\"114\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_formula_80-arabica\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">80% Arabica<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_formula_85arabica\"\n                                                                            name=\"filter_formula[]\"\n                                                                            value=\"85% Arabica\"\n                                                                            data-taxonomy=\"pa_formula\"\n                                                                            data-term-id=\"124\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_formula_85arabica\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">85% Arabica<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                            <\/div>\n                                                <\/div>\n                                                                                            <div class=\"filter-group\">\n                                                    <h3 class=\"font-display text-lg font-semibold uppercase mb-3\">Utilizzo<\/h3>\n                                                    <div class=\"grid grid-cols-2 gap-x-4 gap-y-3\">\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_utilizzo_espresso\"\n                                                                            name=\"filter_utilizzo[]\"\n                                                                            value=\"Espresso\"\n                                                                            data-taxonomy=\"pa_utilizzo\"\n                                                                            data-term-id=\"129\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_utilizzo_espresso\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Espresso<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_utilizzo_grani-beans\"\n                                                                            name=\"filter_utilizzo[]\"\n                                                                            value=\"Grain beans\"\n                                                                            data-taxonomy=\"pa_utilizzo\"\n                                                                            data-term-id=\"103\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_utilizzo_grani-beans\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Grain beans<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_utilizzo_macinato\"\n                                                                            name=\"filter_utilizzo[]\"\n                                                                            value=\"Ground\"\n                                                                            data-taxonomy=\"pa_utilizzo\"\n                                                                            data-term-id=\"115\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_utilizzo_macinato\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Ground<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_utilizzo_cialde\"\n                                                                            name=\"filter_utilizzo[]\"\n                                                                            value=\"Pods\"\n                                                                            data-taxonomy=\"pa_utilizzo\"\n                                                                            data-term-id=\"134\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_utilizzo_cialde\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Pods<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                            <\/div>\n                                                <\/div>\n                                                                                            <div class=\"filter-group\">\n                                                    <h3 class=\"font-display text-lg font-semibold uppercase mb-3\">Provenienza<\/h3>\n                                                    <div class=\"grid grid-cols-2 gap-x-4 gap-y-3\">\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_provenienza_brasil\"\n                                                                            name=\"filter_provenienza[]\"\n                                                                            value=\"Brasil\"\n                                                                            data-taxonomy=\"provenienza\"\n                                                                            data-term-id=\"brasil\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_provenienza_brasil\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Brasil<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_provenienza_el-salvador\"\n                                                                            name=\"filter_provenienza[]\"\n                                                                            value=\"El Salvador\"\n                                                                            data-taxonomy=\"provenienza\"\n                                                                            data-term-id=\"el-salvador\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_provenienza_el-salvador\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">El Salvador<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_provenienza_ethiopia\"\n                                                                            name=\"filter_provenienza[]\"\n                                                                            value=\"Ethiopia\"\n                                                                            data-taxonomy=\"provenienza\"\n                                                                            data-term-id=\"ethiopia\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_provenienza_ethiopia\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Ethiopia<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_provenienza_guatemala\"\n                                                                            name=\"filter_provenienza[]\"\n                                                                            value=\"Guatemala\"\n                                                                            data-taxonomy=\"provenienza\"\n                                                                            data-term-id=\"guatemala\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_provenienza_guatemala\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Guatemala<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_provenienza_india\"\n                                                                            name=\"filter_provenienza[]\"\n                                                                            value=\"India\"\n                                                                            data-taxonomy=\"provenienza\"\n                                                                            data-term-id=\"india\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_provenienza_india\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">India<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_provenienza_peru\"\n                                                                            name=\"filter_provenienza[]\"\n                                                                            value=\"Per\u00f9\"\n                                                                            data-taxonomy=\"provenienza\"\n                                                                            data-term-id=\"peru\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_provenienza_peru\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Per\u00f9<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                            <\/div>\n                                                <\/div>\n                                                                                            <div class=\"filter-group\">\n                                                    <h3 class=\"font-display text-lg font-semibold uppercase mb-3\">Estrazione<\/h3>\n                                                    <div class=\"grid grid-cols-2 gap-x-4 gap-y-3\">\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_estrazione_v60\"\n                                                                            name=\"filter_estrazione[]\"\n                                                                            value=\"V60\"\n                                                                            data-taxonomy=\"estrazione\"\n                                                                            data-term-id=\"13419\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_estrazione_v60\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">V60<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_estrazione_filtro\"\n                                                                            name=\"filter_estrazione[]\"\n                                                                            value=\"Filtro\"\n                                                                            data-taxonomy=\"estrazione\"\n                                                                            data-term-id=\"13422\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_estrazione_filtro\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Filtro<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_estrazione_cold-brew\"\n                                                                            name=\"filter_estrazione[]\"\n                                                                            value=\"Cold brew\"\n                                                                            data-taxonomy=\"estrazione\"\n                                                                            data-term-id=\"13423\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_estrazione_cold-brew\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Cold brew<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_estrazione_cold-drip\"\n                                                                            name=\"filter_estrazione[]\"\n                                                                            value=\"Cold drip\"\n                                                                            data-taxonomy=\"estrazione\"\n                                                                            data-term-id=\"13425\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_estrazione_cold-drip\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Cold drip<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_estrazione_syphon\"\n                                                                            name=\"filter_estrazione[]\"\n                                                                            value=\"Syphon\"\n                                                                            data-taxonomy=\"estrazione\"\n                                                                            data-term-id=\"13427\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_estrazione_syphon\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Syphon<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_estrazione_chemex\"\n                                                                            name=\"filter_estrazione[]\"\n                                                                            value=\"Chemex\"\n                                                                            data-taxonomy=\"estrazione\"\n                                                                            data-term-id=\"13431\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_estrazione_chemex\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Chemex<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_estrazione_aeropress\"\n                                                                            name=\"filter_estrazione[]\"\n                                                                            value=\"AeroPress\"\n                                                                            data-taxonomy=\"estrazione\"\n                                                                            data-term-id=\"13433\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_estrazione_aeropress\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">AeroPress<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_estrazione_french-press\"\n                                                                            name=\"filter_estrazione[]\"\n                                                                            value=\"French Press\"\n                                                                            data-taxonomy=\"estrazione\"\n                                                                            data-term-id=\"13436\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_estrazione_french-press\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">French Press<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_estrazione_moka\"\n                                                                            name=\"filter_estrazione[]\"\n                                                                            value=\"Moka\"\n                                                                            data-taxonomy=\"estrazione\"\n                                                                            data-term-id=\"13438\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_estrazione_moka\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Moka<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_estrazione_gravita\"\n                                                                            name=\"filter_estrazione[]\"\n                                                                            value=\"Gravit\u00e0\"\n                                                                            data-taxonomy=\"estrazione\"\n                                                                            data-term-id=\"13440\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_estrazione_gravita\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Gravit\u00e0<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                                    <div class=\"flex gap-3\">\n                                                                <div class=\"flex h-6 shrink-0 items-center\">\n                                                                    <div class=\"group grid size-4 grid-cols-1\">\n                                                                        <input\n                                                                            type=\"checkbox\"\n                                                                            id=\"filter_estrazione_espresso\"\n                                                                            name=\"filter_estrazione[]\"\n                                                                            value=\"Espresso\"\n                                                                            data-taxonomy=\"estrazione\"\n                                                                            data-term-id=\"13442\"\n                                                                            class=\"col-start-1 row-start-1 appearance-none rounded-sm border border-foreground bg-background checked:border-coffe-green checked:bg-coffe-green focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-coffe-green cursor-pointer\">\n                                                                        <svg viewBox=\"0 0 14 14\" fill=\"none\" class=\"pointer-events-none col-start-1 row-start-1 size-3.5 self-center justify-self-center stroke-white\">\n                                                                            <path d=\"M3 8L6 11L11 3.5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                        <\/svg>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                <div class=\"text-sm\/6\">\n                                                                    <label for=\"filter_estrazione_espresso\" class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Espresso<\/label>\n                                                                <\/div>\n                                                            <\/div>\n                                                                                                            <\/div>\n                                                <\/div>\n                                                                                                                        <\/form>\n                                <\/div>\n\n                                <!-- Footer fisso -->\n                                <div class=\"shrink-0 px-6 py-4 border-t border-foreground\/10 bg-background\">\n                                    <div class=\"flex gap-3\">\n                                        <button type=\"button\" id=\"reset-filters\" class=\"flex-1 btn btn--sm btn--outline\">\n                                            Reset                                        <\/button>\n                                        <button type=\"button\" id=\"apply-filters\" command=\"close\" commandfor=\"filters-drawer\" class=\"flex-1 btn btn--sm btn--black\">\n                                            Apply                                        <\/button>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/el-dialog-panel>\n                    <\/div>\n                <\/dialog>\n            <\/el-dialog>\n        <\/div>\n    <\/div>\n    <div id=\"shop-products-list-block__products\">\n        <div class=\"relative\">\n            <div class=\"relative grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4\">\n                \n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/coopchebi\/?attribute_pa_formato=50-pz\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13921\"\n        data-product-type=\"variation\"\n        data-formula=\"100% Arabica\"\n        data-formato=\"50 cialde\"\n        data-utilizzo=\"Grain beans,Ground,Pods\"\n        data-provenienza=\"peru\"\n        data-categories=\"singola-piantagione\"\n        data-estrazione=\"espresso,moka\"\n    >\n    <div style=\"background-color: #dcb423;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"Coopchebi\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">27,50&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    50 cialde                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"225\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/03\/LPDC_BOX_FRONT_MOCKUP_01-COOPCHEBI-scaled.png\" class=\"w-44 max-h-64 object-contain\" alt=\"Coopchebi\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        Per\u00f9                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">Coopchebi<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/los-manatiales\/\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13875\"\n        data-product-type=\"simple\"\n        data-formula=\"100% Arabica\"\n        data-formato=\"250g - Beans\"\n        data-utilizzo=\"Grain beans\"\n        data-provenienza=\"guatemala\"\n        data-categories=\"limited-edition\"\n        data-estrazione=\"filtro,aeropress,chemex,french-press,v60\"\n    >\n    <div style=\"background-color: #63b44a;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"Los Manatiales\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">54,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    250g &#8211; Beans                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"278\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/03\/LPDC_RENDER_LE_LOS-MANATIALES_250gr_TRANS_WEB-1-278x300.png\" class=\"w-44 max-h-64 object-contain\" alt=\"Los Manatiales\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/03\/LPDC_RENDER_LE_LOS-MANATIALES_250gr_TRANS_WEB-1-278x300.png 278w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/03\/LPDC_RENDER_LE_LOS-MANATIALES_250gr_TRANS_WEB-1-948x1024.png 948w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/03\/LPDC_RENDER_LE_LOS-MANATIALES_250gr_TRANS_WEB-1-768x829.png 768w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/03\/LPDC_RENDER_LE_LOS-MANATIALES_250gr_TRANS_WEB-1-1422x1536.png 1422w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/03\/LPDC_RENDER_LE_LOS-MANATIALES_250gr_TRANS_WEB-1-1897x2048.png 1897w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/03\/LPDC_RENDER_LE_LOS-MANATIALES_250gr_TRANS_WEB-1-600x648.png 600w\" sizes=\"auto, (max-width: 278px) 100vw, 278px\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        Guatemala                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">Los Manatiales<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/water-decaf\/?attribute_pa_formato=50-pz\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13920\"\n        data-product-type=\"variation\"\n        data-formula=\"100% Arabica\"\n        data-formato=\"50 cialde\"\n        data-utilizzo=\"Grain beans\"\n        data-provenienza=\"mexico\"\n        data-categories=\"decaf\"\n        data-estrazione=\"espresso,moka\"\n    >\n    <div style=\"background-color: #0bb5e0;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"Water Decaf\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">24,80&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    50 cialde                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"225\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/03\/LPDC_BOX_FRONT_MOCKUP_01_DECAF-scaled.png\" class=\"w-44 max-h-64 object-contain\" alt=\"Water Decaf\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        Mexico                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">Water Decaf<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/cordillera-del-fuego\/\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13887\"\n        data-product-type=\"simple\"\n        data-formula=\"100% Arabica\"\n        data-formato=\"250g - Beans\"\n        data-utilizzo=\"Grain beans\"\n        data-provenienza=\"limited-edition\"\n        data-categories=\"limited-edition\"\n        data-estrazione=\"filtro,aeropress,chemex,french-press,v60\"\n    >\n    <div style=\"background-color: #f28d76;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"Cordillera del Fuego\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">22,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    250g &#8211; Beans                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"278\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/03\/LPDC_RENDER_LE_CORDILLERA-DEL-FUEGO_250gr_TRANS_WEB-278x300.png\" class=\"w-44 max-h-64 object-contain\" alt=\"Cordillera del Fuego\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/03\/LPDC_RENDER_LE_CORDILLERA-DEL-FUEGO_250gr_TRANS_WEB-278x300.png 278w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/03\/LPDC_RENDER_LE_CORDILLERA-DEL-FUEGO_250gr_TRANS_WEB-948x1024.png 948w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/03\/LPDC_RENDER_LE_CORDILLERA-DEL-FUEGO_250gr_TRANS_WEB-768x829.png 768w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/03\/LPDC_RENDER_LE_CORDILLERA-DEL-FUEGO_250gr_TRANS_WEB-1422x1536.png 1422w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/03\/LPDC_RENDER_LE_CORDILLERA-DEL-FUEGO_250gr_TRANS_WEB-1897x2048.png 1897w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/03\/LPDC_RENDER_LE_CORDILLERA-DEL-FUEGO_250gr_TRANS_WEB-600x648.png 600w\" sizes=\"auto, (max-width: 278px) 100vw, 278px\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        Limited Edition                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">Cordillera del Fuego<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/yrgalem\/?attribute_pa_formato=250g-grani\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13104\"\n        data-product-type=\"variation\"\n        data-formula=\"100% Arabica\"\n        data-formato=\"250g - Grani\"\n        data-utilizzo=\"Grain beans,Ground\"\n        data-provenienza=\"ethiopia\"\n        data-categories=\"singola-piantagione\"\n        data-estrazione=\"moka,filtro\"\n    >\n    <div style=\"background-color: #dd8bc5;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"Yrgalem\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">11,50&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    250g &#8211; Grani                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"285\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_SE_YRGALEM_250gr-md.png\" class=\"w-44 max-h-64 object-contain\" alt=\"Yrgalem\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        Ethiopia                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">Yrgalem<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/mediterraneo\/?attribute_pa_formato=1000-g\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13113\"\n        data-product-type=\"variation\"\n        data-formula=\"75% Arabica,25% Robusta\"\n        data-formato=\"1000 g - Grani\"\n        data-utilizzo=\"Grain beans\"\n        data-provenienza=\"india,brasil\"\n        data-categories=\"miscele\"\n        data-estrazione=\"espresso\"\n    >\n    <div style=\"background-color: #482d26;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"Mediterraneo\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">36,50&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    1000 g &#8211; Grani                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"152\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/lpdc_mediterraneo_1000gr.png\" class=\"w-44 max-h-64 object-contain\" alt=\"Mediterraneo\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        75% Arabica                                                    <span class=\"mx-1 text-xl leading-0\">&bull;<\/span>\n                                            <\/li>\n                                    <li class=\"text-sm\">\n                        25% Robusta                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        India                                                    <span class=\"mx-1\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-sm\">\n                        Brasil                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">Mediterraneo<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/beriti\/\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13481\"\n        data-product-type=\"simple\"\n        data-formula=\"100% Arabica\"\n        data-formato=\"250g - Beans\"\n        data-utilizzo=\"Grain beans\"\n        data-provenienza=\"ethiopia\"\n        data-categories=\"singola-piantagione\"\n        data-estrazione=\"espresso\"\n    >\n    <div style=\"background-color: #39a8e0;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"Beriti\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">13,50&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    250g &#8211; Beans                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"285\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_SE_BERITI_250gr-md-285x300.png\" class=\"w-44 max-h-64 object-contain\" alt=\"Beriti\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_SE_BERITI_250gr-md-285x300.png 285w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_SE_BERITI_250gr-md-600x632.png 600w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_SE_BERITI_250gr-md.png 608w\" sizes=\"auto, (max-width: 285px) 100vw, 285px\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        Ethiopia                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">Beriti<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/buongiorno\/?attribute_pa_formato=250g-macinato\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13359\"\n        data-product-type=\"variation\"\n        data-formula=\"80% Arabica,20% Robusta\"\n        data-formato=\"250g - Macinato\"\n        data-utilizzo=\"Ground\"\n        data-provenienza=\"brasil,india\"\n        data-categories=\"miscele\"\n        data-estrazione=\"moka,filtro\"\n    >\n    <div style=\"background-color: #e83030;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"Buongiorno\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\">9,75&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/del> <span class=\"screen-reader-text\">Original price was: 9,75&nbsp;&euro;.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\">8,85&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/ins><span class=\"screen-reader-text\">Current price is: 8,85&nbsp;&euro;.<\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    250g &#8211; Macinato                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"243\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_Macinato_BUONGIORNO_pulito.png\" class=\"w-44 max-h-64 object-contain\" alt=\"Buongiorno\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        80% Arabica                                                    <span class=\"mx-1 text-xl leading-0\">&bull;<\/span>\n                                            <\/li>\n                                    <li class=\"text-sm\">\n                        20% Robusta                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        Brasil                                                    <span class=\"mx-1\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-sm\">\n                        India                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">Buongiorno<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/faf\/\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-black transition-all duration-500 ease-in-out \"\n        data-product-id=\"13487\"\n        data-product-type=\"simple\"\n        data-formula=\"100% Arabica\"\n        data-formato=\"250g - Beans\"\n        data-utilizzo=\"Grain beans\"\n        data-provenienza=\"single-estate\"\n        data-categories=\"singola-piantagione\"\n        data-estrazione=\"espresso,filtro,moka\"\n    >\n    <div style=\"background-color: #f1efa2;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"FAF\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">11,50&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    250g &#8211; Beans                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"300\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_PacchiNeutri_FAF-1.png\" class=\"w-44 max-h-64 object-contain\" alt=\"FAF\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_PacchiNeutri_FAF-1.png 300w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_PacchiNeutri_FAF-1-1024x1024.png 1024w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_PacchiNeutri_FAF-1-150x150.png 150w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_PacchiNeutri_FAF-1-768x768.png 768w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_PacchiNeutri_FAF-1-1536x1536.png 1536w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_PacchiNeutri_FAF-1-600x600.png 600w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_PacchiNeutri_FAF-1-100x100.png 100w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_PacchiNeutri_FAF-1.png 2000w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        Single Estate                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">FAF<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/water-decaf\/?attribute_pa_formato=250g-grani\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13074\"\n        data-product-type=\"variation\"\n        data-formula=\"100% Arabica\"\n        data-formato=\"250g - Grani\"\n        data-utilizzo=\"Grain beans\"\n        data-provenienza=\"mexico\"\n        data-categories=\"decaf\"\n        data-estrazione=\"espresso,moka\"\n    >\n    <div style=\"background-color: #0bb5e0;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"Water Decaf\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">11,50&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    250g &#8211; Grani                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"156\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_SE_WATERDECAF_250gr-scaled.png\" class=\"w-44 max-h-64 object-contain\" alt=\"Water Decaf\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        Mexico                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">Water Decaf<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/coopchebi\/?attribute_pa_formato=250g-grani\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13099\"\n        data-product-type=\"variation\"\n        data-formula=\"100% Arabica\"\n        data-formato=\"250g - Grani\"\n        data-utilizzo=\"Grain beans,Ground,Pods\"\n        data-provenienza=\"peru\"\n        data-categories=\"singola-piantagione\"\n        data-estrazione=\"espresso,moka\"\n    >\n    <div style=\"background-color: #dcb423;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"Coopchebi\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">11,50&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    250g &#8211; Grani                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"285\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_SE_COOPCHEBI_250gr-md.png\" class=\"w-44 max-h-64 object-contain\" alt=\"Coopchebi\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        Per\u00f9                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">Coopchebi<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/yrgalem\/?attribute_pa_formato=250g-macinato\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13105\"\n        data-product-type=\"variation\"\n        data-formula=\"100% Arabica\"\n        data-formato=\"250g - Macinato\"\n        data-utilizzo=\"Grain beans,Ground\"\n        data-provenienza=\"ethiopia\"\n        data-categories=\"singola-piantagione\"\n        data-estrazione=\"moka,filtro\"\n    >\n    <div style=\"background-color: #dd8bc5;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"Yrgalem\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">11,50&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    250g &#8211; Macinato                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"156\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/Render_LPDC_FasceMacinato_YRGALEM-scaled.png\" class=\"w-44 max-h-64 object-contain\" alt=\"Yrgalem\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        Ethiopia                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">Yrgalem<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/mediterraneo\/?attribute_pa_formato=50-pz\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13114\"\n        data-product-type=\"variation\"\n        data-formula=\"75% Arabica,25% Robusta\"\n        data-formato=\"50 cialde\"\n        data-utilizzo=\"Grain beans\"\n        data-provenienza=\"india,brasil\"\n        data-categories=\"miscele\"\n        data-estrazione=\"espresso\"\n    >\n    <div style=\"background-color: #482d26;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"Mediterraneo\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">21,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    50 cialde                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"225\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_BOX_FRONT_MOCKUP_01_MEDITERRANEO-scaled.png\" class=\"w-44 max-h-64 object-contain\" alt=\"Mediterraneo\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        75% Arabica                                                    <span class=\"mx-1 text-xl leading-0\">&bull;<\/span>\n                                            <\/li>\n                                    <li class=\"text-sm\">\n                        25% Robusta                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        India                                                    <span class=\"mx-1\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-sm\">\n                        Brasil                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">Mediterraneo<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/coopchebi\/?attribute_pa_formato=250g-macinato\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13100\"\n        data-product-type=\"variation\"\n        data-formula=\"100% Arabica\"\n        data-formato=\"250g - Macinato\"\n        data-utilizzo=\"Grain beans,Ground,Pods\"\n        data-provenienza=\"peru\"\n        data-categories=\"singola-piantagione\"\n        data-estrazione=\"espresso,moka\"\n    >\n    <div style=\"background-color: #dcb423;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"Coopchebi\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">11,50&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    250g &#8211; Macinato                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"156\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/Render_LPDC_FasceMacinato_COOPCHEBI-scaled.png\" class=\"w-44 max-h-64 object-contain\" alt=\"Coopchebi\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        Per\u00f9                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">Coopchebi<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/kurupe\/\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13037\"\n        data-product-type=\"simple\"\n        data-formula=\"100% Arabica\"\n        data-formato=\"250g - Beans\"\n        data-utilizzo=\"Grain beans\"\n        data-provenienza=\"ethiopia\"\n        data-categories=\"limited-edition\"\n        data-estrazione=\"espresso\"\n    >\n    <div style=\"background-color: #ef7e25;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"Kurupe\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">20,50&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    250g &#8211; Beans                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"156\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_LE_KURUPE_250gr_WEB_TRANS-1-1-156x300.png\" class=\"w-44 max-h-64 object-contain\" alt=\"Kurupe\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_LE_KURUPE_250gr_WEB_TRANS-1-1-156x300.png 156w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_LE_KURUPE_250gr_WEB_TRANS-1-1-532x1024.png 532w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_LE_KURUPE_250gr_WEB_TRANS-1-1-768x1477.png 768w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_LE_KURUPE_250gr_WEB_TRANS-1-1-799x1536.png 799w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_LE_KURUPE_250gr_WEB_TRANS-1-1-1065x2048.png 1065w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_LE_KURUPE_250gr_WEB_TRANS-1-1-600x1154.png 600w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_LE_KURUPE_250gr_WEB_TRANS-1-1-scaled.png 1331w\" sizes=\"auto, (max-width: 156px) 100vw, 156px\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        Ethiopia                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">Kurupe<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/banko-gotiti\/\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13056\"\n        data-product-type=\"simple\"\n        data-formula=\"100% Arabica\"\n        data-formato=\"250g - Beans\"\n        data-utilizzo=\"Grain beans\"\n        data-provenienza=\"ethiopia\"\n        data-categories=\"limited-edition\"\n        data-estrazione=\"aeropress,chemex,cold-brew,cold-drip\"\n    >\n    <div style=\"background-color: #39a8e0;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"Banko Gotiti\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">20,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    250g &#8211; Beans                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"272\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_LE_BANKO-GOTITI_250gr_WEB_TRANS-1-2-272x300.png\" class=\"w-44 max-h-64 object-contain\" alt=\"Banko Gotiti\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_LE_BANKO-GOTITI_250gr_WEB_TRANS-1-2-272x300.png 272w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_LE_BANKO-GOTITI_250gr_WEB_TRANS-1-2-600x662.png 600w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_LE_BANKO-GOTITI_250gr_WEB_TRANS-1-2.png 661w\" sizes=\"auto, (max-width: 272px) 100vw, 272px\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        Ethiopia                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">Banko Gotiti<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/chelchele\/\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13041\"\n        data-product-type=\"simple\"\n        data-formula=\"100% Arabica\"\n        data-formato=\"250g - Beans\"\n        data-utilizzo=\"Grain beans\"\n        data-provenienza=\"ethiopia\"\n        data-categories=\"limited-edition\"\n        data-estrazione=\"aeropress,chemex,cold-brew,cold-drip\"\n    >\n    <div style=\"background-color: #ea0029;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"Chelchele\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">20,50&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    250g &#8211; Beans                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"300\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_LimitedEdition_CHELCHELE-1.png\" class=\"w-44 max-h-64 object-contain\" alt=\"Chelchele\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_LimitedEdition_CHELCHELE-1.png 300w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_LimitedEdition_CHELCHELE-1-150x150.png 150w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_LimitedEdition_CHELCHELE-1-768x768.png 768w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_LimitedEdition_CHELCHELE-1-600x600.png 600w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_LimitedEdition_CHELCHELE-1-100x100.png 100w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_LimitedEdition_CHELCHELE-1.png 1000w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        Ethiopia                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">Chelchele<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/los-bellotos\/\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-black transition-all duration-500 ease-in-out \"\n        data-product-id=\"13010\"\n        data-product-type=\"simple\"\n        data-formula=\"100% Arabica\"\n        data-formato=\"250g - Beans\"\n        data-utilizzo=\"Grain beans\"\n        data-provenienza=\"el-salvador\"\n        data-categories=\"singola-piantagione\"\n        data-estrazione=\"espresso\"\n    >\n    <div style=\"background-color: #f1efa2;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"Los Bellotos\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">12,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    250g &#8211; Beans                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"261\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_SE_LOSBeLLOTOS_250gr-scaled-e1768405327466-1-261x300.png\" class=\"w-44 max-h-64 object-contain\" alt=\"Los Bellotos\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_SE_LOSBeLLOTOS_250gr-scaled-e1768405327466-1-261x300.png 261w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_SE_LOSBeLLOTOS_250gr-scaled-e1768405327466-1-768x882.png 768w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_SE_LOSBeLLOTOS_250gr-scaled-e1768405327466-1-600x689.png 600w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_SE_LOSBeLLOTOS_250gr-scaled-e1768405327466-1.png 810w\" sizes=\"auto, (max-width: 261px) 100vw, 261px\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        El Salvador                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">Los Bellotos<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/el-tambor\/\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13005\"\n        data-product-type=\"simple\"\n        data-formula=\"100% Arabica\"\n        data-formato=\"250g - Beans\"\n        data-utilizzo=\"Grain beans\"\n        data-provenienza=\"guatemala\"\n        data-categories=\"singola-piantagione\"\n        data-estrazione=\"espresso\"\n    >\n    <div style=\"background-color: #e85c0b;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"El Tambor\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">12,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    250g &#8211; Beans                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"285\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_SE_LOSBeLLOTOS_250gr-md-285x300.png\" class=\"w-44 max-h-64 object-contain\" alt=\"El Tambor\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_SE_LOSBeLLOTOS_250gr-md-285x300.png 285w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_SE_LOSBeLLOTOS_250gr-md-600x632.png 600w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/LPDC_RENDER_SE_LOSBeLLOTOS_250gr-md.png 608w\" sizes=\"auto, (max-width: 285px) 100vw, 285px\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        Guatemala                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">El Tambor<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/78-22\/\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"12965\"\n        data-product-type=\"simple\"\n        data-formula=\"78% Arabica,22% Robusta\"\n        data-formato=\"1000 g - Beans\"\n        data-utilizzo=\"Espresso\"\n        data-provenienza=\"brasil,india\"\n        data-categories=\"miscele\"\n        data-estrazione=\"espresso\"\n    >\n    <div style=\"background-color: #8151a1;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"78\/22\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">36,50&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    1000 g &#8211; Beans                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"153\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2025\/12\/7822-caffe-md-new-153x300.png\" class=\"w-44 max-h-64 object-contain\" alt=\"78\/22\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2025\/12\/7822-caffe-md-new-153x300.png 153w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2025\/12\/7822-caffe-md-new.png 326w\" sizes=\"auto, (max-width: 153px) 100vw, 153px\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        78% Arabica                                                    <span class=\"mx-1 text-xl leading-0\">&bull;<\/span>\n                                            <\/li>\n                                    <li class=\"text-sm\">\n                        22% Robusta                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        Brasil                                                    <span class=\"mx-1\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-sm\">\n                        India                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">78\/22<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/lab106\/\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13335\"\n        data-product-type=\"simple\"\n        data-formula=\"100% Arabica\"\n        data-formato=\"1000 g - Beans\"\n        data-utilizzo=\"Espresso\"\n        data-provenienza=\"el-salvador,brasil\"\n        data-categories=\"miscele\"\n        data-estrazione=\"espresso\"\n    >\n    <div style=\"background-color: #007d50;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"LAB#106\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">37,50&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    1000 g &#8211; Beans                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"153\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2025\/12\/lab106-caffe-md-new-153x300.png\" class=\"w-44 max-h-64 object-contain\" alt=\"LAB#106\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2025\/12\/lab106-caffe-md-new-153x300.png 153w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2025\/12\/lab106-caffe-md-new.png 327w\" sizes=\"auto, (max-width: 153px) 100vw, 153px\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        El Salvador                                                    <span class=\"mx-1\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-sm\">\n                        Brasil                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">LAB#106<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/pasticceri\/\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13331\"\n        data-product-type=\"simple\"\n        data-formula=\"100% Arabica\"\n        data-formato=\"1000 g - Beans\"\n        data-utilizzo=\"Espresso\"\n        data-provenienza=\"ethiopia,el-salvador,brasil\"\n        data-categories=\"miscele\"\n        data-estrazione=\"espresso\"\n    >\n    <div style=\"background-color: #d95494;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"Pasticceri\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">38,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    1000 g &#8211; Beans                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"155\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2025\/12\/pasticceri-caffe-md-nw-155x300.png\" class=\"w-44 max-h-64 object-contain\" alt=\"Pasticceri\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2025\/12\/pasticceri-caffe-md-nw-155x300.png 155w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2025\/12\/pasticceri-caffe-md-nw.png 330w\" sizes=\"auto, (max-width: 155px) 100vw, 155px\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        Ethiopia                                                    <span class=\"mx-1\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-sm\">\n                        El Salvador                                                    <span class=\"mx-1\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-sm\">\n                        Brasil                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">Pasticceri<\/h3>\n                    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/85-15\/\" target=\"_self\" class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n        data-product-id=\"13339\"\n        data-product-type=\"simple\"\n        data-formula=\"85% Arabica,15% Robusta\"\n        data-formato=\"1000 g - Beans\"\n        data-utilizzo=\"Espresso,Grain beans\"\n        data-provenienza=\"ethiopia,el-salvador,brasil,india\"\n        data-categories=\"miscele\"\n        data-estrazione=\"espresso\"\n    >\n    <div style=\"background-color: #C90A2B;\" class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\"><\/div>\n    <figure class=\"absolute opacity-0 group-hover:opacity-5 overflow-hidden inset-0 bottom-0 left-0 flex items-end transition-all duration-500 ease-in-out\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/elpy-background.svg\" alt=\"85\/15\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span class=\"text-lg\/3 font-bold\"><span class=\"woocommerce-Price-amount amount\">37,00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/4 inline-block\">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/5 mt-0.5\">\n                    1000 g &#8211; Beans                <\/p>\n                    <\/div>\n        <figure class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 ease-in-out transform transition-all duration-300\">\n            <img width=\"153\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2025\/12\/8515-caffe-md-new-153x300.png\" class=\"w-44 max-h-64 object-contain\" alt=\"85\/15\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2025\/12\/8515-caffe-md-new-153x300.png 153w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2025\/12\/8515-caffe-md-new.png 327w\" sizes=\"auto, (max-width: 153px) 100vw, 153px\" \/>        <\/figure>\n                    <ul class=\"flex mt-5\">\n                                    <li class=\"text-sm\">\n                        85% Arabica                                                    <span class=\"mx-1 text-xl leading-0\">&bull;<\/span>\n                                            <\/li>\n                                    <li class=\"text-sm\">\n                        15% Robusta                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex\">\n                                    <li class=\"text-sm\">\n                        Ethiopia                                                    <span class=\"mx-1\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-sm\">\n                        El Salvador                                                    <span class=\"mx-1\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-sm\">\n                        Brasil                                                    <span class=\"mx-1\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-sm\">\n                        India                                            <\/li>\n                            <\/ul>\n                <h3 class=\"font-display font-semibold text-2xl py-3 lg:text-3xl uppercase\">85\/15<\/h3>\n                    <\/div>\n<\/a>            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    (function() {\n        'use strict';\n\n        const filterForm = document.getElementById('product-filters-form');\n        const applyButton = document.getElementById('apply-filters');\n        const resetButton = document.getElementById('reset-filters');\n        const productsGrid = document.querySelector('#shop-products-list-block__products .grid');\n\n        if (!filterForm || !productsGrid) return;\n\n        \/\/ Funzione per ottenere i filtri selezionati\n        function getSelectedFilters() {\n            const filters = {};\n            const checkboxes = filterForm.querySelectorAll('input[type=\"checkbox\"]:checked');\n\n            checkboxes.forEach(checkbox => {\n                const taxonomy = checkbox.dataset.taxonomy;\n                const value = checkbox.value;\n\n                if (!filters[taxonomy]) {\n                    filters[taxonomy] = [];\n                }\n                filters[taxonomy].push(value);\n            });\n\n            return filters;\n        }\n\n        \/\/ Funzione per filtrare i prodotti\n        function filterProducts() {\n            const selectedFilters = getSelectedFilters();\n            const productCards = productsGrid.querySelectorAll('.product-card');\n            let visibleCount = 0;\n\n            productCards.forEach(card => {\n                let shouldShow = true;\n\n                \/\/ Se non ci sono filtri selezionati, mostra tutto\n                if (Object.keys(selectedFilters).length === 0) {\n                    shouldShow = true;\n                } else {\n                    \/\/ Controlla ogni tassonomia di filtro\n                    for (const taxonomy in selectedFilters) {\n                        const requiredValues = selectedFilters[taxonomy];\n\n                        \/\/ Ottieni gli attributi del prodotto dalla card\n                        const productData = card.dataset;\n                        let hasMatch = false;\n\n                        \/\/ Converti la tassonomia nel nome del data attribute\n                        const taxonomyKey = taxonomy.replace('pa_', '');\n                        const productAttribute = productData[taxonomyKey];\n\n                        if (productAttribute) {\n                            \/\/ L'attributo pu\u00f2 contenere pi\u00f9 valori separati da virgola\n                            const productValues = productAttribute.split(',').map(v => v.trim());\n\n                            \/\/ Normalizza i valori per il confronto (rimuovi spazi, trattini, caratteri speciali)\n                            const normalizeValue = (val) => val.toLowerCase().replace(\/[\\s\\-_]\/g, '');\n\n                            const normalizedProductValues = productValues.map(normalizeValue);\n                            const normalizedRequiredValues = requiredValues.map(normalizeValue);\n\n                            \/\/ Verifica se almeno uno dei valori richiesti \u00e8 presente\n                            hasMatch = normalizedRequiredValues.some(reqVal =>\n                                normalizedProductValues.some(prodVal =>\n                                    prodVal === reqVal ||\n                                    prodVal.includes(reqVal) ||\n                                    reqVal.includes(prodVal)\n                                )\n                            );\n                        }\n\n                        \/\/ Se questa tassonomia non ha match, nascondi il prodotto\n                        if (!hasMatch) {\n                            shouldShow = false;\n                            break;\n                        }\n                    }\n                }\n\n                if (shouldShow) {\n                    card.style.display = '';\n                    visibleCount++;\n                } else {\n                    card.style.display = 'none';\n                }\n            });\n        }\n\n        \/\/ Event listener per il pulsante \"Applica\"\n        if (applyButton) {\n            applyButton.addEventListener('click', function() {\n                filterProducts();\n            });\n        }\n\n        \/\/ Event listener per il pulsante \"Resetta\"\n        if (resetButton) {\n            resetButton.addEventListener('click', function() {\n                \/\/ Deseleziona tutte le checkbox\n                const checkboxes = filterForm.querySelectorAll('input[type=\"checkbox\"]');\n                checkboxes.forEach(checkbox => {\n                    checkbox.checked = false;\n                });\n\n                \/\/ Mostra tutti i prodotti\n                filterProducts();\n            });\n        }\n\n        \/\/ Event listener per le checkbox (applica filtri in tempo reale - opzionale)\n        filterForm.addEventListener('change', function(e) {\n            if (e.target.type === 'checkbox') {\n                \/\/ Puoi commentare questa riga se vuoi applicare i filtri solo al click su \"Applica\"\n                \/\/ filterProducts();\n            }\n        });\n    })();\n<\/script>\n\n\n\n\n<section data-block=\"image-full-width-block\" class=\"relative image-full-width-block alignfull\">\n    <figure class=\"w-full aspect-[5\/2] overflow-hidden\">\n        <img loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-center object-cover\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2025\/12\/ae10727344fed533422ea4c16be6c2843ca49e9c-dimensioni-grandi.jpeg\" alt=\"\">\n    <\/figure>\n<\/section>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-11426","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.lepiantagionidelcaffe.com\/en\/wp-json\/wp\/v2\/pages\/11426","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lepiantagionidelcaffe.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lepiantagionidelcaffe.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lepiantagionidelcaffe.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lepiantagionidelcaffe.com\/en\/wp-json\/wp\/v2\/comments?post=11426"}],"version-history":[{"count":10,"href":"https:\/\/www.lepiantagionidelcaffe.com\/en\/wp-json\/wp\/v2\/pages\/11426\/revisions"}],"predecessor-version":[{"id":13329,"href":"https:\/\/www.lepiantagionidelcaffe.com\/en\/wp-json\/wp\/v2\/pages\/11426\/revisions\/13329"}],"wp:attachment":[{"href":"https:\/\/www.lepiantagionidelcaffe.com\/en\/wp-json\/wp\/v2\/media?parent=11426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}