{"id":15064,"date":"2026-02-24T16:03:42","date_gmt":"2026-02-24T15:03:42","guid":{"rendered":"https:\/\/www.lepiantagionidelcaffe.com\/?page_id=15064"},"modified":"2026-07-03T13:49:10","modified_gmt":"2026-07-03T11:49:10","slug":"shop-online","status":"publish","type":"page","link":"https:\/\/www.lepiantagionidelcaffe.com\/en\/shop-online\/","title":{"rendered":"Shop online"},"content":{"rendered":"    <section data-block=\"intro-home-shop-block\"\n        class=\"relative intro-home-shop-block mt-24 alignfull\">\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-coffe-green-dark text-center text-2xl font-salted\">\n                            For international orders, please contact office@lpdc.it  <\/p>\n                                            <p class=\"text-coffe-green-dark text-center text-2xl font-salted\">\n                            For international orders, please contact office@lpdc.it  <\/p>\n                                            <p class=\"text-coffe-green-dark text-center text-2xl font-salted\">\n                            For international orders, please contact office@lpdc.it  <\/p>\n                                            <p class=\"text-coffe-green-dark text-center text-2xl font-salted\">\n                            For international orders, please contact office@lpdc.it  <\/p>\n                                            <p class=\"text-coffe-green-dark text-center text-2xl font-salted\">\n                            For international orders, please contact office@lpdc.it  <\/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-coffe-green-dark text-center text-2xl font-salted\">\n                            For international orders, please contact office@lpdc.it  <\/p>\n                                            <p class=\"text-coffe-green-dark text-center text-2xl font-salted\">\n                            For international orders, please contact office@lpdc.it  <\/p>\n                                            <p class=\"text-coffe-green-dark text-center text-2xl font-salted\">\n                            For international orders, please contact office@lpdc.it  <\/p>\n                                            <p class=\"text-coffe-green-dark text-center text-2xl font-salted\">\n                            For international orders, please contact office@lpdc.it  <\/p>\n                                            <p class=\"text-coffe-green-dark text-center text-2xl font-salted\">\n                            For international orders, please contact office@lpdc.it  <\/p>\n                                    <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"swiper mySlider mx-auto bg-coffe-green-dark overflow-hidden\">\n            <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide min-h-svh lg:min-h-[700px] text-white relative flex items-center\">\n                        <figure class=\"absolute inset-0 overflow-hidden -z-10\">\n\n                            <div class=\"hidden md:block w-full h-full\">\n                                                                    <img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/07\/mediterraneo-caffe-le-piantagioni-del-caffe-1.jpg\"\n                                        alt=\"\">\n                                                            <\/div>\n\n                            <div class=\"block md:hidden w-full h-full\">\n                                                                    <img decoding=\"async\" class=\"w-full h-full object-cover\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/07\/mediterraneo-mobile-2-1.jpg\"\n                                        alt=\"\">\n                                                            <\/div>\n\n                            <div\n                                class=\"absolute inset-0 bg-linear-to-b lg:bg-linear-to-br from-black\/80 lg:from-black\/60 via-black\/50 lg:via-black\/30 to-black\/1\">\n                            <\/div>\n                        <\/figure>\n\n                        <div class=\"relative flex flex-col page-padding max-w-xl gap-4 lg:gap-6 items-start py-8 lg:py-12\">\n                                                            <h2 class=\"text-4xl mt-10 lg:text-5xl font-bold uppercase text-balance\">\n                                    MEDITERRANEO                                <\/h2>\n                            \n                                                            <p class=\"text-base\/5 xl:text-lg\/6 text-balance\">\n                                    The blend for those who love notes of dark chocolate and sandalwood.                                <\/p>\n                            \n                                                            <div class=\"mt-3 lg:mt-4\">\n                                    <a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/mediterraneo\/?attribute_pa_formato=1000-g&#038;attribute_pa_estrazione=espresso\"\n                                        target=\"\"\n                                        class=\"slider-button btn btn--white btn--sm transition-all duration-500 hover:tracking-wide\">\n                                        Order now                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                            <\/div>\n            <div class=\"swiper-pagination\"><\/div>\n        <\/div>\n\n        <img decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/themes\/piantagioni-caffe\/inc\/images\/stella-o.svg\" alt=\"stella\"\n            class=\"hidden md:block absolute animate-sway -bottom-16 z-20 right-1\/6\">\n    <\/section>\n\n\n\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-rev2\"\n    class=\"relative mb-10 shop-products-list-block alignwide\">\n    <section class=\"sticky top-20 z-20 bg-background pt-4 lg:pt-6 shadow-[0_10px_12px_-8px_rgba(0,0,0,0.15)]\">\n        <div id=\"shop-products-list-block__filters\" class=\"flex flex-col lg:flex-row lg:flex-nowrap lg:items-center gap-3 lg:gap-4 pb-8 text-base\">\n            <div class=\"relative w-full lg:w-auto flex-1 min-w-0\">\n                <div\n                    class=\"absolute w-10 z-10 h-full right-0 top-0 bg-linear-to-r from-transparent to-background pointer-events-none\">\n                <\/div>\n                <div\n                    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-pressed=\"true\" type=\"button\"\n                        aria-label=\"All products\"\n                        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-pressed:bg-foreground aria-pressed:ring-foreground aria-pressed:text-background hover:bg-foreground hover:ring-foreground hover:text-background\"\n                        data-format-value=\"all\">\n                        <span>All<\/span>\n                    <\/button>\n                    <button aria-pressed=\"false\" type=\"button\"\n                        aria-label=\"Best seller\"\n                        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-pressed:bg-foreground aria-pressed:ring-foreground aria-pressed:text-background hover:bg-foreground hover:ring-foreground hover:text-background\"\n                        data-format-value=\"best-sellers\">\n                        <span>Best seller<\/span>\n                    <\/button>\n                                                <button aria-pressed=\"false\" type=\"button\" aria-label=\"Limited Edition\"\n                                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-pressed:bg-foreground aria-pressed:ring-foreground aria-pressed:text-background hover:bg-foreground hover:ring-foreground hover:text-background\"\n                                data-format-value=\"limited-edition\">\n                                <span>Limited Edition<\/span>\n                            <\/button>\n                                                <button aria-pressed=\"false\" type=\"button\" aria-label=\"Blends\"\n                                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-pressed:bg-foreground aria-pressed:ring-foreground aria-pressed:text-background hover:bg-foreground hover:ring-foreground hover:text-background\"\n                                data-format-value=\"miscele\">\n                                <span>Blends<\/span>\n                            <\/button>\n                                                <button aria-pressed=\"false\" type=\"button\" aria-label=\"Single Estate\"\n                                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-pressed:bg-foreground aria-pressed:ring-foreground aria-pressed:text-background hover:bg-foreground hover:ring-foreground hover:text-background\"\n                                data-format-value=\"singola-piantagione\">\n                                <span>Single Estate<\/span>\n                            <\/button>\n                                                <button aria-pressed=\"false\" type=\"button\" aria-label=\"Decaf\"\n                                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-pressed:bg-foreground aria-pressed:ring-foreground aria-pressed:text-background hover:bg-foreground hover:ring-foreground hover:text-background\"\n                                data-format-value=\"decaf\">\n                                <span>Decaf<\/span>\n                            <\/button>\n                                    <\/div>\n            <\/div>\n            <div class=\"relative flex items-stretch lg:items-center gap-3 w-full lg:w-auto lg:shrink-0 px-2 lg:px-0\">\n                <button command=\"show-modal\" aria-controls=\"filters-drawer\" commandfor=\"filters-drawer\"\n                    aria-label=\"Filter\" type=\"button\"\n                    class=\"flex-1 justify-center lg:flex-none flex items-center gap-2 px-3 lg:px-4 py-1.5 lg:py-2 border-0 ring-1 cursor-pointer bg-coffe-green ring-coffe-green text-foreground rounded-full transition-all duration-200 ease-in-out hover:bg-foreground hover:ring-foreground hover:text-background\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                        stroke=\"currentColor\" class=\"size-5\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                            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>Filter<\/span>\n                <\/button>\n                <el-select id=\"sort-select\" name=\"sort\" value=\"default\" class=\"block flex-1 lg:flex-none\">\n                    <button type=\"button\"\n                        class=\"w-full lg:w-auto justify-between lg:justify-start flex items-center gap-2 px-2 lg:pl-4 lg:pr-2.5 py-1.5 lg:py-2 border-0 ring-1 cursor-pointer ring-foreground rounded-full transition-all duration-200 ease-in-out hover:bg-foreground hover:ring-foreground hover:text-background whitespace-nowrap\">\n                        <el-selectedcontent class=\"text-sm lg:text-base\"><\/el-selectedcontent>\n                        <svg viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-4 shrink-0\">\n                            <path\n                                d=\"M5.22 10.22a.75.75 0 0 1 1.06 0L8 11.94l1.72-1.72a.75.75 0 1 1 1.06 1.06l-2.25 2.25a.75.75 0 0 1-1.06 0l-2.25-2.25a.75.75 0 0 1 0-1.06ZM10.78 5.78a.75.75 0 0 1-1.06 0L8 4.06 6.28 5.78a.75.75 0 0 1-1.06-1.06l2.25-2.25a.75.75 0 0 1 1.06 0l2.25 2.25a.75.75 0 0 1 0 1.06Z\"\n                                clip-rule=\"evenodd\" fill-rule=\"evenodd\" \/>\n                        <\/svg>\n                    <\/button>\n                                        <el-options anchor=\"bottom end\" popover\n                        class=\"min-w-48 w-(--button-width) overflow-auto rounded-lg bg-background text-foreground py-1 shadow-lg ring-1 ring-foreground\/10 [--anchor-gap:--spacing(1)] data-leave:transition data-leave:transition-discrete data-leave:duration-100 data-leave:ease-in data-closed:data-leave:opacity-0 text-sm z-50\">\n                                                    <el-option value=\"default\"\n                                class=\"group\/option relative block cursor-pointer py-2 pr-9 pl-4 select-none focus:bg-foreground focus:text-background focus:outline-hidden\">\n                                <span\n                                    class=\"block truncate group-aria-selected\/option:font-semibold\">Recommended<\/span>\n                                <span\n                                    class=\"absolute inset-y-0 right-0 flex items-center pr-3 text-foreground group-not-aria-selected\/option:hidden group-focus\/option:text-background in-[el-selectedcontent]:hidden\">\n                                    <svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-4\">\n                                        <path\n                                            d=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n                                            clip-rule=\"evenodd\" fill-rule=\"evenodd\" \/>\n                                    <\/svg>\n                                <\/span>\n                            <\/el-option>\n                                                    <el-option value=\"price-asc\"\n                                class=\"group\/option relative block cursor-pointer py-2 pr-9 pl-4 select-none focus:bg-foreground focus:text-background focus:outline-hidden\">\n                                <span\n                                    class=\"block truncate group-aria-selected\/option:font-semibold\">Price: low to high<\/span>\n                                <span\n                                    class=\"absolute inset-y-0 right-0 flex items-center pr-3 text-foreground group-not-aria-selected\/option:hidden group-focus\/option:text-background in-[el-selectedcontent]:hidden\">\n                                    <svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-4\">\n                                        <path\n                                            d=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n                                            clip-rule=\"evenodd\" fill-rule=\"evenodd\" \/>\n                                    <\/svg>\n                                <\/span>\n                            <\/el-option>\n                                                    <el-option value=\"price-desc\"\n                                class=\"group\/option relative block cursor-pointer py-2 pr-9 pl-4 select-none focus:bg-foreground focus:text-background focus:outline-hidden\">\n                                <span\n                                    class=\"block truncate group-aria-selected\/option:font-semibold\">Price: high to low<\/span>\n                                <span\n                                    class=\"absolute inset-y-0 right-0 flex items-center pr-3 text-foreground group-not-aria-selected\/option:hidden group-focus\/option:text-background in-[el-selectedcontent]:hidden\">\n                                    <svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-4\">\n                                        <path\n                                            d=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n                                            clip-rule=\"evenodd\" fill-rule=\"evenodd\" \/>\n                                    <\/svg>\n                                <\/span>\n                            <\/el-option>\n                                                    <el-option value=\"name-asc\"\n                                class=\"group\/option relative block cursor-pointer py-2 pr-9 pl-4 select-none focus:bg-foreground focus:text-background focus:outline-hidden\">\n                                <span\n                                    class=\"block truncate group-aria-selected\/option:font-semibold\">Name: A\u2013Z<\/span>\n                                <span\n                                    class=\"absolute inset-y-0 right-0 flex items-center pr-3 text-foreground group-not-aria-selected\/option:hidden group-focus\/option:text-background in-[el-selectedcontent]:hidden\">\n                                    <svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-4\">\n                                        <path\n                                            d=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n                                            clip-rule=\"evenodd\" fill-rule=\"evenodd\" \/>\n                                    <\/svg>\n                                <\/span>\n                            <\/el-option>\n                                                    <el-option value=\"date-desc\"\n                                class=\"group\/option relative block cursor-pointer py-2 pr-9 pl-4 select-none focus:bg-foreground focus:text-background focus:outline-hidden\">\n                                <span\n                                    class=\"block truncate group-aria-selected\/option:font-semibold\">New<\/span>\n                                <span\n                                    class=\"absolute inset-y-0 right-0 flex items-center pr-3 text-foreground group-not-aria-selected\/option:hidden group-focus\/option:text-background in-[el-selectedcontent]:hidden\">\n                                    <svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\" class=\"size-4\">\n                                        <path\n                                            d=\"M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z\"\n                                            clip-rule=\"evenodd\" fill-rule=\"evenodd\" \/>\n                                    <\/svg>\n                                <\/span>\n                            <\/el-option>\n                                            <\/el-options>\n                <\/el-select>\n                <el-dialog>\n                    <dialog id=\"filters-drawer\" aria-labelledby=\"filters-drawer-title\"\n                        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\n                            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\n                                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                                    <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\">\n                                                Filter products                                            <\/h2>\n                                            <div class=\"ml-3 flex h-7 items-center\">\n                                                <button type=\"button\" command=\"close\" commandfor=\"filters-drawer\"\n                                                    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\n                                                        class=\"sr-only\">Close<\/span>\n                                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                                        stroke-width=\"1.5\" data-slot=\"icon\" aria-hidden=\"true\"\n                                                        class=\"size-8\">\n                                                        <path d=\"M6 18 18 6M6 6l12 12\" stroke-linecap=\"round\"\n                                                            stroke-linejoin=\"round\" \/>\n                                                    <\/svg>\n                                                <\/button>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n\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                                                                                                                                                <details class=\"filter-group group border-b border-foreground\/10 pb-4\">\n                                                        <summary class=\"mb-3 flex cursor-pointer list-none items-center justify-between font-display text-lg font-semibold uppercase\">\n                                                            <span>Formato<\/span>\n                                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"transition-transform duration-200 group-open:rotate-180\">\n                                                                <path d=\"m6 9 6 6 6-6\" \/>\n                                                            <\/svg>\n                                                        <\/summary>\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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_formato_1000-g\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_formato_250-g\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_formato_250g-grani\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_formato_250g-macinato\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_formato_50-pz\"\n                                                                            class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">50 pods<\/label>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                                                                    <\/div>\n                                                    <\/details>\n                                                                                                    <details class=\"filter-group group border-b border-foreground\/10 pb-4\">\n                                                        <summary class=\"mb-3 flex cursor-pointer list-none items-center justify-between font-display text-lg font-semibold uppercase\">\n                                                            <span>Formula<\/span>\n                                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"transition-transform duration-200 group-open:rotate-180\">\n                                                                <path d=\"m6 9 6 6 6-6\" \/>\n                                                            <\/svg>\n                                                        <\/summary>\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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_formula_100-arabica\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_formula_15robusta\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_formula_20-robusta\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_formula_22-robusta-2\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_formula_25-robusta\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_formula_75-arabica\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_formula_78-arabica-2\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_formula_80-arabica\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_formula_85arabica\"\n                                                                            class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">85% Arabica<\/label>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                                                                    <\/div>\n                                                    <\/details>\n                                                                                                    <details class=\"filter-group group border-b border-foreground\/10 pb-4\">\n                                                        <summary class=\"mb-3 flex cursor-pointer list-none items-center justify-between font-display text-lg font-semibold uppercase\">\n                                                            <span>Utilizzo<\/span>\n                                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"transition-transform duration-200 group-open:rotate-180\">\n                                                                <path d=\"m6 9 6 6 6-6\" \/>\n                                                            <\/svg>\n                                                        <\/summary>\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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_utilizzo_espresso\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_utilizzo_grani-beans\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_utilizzo_macinato\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_utilizzo_cialde\"\n                                                                            class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Pods<\/label>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                                                                    <\/div>\n                                                    <\/details>\n                                                                                                    <details class=\"filter-group group border-b border-foreground\/10 pb-4\">\n                                                        <summary class=\"mb-3 flex cursor-pointer list-none items-center justify-between font-display text-lg font-semibold uppercase\">\n                                                            <span>Origin<\/span>\n                                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"transition-transform duration-200 group-open:rotate-180\">\n                                                                <path d=\"m6 9 6 6 6-6\" \/>\n                                                            <\/svg>\n                                                        <\/summary>\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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_provenienza_brasil\"\n                                                                            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 type=\"checkbox\"\n                                                                                id=\"filter_provenienza_brazil\"\n                                                                                name=\"filter_provenienza[]\"\n                                                                                value=\"Brazil\"\n                                                                                data-taxonomy=\"provenienza\"\n                                                                                data-term-id=\"brazil\"\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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_provenienza_brazil\"\n                                                                            class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Brazil<\/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 type=\"checkbox\"\n                                                                                id=\"filter_provenienza_colombia\"\n                                                                                name=\"filter_provenienza[]\"\n                                                                                value=\"Colombia\"\n                                                                                data-taxonomy=\"provenienza\"\n                                                                                data-term-id=\"colombia\"\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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_provenienza_colombia\"\n                                                                            class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Colombia<\/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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_provenienza_el-salvador\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_provenienza_ethiopia\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_provenienza_guatemala\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_provenienza_india\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_provenienza_peru\"\n                                                                            class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Per\u00f9<\/label>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                                                                    <\/div>\n                                                    <\/details>\n                                                                                                    <details class=\"filter-group group border-b border-foreground\/10 pb-4\">\n                                                        <summary class=\"mb-3 flex cursor-pointer list-none items-center justify-between font-display text-lg font-semibold uppercase\">\n                                                            <span>Extraction<\/span>\n                                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"transition-transform duration-200 group-open:rotate-180\">\n                                                                <path d=\"m6 9 6 6 6-6\" \/>\n                                                            <\/svg>\n                                                        <\/summary>\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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_estrazione_v60\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_estrazione_filtro\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_estrazione_cold-brew\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_estrazione_cold-drip\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_estrazione_syphon\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_estrazione_chemex\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_estrazione_aeropress\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_estrazione_french-press\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_estrazione_moka\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_estrazione_gravita\"\n                                                                            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 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\"\n                                                                                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\"\n                                                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                                                    class=\"opacity-0 group-has-[:checked]:opacity-100\" \/>\n                                                                            <\/svg>\n                                                                        <\/div>\n                                                                    <\/div>\n                                                                    <div class=\"text-sm\/6\">\n                                                                        <label\n                                                                            for=\"filter_estrazione_espresso\"\n                                                                            class=\"font-medium cursor-pointer hover:text-coffe-green transition-colors\">Espresso<\/label>\n                                                                    <\/div>\n                                                                <\/div>\n                                                                                                                    <\/div>\n                                                    <\/details>\n                                                                                                                                    <\/form>\n                                    <\/div>\n\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\"\n                                                class=\"flex-1 btn btn--sm btn--outline\">\n                                                Reset                                            <\/button>\n                                            <button type=\"button\" id=\"apply-filters\" command=\"close\"\n                                                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    <\/section>\n    <div id=\"shop-products-list-block__products\">\n        <div class=\"relative\">\n            <div class=\"relative grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-1 lg:gap-4\">\n                \n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/los-manatiales\/\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"13875\"  data-product-type=\"simple\"  data-order=\"0\"  data-price=\"54\"  data-date=\"1773067930\"  data-name=\"Los Manatiales\"  data-formula=\"100% Arabica\"  data-formato=\"250g - Beans\"  data-utilizzo=\"Grain beans\"  data-provenienza=\"guatemala\"  data-categories=\"limited-edition\"  data-estrazione=\"filtro,aeropress,chemex,french-press,v60\" >\n    <div style=\"background-color: #63b44a;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"Los Manatiales\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    250g &#8211; Beans                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg: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 flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Guatemala                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            Los Manatiales        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/taferi-kela\/\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"14037\"  data-product-type=\"simple\"  data-order=\"1\"  data-price=\"20\"  data-date=\"1775730211\"  data-name=\"Taferi Kela\"  data-formula=\"100% Arabica\"  data-formato=\"250g - Beans\"  data-utilizzo=\"Grain beans\"  data-provenienza=\"ethiopia\"  data-categories=\"limited-edition\"  data-estrazione=\"espresso\" >\n    <div style=\"background-color: #7a2682;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"Taferi Kela\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    250g &#8211; Beans                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 transform transition-all duration-300\">\n            <img width=\"278\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/04\/LPDC_RENDER_LE_TAFERI-KELA_250gr_TRANS-278x300.png\" class=\"w-24 lg:w-44 lg:max-h-64 object-contain\" alt=\"Taferi Kela\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/04\/LPDC_RENDER_LE_TAFERI-KELA_250gr_TRANS-278x300.png 278w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/04\/LPDC_RENDER_LE_TAFERI-KELA_250gr_TRANS-948x1024.png 948w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/04\/LPDC_RENDER_LE_TAFERI-KELA_250gr_TRANS-768x829.png 768w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/04\/LPDC_RENDER_LE_TAFERI-KELA_250gr_TRANS-1422x1536.png 1422w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/04\/LPDC_RENDER_LE_TAFERI-KELA_250gr_TRANS-1897x2048.png 1897w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/04\/LPDC_RENDER_LE_TAFERI-KELA_250gr_TRANS-600x648.png 600w\" sizes=\"auto, (max-width: 278px) 100vw, 278px\" \/>        <\/figure>\n                    <ul class=\"flex flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Ethiopia                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            Taferi Kela        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/la-experimental\/\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"14687\"  data-product-type=\"simple\"  data-order=\"2\"  data-price=\"22\"  data-date=\"1782291605\"  data-name=\"La Experimental\"  data-formula=\"100% Arabica\"  data-formato=\"250g - Beans\"  data-utilizzo=\"Grain beans\"  data-provenienza=\"colombia\"  data-categories=\"limited-edition\"  data-estrazione=\"filtro,cold-drip,chemex,aeropress,french-press,v60\" >\n    <div style=\"background-color: #dd1616;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"La Experimental\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                    <div class=\"absolute left-5 top-5 text-left bg-background px-2 py-1 rounded\">\n                <p class=\"flex items-center gap-2 text-foreground text-sm\">\n                                        <span>Limited Edition<\/span>\n                <\/p>\n            <\/div>\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    250g &#8211; Beans                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 transform transition-all duration-300\">\n            <img width=\"278\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/06\/LPDC_RENDER_LE_250gr_LA-EXPERIMENTAL_TRANS-278x300.png\" class=\"w-24 lg:w-44 lg:max-h-64 object-contain\" alt=\"La Experimental\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/06\/LPDC_RENDER_LE_250gr_LA-EXPERIMENTAL_TRANS-278x300.png 278w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/06\/LPDC_RENDER_LE_250gr_LA-EXPERIMENTAL_TRANS-948x1024.png 948w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/06\/LPDC_RENDER_LE_250gr_LA-EXPERIMENTAL_TRANS-768x829.png 768w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/06\/LPDC_RENDER_LE_250gr_LA-EXPERIMENTAL_TRANS-1422x1536.png 1422w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/06\/LPDC_RENDER_LE_250gr_LA-EXPERIMENTAL_TRANS-1897x2048.png 1897w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/06\/LPDC_RENDER_LE_250gr_LA-EXPERIMENTAL_TRANS-600x648.png 600w\" sizes=\"auto, (max-width: 278px) 100vw, 278px\" \/>        <\/figure>\n                    <ul class=\"flex flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Colombia                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            La Experimental        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/buongiorno\/?attribute_pa_formato=250g-grani\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"14215\"  data-product-type=\"variation\"  data-order=\"3\"  data-price=\"8.85\"  data-date=\"1779383631\"  data-name=\"Buongiorno\"  data-formula=\"80% Arabica,20% Robusta\"  data-formato=\"250g - Grani\"  data-utilizzo=\"Grain beans,Ground\"  data-provenienza=\"brasil,india\"  data-categories=\"miscele,best-sellers\"  data-estrazione=\"moka,filtro\" >\n    <div style=\"background-color: #e83030;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"Buongiorno\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] font-bold\"><span class=\"woocommerce-Price-amount amount\">8,85&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/span>\n                <span class=\"text-xs\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    250g &#8211; Grani                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 transform transition-all duration-300\">\n            <img width=\"300\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/05\/LPDC_MKP_BUONGIORNO_250gr_WEB_TRANS.png\" class=\"w-24 lg:w-44 lg:max-h-64 object-contain\" alt=\"Buongiorno\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/05\/LPDC_MKP_BUONGIORNO_250gr_WEB_TRANS.png 300w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/05\/LPDC_MKP_BUONGIORNO_250gr_WEB_TRANS-1024x1024.png 1024w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/05\/LPDC_MKP_BUONGIORNO_250gr_WEB_TRANS-150x150.png 150w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/05\/LPDC_MKP_BUONGIORNO_250gr_WEB_TRANS-768x768.png 768w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/05\/LPDC_MKP_BUONGIORNO_250gr_WEB_TRANS-1536x1536.png 1536w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/05\/LPDC_MKP_BUONGIORNO_250gr_WEB_TRANS-2048x2048.png 2048w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/05\/LPDC_MKP_BUONGIORNO_250gr_WEB_TRANS-600x600.png 600w, https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/05\/LPDC_MKP_BUONGIORNO_250gr_WEB_TRANS-100x100.png 100w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>        <\/figure>\n                    <ul class=\"flex flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        80% Arabica                                                    <span class=\"text-xl leading-0\">&bull;<\/span>\n                                            <\/li>\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        20% Robusta                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Brasil                                                    <span class=\"\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        India                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            Buongiorno        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/mediterraneo\/?attribute_pa_formato=1000-g&#038;attribute_pa_estrazione=espresso\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"13113\"  data-product-type=\"variation\"  data-order=\"4\"  data-price=\"36.5\"  data-date=\"1768409204\"  data-name=\"Mediterraneo\"  data-formula=\"75% Arabica,25% Robusta\"  data-formato=\"1000 g - Grani\"  data-utilizzo=\"Grain beans\"  data-provenienza=\"india,brazil,colombia\"  data-categories=\"miscele,best-sellers\"  data-estrazione=\"espresso\" >\n    <div style=\"background-color: #482d26;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"Mediterraneo\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    1000 g &#8211; Grani                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg:max-h-64 object-contain\" alt=\"Mediterraneo\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        75% Arabica                                                    <span class=\"text-xl leading-0\">&bull;<\/span>\n                                            <\/li>\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        25% Robusta                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        India                                                    <span class=\"\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Brazil                                                    <span class=\"\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Colombia                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            Mediterraneo        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/cordillera-del-fuego\/\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"13887\"  data-product-type=\"simple\"  data-order=\"5\"  data-price=\"22\"  data-date=\"1773145367\"  data-name=\"Cordillera del Fuego\"  data-formula=\"100% Arabica\"  data-formato=\"250g - Beans\"  data-utilizzo=\"Grain beans\"  data-provenienza=\"limited-edition\"  data-categories=\"limited-edition\"  data-estrazione=\"filtro,aeropress,chemex,french-press,v60\" >\n    <div style=\"background-color: #f28d76;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"Cordillera del Fuego\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                                    <div class=\"absolute left-5 top-5 flex flex-col items-start gap-2\">\n                                    <svg width=\"46\" height=\"54\" viewBox=\"0 0 46 54\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M0 0V53.999H45.4492V0L0 0.00100333V0Z\" fill=\"#010202\" \/>\n                        <path d=\"M3.22912 22.7025C3.22912 17.5125 5.27578 12.8037 8.59332 9.30328C8.17004 10.3929 7.57673 12.3218 7.57673 14.6129C7.57673 17.2251 8.34705 20.2973 11.0181 23.1151L11.5086 23.6323C15.3181 27.6456 18.74 31.2487 18.74 36.0487C18.74 37.6876 18.3358 39.4685 17.413 41.4518C9.23955 39.1281 3.229 31.6128 3.229 22.702\" fill=\"#CDD42A\" \/>\n                        <path d=\"M25.7007 21.0647C22.8616 21.0647 20.5644 18.7655 20.5644 15.9256C20.5644 13.0897 22.8618 10.7886 25.7007 10.7886C28.5372 10.7886 30.837 13.0897 30.837 15.9256C30.837 18.7655 28.537 21.0647 25.7007 21.0647ZM42.2225 22.7026C42.2225 22.5285 42.215 22.3534 42.2095 22.1788L42.2135 22.1778C42.2135 11.7151 33.76 3.20935 23.3 3.20935C23.1566 3.20935 22.7689 3.22139 22.7689 3.22139C21.2473 3.27407 19.7217 3.54597 18.4735 3.92874C17.8893 4.10733 15.8135 4.82017 14.2933 6.37284C12.692 8.0268 11.7075 10.2778 11.7075 12.762C11.7075 16.8138 14.2071 19.9454 17.9672 21.4741C19.5831 22.1122 21.3484 22.5111 22.6433 22.8271C24.8971 23.3764 29.64 24.168 33.5888 26.7772L33.7387 26.8735C36.2067 28.5601 37.6957 30.9273 37.6957 34.9418C37.6957 35.0196 37.6927 35.1003 37.6927 35.1806C40.5172 31.7949 42.2225 27.4447 42.2225 22.7026Z\" fill=\"#00B0DB\" \/>\n                        <path d=\"M18.3128 45.9431H19.8735V50.7354H20.8289V45.9431H22.4237V45.0863H18.3129L18.3128 45.9431ZM16.5636 47.6688C16.3263 47.7927 16.0636 47.8038 15.9432 47.8078C15.7391 47.8194 15.5977 47.8249 15.2295 47.8249H14.7917V45.896H15.3524C15.9879 45.896 16.2757 45.901 16.525 46.0234C16.9974 46.2637 17.0174 46.7147 17.016 46.8486H17.0084L17.016 46.8576V46.8593C17.0175 47.2972 16.8038 47.5464 16.5636 47.6688ZM16.8595 48.4039L16.8941 48.3923C17.2115 48.2945 17.9874 47.9318 17.9874 46.8657C17.9859 46.2105 17.7196 45.7741 17.3745 45.4896C16.8846 45.0963 16.3921 45.0948 15.6208 45.0863H13.8444V50.7354H14.7918V48.5933H15.8545L16.9989 50.7354H18.0922L16.8219 48.4142L16.8595 48.4039ZM25.8025 47.6689C25.5633 47.7939 25.2994 47.8039 25.1791 47.8079C24.9765 47.8195 24.834 47.825 24.4674 47.825H24.0276L24.0281 45.9552V45.896H24.5903C25.2262 45.896 25.5126 45.9011 25.7628 46.0235C26.2322 46.2628 26.2543 46.7087 26.2523 46.8457H26.2503L26.2523 46.8578V46.8594C26.2543 47.2973 26.0417 47.5465 25.8025 47.6689ZM26.0973 48.404L26.1334 48.3914C26.4489 48.2946 27.2243 47.9319 27.2247 46.8659C27.2243 46.2107 26.9584 45.7743 26.6104 45.4898C26.1214 45.0965 25.6299 45.095 24.8606 45.0865H23.0803V50.7356H24.0276V48.5935H25.0898L26.2368 50.7356H27.3276L26.0593 48.4144L26.0973 48.404ZM36.924 47.9781C36.9255 49.1851 36.4601 49.5854 36.0233 49.7515C35.7675 49.8458 35.4716 49.8869 34.6532 49.8869H34.1341V45.9428H34.7675C35.4927 45.9514 35.6813 45.9609 36.0048 46.1059C36.8418 46.5102 36.924 47.4253 36.924 47.9681C36.924 47.9721 36.9225 47.9761 36.924 47.9781ZM36.8568 45.5255C36.2695 45.1031 35.6817 45.095 35.1848 45.0865H33.1782V50.7356H34.9646C35.6427 50.7281 36.2345 50.7196 36.7896 50.3925C37.6121 49.9179 37.9436 48.9367 37.9436 47.9609C37.9436 47.3218 37.7967 46.1832 36.8568 45.5255ZM42.6836 45.9271V45.0863H38.7021V50.7355H42.6706V49.8867H39.6419V48.2161H42.4218V47.409H39.6419V45.927L42.6836 45.9271ZM29.3116 48.7916L30.1953 45.8549L31.0704 48.7916H29.3116ZM29.6095 45.0863L27.7058 50.7355H28.7269L29.0609 49.6062L31.3202 49.607L31.6547 50.7352H32.6742L30.7464 45.0861L29.6095 45.0863ZM9.44868 48.7916H7.68487L8.57054 45.8529L9.4226 48.7088L9.44868 48.7916ZM7.98674 45.0858L6.08147 50.7357H7.10303L7.43805 49.6065H9.69534L10.0324 50.7357H11.051L9.12414 45.0866L7.9867 45.0862L7.98674 45.0858ZM3.65406 45.9271H6.40035V45.0863H2.7052V50.7354H3.65406V48.2903H6.06582V47.4907H3.65406V45.9271ZM11.7308 45.0863V50.7354H12.6692V45.0863H11.7308Z\" fill=\"white\" \/>\n                    <\/svg>\n                                            <\/div>\n        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    250g &#8211; Beans                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg: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 flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Limited Edition                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            Cordillera del Fuego        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/coopchebi\/?attribute_pa_estrazione=espresso&#038;attribute_pa_formato=50-pz\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"13921\"  data-product-type=\"variation\"  data-order=\"6\"  data-price=\"27.5\"  data-date=\"1773309230\"  data-name=\"Coopchebi\"  data-formula=\"100% Arabica\"  data-formato=\"50 cialde\"  data-utilizzo=\"Grain beans,Ground,Pods\"  data-provenienza=\"peru\"  data-categories=\"singola-piantagione\"  data-estrazione=\"espresso,moka\" >\n    <div style=\"background-color: #dcb423;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"Coopchebi\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    50 cialde                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg:max-h-64 object-contain\" alt=\"Coopchebi\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Per\u00f9                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            Coopchebi        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/water-decaf\/?attribute_pa_estrazione=espresso&#038;attribute_pa_formato=50-pz\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"13920\"  data-product-type=\"variation\"  data-order=\"7\"  data-price=\"24.8\"  data-date=\"1773309374\"  data-name=\"Water Decaf\"  data-formula=\"100% Arabica\"  data-formato=\"50 cialde\"  data-utilizzo=\"Grain beans,Pods\"  data-provenienza=\"mexico\"  data-categories=\"decaf,best-sellers\"  data-estrazione=\"espresso,moka\" >\n    <div style=\"background-color: #0bb5e0;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"Water Decaf\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    50 cialde                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg:max-h-64 object-contain\" alt=\"Water Decaf\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Mexico                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            Water Decaf        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/yrgalem\/?attribute_pa_estrazione=espresso&#038;attribute_pa_formato=250g-grani\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"13104\"  data-product-type=\"variation\"  data-order=\"8\"  data-price=\"11.5\"  data-date=\"1768408194\"  data-name=\"Yrgalem\"  data-formula=\"100% Arabica\"  data-formato=\"250g - Grani\"  data-utilizzo=\"Grain beans,Ground\"  data-provenienza=\"ethiopia\"  data-categories=\"singola-piantagione\"  data-estrazione=\"moka,espresso\" >\n    <div style=\"background-color: #dd8bc5;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"Yrgalem\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    250g &#8211; Grani                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg:max-h-64 object-contain\" alt=\"Yrgalem\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Ethiopia                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            Yrgalem        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/yrgalem\/?attribute_pa_estrazione=moka&#038;attribute_pa_formato=250g-macinato\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"13105\"  data-product-type=\"variation\"  data-order=\"9\"  data-price=\"11.5\"  data-date=\"1768408194\"  data-name=\"Yrgalem\"  data-formula=\"100% Arabica\"  data-formato=\"250g - Macinato\"  data-utilizzo=\"Grain beans,Ground\"  data-provenienza=\"ethiopia\"  data-categories=\"singola-piantagione\"  data-estrazione=\"moka,espresso\" >\n    <div style=\"background-color: #dd8bc5;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"Yrgalem\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    250g &#8211; Macinato                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg:max-h-64 object-contain\" alt=\"Yrgalem\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Ethiopia                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            Yrgalem        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/faf\/\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-black transition-all duration-500 ease-in-out \"\n     data-product-id=\"13487\"  data-product-type=\"simple\"  data-order=\"10\"  data-price=\"11.5\"  data-date=\"1768583814\"  data-name=\"FAF\"  data-formula=\"100% Arabica\"  data-formato=\"250g - Beans\"  data-utilizzo=\"Grain beans\"  data-provenienza=\"brazil\"  data-categories=\"singola-piantagione\"  data-estrazione=\"filtro,v60\" >\n    <div style=\"background-color: #f1efa2;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"FAF\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                                    <div class=\"absolute left-5 top-5 flex flex-col items-start gap-2\">\n                                                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/EU_Organic_Logo_Colour_54x36mm.jpg\" alt=\"EU Organic\" width=\"46\" height=\"31\" class=\"w-[46px] h-auto object-contain\">\n                            <\/div>\n        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    250g &#8211; Beans                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg: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 flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Brazil                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            FAF        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/mediterraneo\/?attribute_pa_formato=50-pz&#038;attribute_pa_estrazione=espresso\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"13114\"  data-product-type=\"variation\"  data-order=\"11\"  data-price=\"21\"  data-date=\"1768409204\"  data-name=\"Mediterraneo\"  data-formula=\"75% Arabica,25% Robusta\"  data-formato=\"50 cialde\"  data-utilizzo=\"Grain beans\"  data-provenienza=\"india,brazil,colombia\"  data-categories=\"miscele,best-sellers\"  data-estrazione=\"espresso\" >\n    <div style=\"background-color: #482d26;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"Mediterraneo\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    50 cialde                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg:max-h-64 object-contain\" alt=\"Mediterraneo\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        75% Arabica                                                    <span class=\"text-xl leading-0\">&bull;<\/span>\n                                            <\/li>\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        25% Robusta                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        India                                                    <span class=\"\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Brazil                                                    <span class=\"\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Colombia                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            Mediterraneo        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/buongiorno\/?attribute_pa_formato=250g-macinato\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"13359\"  data-product-type=\"variation\"  data-order=\"12\"  data-price=\"8.85\"  data-date=\"1768501377\"  data-name=\"Buongiorno\"  data-formula=\"80% Arabica,20% Robusta\"  data-formato=\"250g - Macinato\"  data-utilizzo=\"Grain beans,Ground\"  data-provenienza=\"brasil,india\"  data-categories=\"miscele,best-sellers\"  data-estrazione=\"moka,filtro\" >\n    <div style=\"background-color: #e83030;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"Buongiorno\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                    <div class=\"absolute left-5 top-5 text-left bg-background px-2 py-1 rounded\">\n                <p class=\"flex items-center gap-2 text-foreground text-sm\">\n                                            <span class=\"size-2 rounded-full inline-flex items-center justify-center\"\n                            style=\"background-color: #FEA500;\"><\/span>\n                                        <span>Promo<\/span>\n                <\/p>\n            <\/div>\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    250g &#8211; Macinato                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 transform transition-all duration-300\">\n            <img width=\"240\" height=\"300\" src=\"https:\/\/www.lepiantagionidelcaffe.com\/wp-content\/uploads\/2026\/01\/Render_LPDC_FasceMacinato_BUONGIORNO-scaled-e1768405398120.png\" class=\"w-24 lg:w-44 lg:max-h-64 object-contain\" alt=\"Buongiorno\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        80% Arabica                                                    <span class=\"text-xl leading-0\">&bull;<\/span>\n                                            <\/li>\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        20% Robusta                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Brasil                                                    <span class=\"\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        India                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            Buongiorno        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/water-decaf\/?attribute_pa_estrazione=espresso&#038;attribute_pa_formato=250g-grani\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"13074\"  data-product-type=\"variation\"  data-order=\"13\"  data-price=\"11.5\"  data-date=\"1768406732\"  data-name=\"Water Decaf\"  data-formula=\"100% Arabica\"  data-formato=\"250g - Grani\"  data-utilizzo=\"Grain beans,Pods\"  data-provenienza=\"mexico\"  data-categories=\"decaf,best-sellers\"  data-estrazione=\"espresso,moka\" >\n    <div style=\"background-color: #0bb5e0;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"Water Decaf\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    250g &#8211; Grani                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg:max-h-64 object-contain\" alt=\"Water Decaf\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Mexico                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            Water Decaf        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/coopchebi\/?attribute_pa_estrazione=espresso&#038;attribute_pa_formato=250g-grani\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"13099\"  data-product-type=\"variation\"  data-order=\"14\"  data-price=\"11.5\"  data-date=\"1768407325\"  data-name=\"Coopchebi\"  data-formula=\"100% Arabica\"  data-formato=\"250g - Grani\"  data-utilizzo=\"Grain beans,Ground,Pods\"  data-provenienza=\"peru\"  data-categories=\"singola-piantagione\"  data-estrazione=\"espresso,moka\" >\n    <div style=\"background-color: #dcb423;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"Coopchebi\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    250g &#8211; Grani                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg:max-h-64 object-contain\" alt=\"Coopchebi\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Per\u00f9                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            Coopchebi        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/beriti\/\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"13481\"  data-product-type=\"simple\"  data-order=\"15\"  data-price=\"13.5\"  data-date=\"1768582878\"  data-name=\"Beriti\"  data-formula=\"100% Arabica\"  data-formato=\"250g - Beans\"  data-utilizzo=\"Grain beans\"  data-provenienza=\"ethiopia\"  data-categories=\"singola-piantagione\"  data-estrazione=\"espresso\" >\n    <div style=\"background-color: #39a8e0;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"Beriti\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    250g &#8211; Beans                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg: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 flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Ethiopia                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            Beriti        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/coopchebi\/?attribute_pa_estrazione=moka&#038;attribute_pa_formato=250g-macinato\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"13100\"  data-product-type=\"variation\"  data-order=\"16\"  data-price=\"11.5\"  data-date=\"1768407325\"  data-name=\"Coopchebi\"  data-formula=\"100% Arabica\"  data-formato=\"250g - Macinato\"  data-utilizzo=\"Grain beans,Ground,Pods\"  data-provenienza=\"peru\"  data-categories=\"singola-piantagione\"  data-estrazione=\"espresso,moka\" >\n    <div style=\"background-color: #dcb423;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"Coopchebi\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    250g &#8211; Macinato                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg:max-h-64 object-contain\" alt=\"Coopchebi\" loading=\"lazy\" decoding=\"async\" \/>        <\/figure>\n                    <ul class=\"flex flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Per\u00f9                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            Coopchebi        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/chelchele\/\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"13041\"  data-product-type=\"simple\"  data-order=\"17\"  data-price=\"20.5\"  data-date=\"1768400979\"  data-name=\"Chelchele\"  data-formula=\"100% Arabica\"  data-formato=\"250g - Beans\"  data-utilizzo=\"Grain beans\"  data-provenienza=\"ethiopia\"  data-categories=\"limited-edition,best-sellers\"  data-estrazione=\"aeropress,chemex,cold-brew,cold-drip\" >\n    <div style=\"background-color: #ea0029;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"Chelchele\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                    <div class=\"absolute left-5 top-5 text-left bg-background px-2 py-1 rounded\">\n                <p class=\"flex items-center gap-2 text-foreground text-sm\">\n                                            <span class=\"size-2 rounded-full inline-flex items-center justify-center\"\n                            style=\"background-color: #FF2301;\"><\/span>\n                                        <span>Sold out<\/span>\n                <\/p>\n            <\/div>\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    250g &#8211; Beans                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg: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 flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Ethiopia                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            Chelchele        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/kurupe\/\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"13037\"  data-product-type=\"simple\"  data-order=\"18\"  data-price=\"20.5\"  data-date=\"1768400604\"  data-name=\"Kurupe\"  data-formula=\"100% Arabica\"  data-formato=\"250g - Beans\"  data-utilizzo=\"Grain beans\"  data-provenienza=\"ethiopia\"  data-categories=\"limited-edition\"  data-estrazione=\"espresso\" >\n    <div style=\"background-color: #ef7e25;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"Kurupe\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                    <div class=\"absolute left-5 top-5 text-left bg-background px-2 py-1 rounded\">\n                <p class=\"flex items-center gap-2 text-foreground text-sm\">\n                                            <span class=\"size-2 rounded-full inline-flex items-center justify-center\"\n                            style=\"background-color: #FF2301;\"><\/span>\n                                        <span>Sold out<\/span>\n                <\/p>\n            <\/div>\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    250g &#8211; Beans                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg: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 flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Ethiopia                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            Kurupe        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/los-bellotos\/\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-black transition-all duration-500 ease-in-out \"\n     data-product-id=\"13010\"  data-product-type=\"simple\"  data-order=\"19\"  data-price=\"12\"  data-date=\"1768394433\"  data-name=\"Los Bellotos\"  data-formula=\"100% Arabica\"  data-formato=\"250g - Beans\"  data-utilizzo=\"Grain beans\"  data-provenienza=\"el-salvador\"  data-categories=\"singola-piantagione\"  data-estrazione=\"espresso\" >\n    <div style=\"background-color: #f1efa2;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"Los Bellotos\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    250g &#8211; Beans                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg: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 flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        El Salvador                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            Los Bellotos        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/el-tambor\/\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"13005\"  data-product-type=\"simple\"  data-order=\"20\"  data-price=\"12\"  data-date=\"1768394099\"  data-name=\"El Tambor\"  data-formula=\"100% Arabica\"  data-formato=\"250g - Beans\"  data-utilizzo=\"Grain beans\"  data-provenienza=\"guatemala\"  data-categories=\"singola-piantagione,best-sellers\"  data-estrazione=\"espresso\" >\n    <div style=\"background-color: #e85c0b;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"El Tambor\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    250g &#8211; Beans                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg: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 flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Guatemala                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            El Tambor        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/pasticceri\/\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"13331\"  data-product-type=\"simple\"  data-order=\"21\"  data-price=\"38\"  data-date=\"1766401842\"  data-name=\"Pasticceri\"  data-formula=\"100% Arabica\"  data-formato=\"1000 g - Beans\"  data-utilizzo=\"Espresso\"  data-provenienza=\"ethiopia,el-salvador,brasil\"  data-categories=\"miscele,best-sellers\"  data-estrazione=\"espresso\" >\n    <div style=\"background-color: #d95494;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"Pasticceri\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    1000 g &#8211; Beans                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg: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 flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Ethiopia                                                    <span class=\"\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        El Salvador                                                    <span class=\"\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Brasil                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            Pasticceri        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/78-22\/\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"12965\"  data-product-type=\"simple\"  data-order=\"22\"  data-price=\"36.5\"  data-date=\"1766403271\"  data-name=\"78\/22\"  data-formula=\"78% Arabica,22% Robusta\"  data-formato=\"1000 g - Beans\"  data-utilizzo=\"Espresso\"  data-provenienza=\"brasil,india\"  data-categories=\"miscele\"  data-estrazione=\"espresso\" >\n    <div style=\"background-color: #8151a1;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"78\/22\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    1000 g &#8211; Beans                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg: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 flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        78% Arabica                                                    <span class=\"text-xl leading-0\">&bull;<\/span>\n                                            <\/li>\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        22% Robusta                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Brasil                                                    <span class=\"\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        India                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            78\/22        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/lab106\/\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"13335\"  data-product-type=\"simple\"  data-order=\"23\"  data-price=\"37.5\"  data-date=\"1766402717\"  data-name=\"LAB#106\"  data-formula=\"100% Arabica\"  data-formato=\"1000 g - Beans\"  data-utilizzo=\"Espresso\"  data-provenienza=\"el-salvador,brasil\"  data-categories=\"miscele\"  data-estrazione=\"espresso\" >\n    <div style=\"background-color: #007d50;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"LAB#106\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    1000 g &#8211; Beans                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg: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 flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        100% Arabica                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        El Salvador                                                    <span class=\"\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Brasil                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            LAB#106        <\/h3>\n        <!--          -->\n    <\/div>\n<\/a>\n<a href=\"https:\/\/www.lepiantagionidelcaffe.com\/en\/prodotto\/85-15\/\" target=\"_self\"\n    class=\"relative product-card swiper-slide flex flex-col rounded items-center h-[22rem] lg:h-[33rem] group overflow-hidden hover:text-white transition-all duration-500 ease-in-out \"\n     data-product-id=\"13339\"  data-product-type=\"simple\"  data-order=\"24\"  data-price=\"37\"  data-date=\"1765269664\"  data-name=\"85\/15\"  data-formula=\"85% Arabica,15% Robusta\"  data-formato=\"1000 g - Beans\"  data-utilizzo=\"Espresso,Grain beans\"  data-provenienza=\"ethiopia,el-salvador,brasil,india\"  data-categories=\"miscele\"  data-estrazione=\"espresso\" >\n    <div style=\"background-color: #C90A2B;\"\n        class=\"w-full h-full absolute inset-0 opacity-10 group-hover:opacity-100 transition-all duration-500 ease-in-out\">\n    <\/div>\n    <figure\n        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\"\n            alt=\"85\/15\" class=\"w-full h-auto\">\n    <\/figure>\n    <div class=\"relative p-4 lg:p-5 flex flex-col text-center items-center justify-center w-full h-full\">\n                        \n        <div class=\"absolute right-5 top-5 text-right\">\n            <p class=\"relative flex flex-col\">\n                <span\n                    class=\"text-base\/[100%] lg:text-lg\/[100%] xl:text-xl\/[100%] 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\/[100%] inline-block \">VAT included<\/span>\n            <\/p>\n                            <p class=\"relative text-sm\/[100%] mt-0.5 lg:mt-2\">\n                    1000 g &#8211; Beans                <\/p>\n            \n        <\/div>\n\n        <figure\n            class=\"relative h-64 mt-5 lg:mt-10 flex items-end justify-end group-hover:scale-105 translate-y-0 group-hover:-translate-y-2 ease-in-out group-hover:-rotate-1 rotate-0 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-24 lg:w-44 lg: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 flex-wrap gap-x-1 mt-3 lg:mt-5 text-center\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        85% Arabica                                                    <span class=\"text-xl leading-0\">&bull;<\/span>\n                                            <\/li>\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        15% Robusta                                            <\/li>\n                            <\/ul>\n                            <ul class=\"flex flex-wrap gap-x-1 mt-1 lg:mt-2\">\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Ethiopia                                                    <span class=\"\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        El Salvador                                                    <span class=\"\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        Brasil                                                    <span class=\"\">|<\/span>\n                                            <\/li>\n                                    <li class=\"text-xs\/[100%] md:text-sm\/[100%] lg:text-base\/[100%]\">\n                        India                                            <\/li>\n                            <\/ul>\n                <h3\n            class=\"font-display mt-2 lg:mt-4 font-semibold text-xl\/[100%] lg:text-2xl\/[100%] xl:text-3xl\/[100%] uppercase\">\n\n            85\/15        <\/h3>\n        <!--          -->\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        const normalizeValue = (val) => val.toLowerCase().replace(\/[\\s\\-_]\/g, '');\n        const categoryPills = document.querySelectorAll('[data-format-value]');\n        let activeCategory = 'all';\n        const sortSelect = document.getElementById('sort-select');\n\n        \/\/ Ogni interazione (categoria, checkbox, sort) ricalcola sempre lo\n        \/\/ stesso stato: prima filtra (show\/hide), poi riordina i visibili.\n        \/\/ Cos\u00ec i tre controlli si combinano invece di sovrascriversi.\n        function applyState() {\n            filterProducts();\n            sortProducts();\n        }\n\n        function sortProducts() {\n            const value = sortSelect?.value || 'default';\n            const cards = [...productsGrid.querySelectorAll('.product-card')];\n\n            cards.sort((a, b) => {\n                switch (value) {\n                    case 'price-asc':\n                        return parseFloat(a.dataset.price || 0) - parseFloat(b.dataset.price || 0);\n                    case 'price-desc':\n                        return parseFloat(b.dataset.price || 0) - parseFloat(a.dataset.price || 0);\n                    case 'date-desc':\n                        return parseInt(b.dataset.date || 0) - parseInt(a.dataset.date || 0);\n                    case 'name-asc':\n                        return (a.dataset.name || '').localeCompare(b.dataset.name || '', undefined, {\n                            sensitivity: 'base'\n                        });\n                    default:\n                        return parseInt(a.dataset.order || 0) - parseInt(b.dataset.order || 0);\n                }\n            });\n\n            cards.forEach(card => productsGrid.appendChild(card));\n        }\n\n        if (sortSelect) {\n            sortSelect.addEventListener('change', applyState);\n        }\n\n        categoryPills.forEach(pill => {\n            pill.addEventListener('click', function() {\n                activeCategory = this.dataset.formatValue;\n                categoryPills.forEach(p => p.setAttribute('aria-pressed', 'false'));\n                this.setAttribute('aria-pressed', 'true');\n                applyState();\n            });\n        });\n\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        function filterProducts() {\n            const selectedFilters = getSelectedFilters();\n            const productCards = productsGrid.querySelectorAll('.product-card');\n            const hasFilters = Object.keys(selectedFilters).length > 0;\n\n            productCards.forEach(card => {\n                let shouldShow = true;\n\n                if (activeCategory !== 'all') {\n                    const cardCategories = card.dataset.categories ? card.dataset.categories.split(',') : [];\n                    if (!cardCategories.includes(activeCategory)) {\n                        shouldShow = false;\n                    }\n                }\n\n                if (shouldShow && hasFilters) {\n                    for (const taxonomy in selectedFilters) {\n                        const requiredValues = selectedFilters[taxonomy].map(normalizeValue);\n                        const taxonomyKey = taxonomy.replace('pa_', '');\n                        const productAttribute = card.dataset[taxonomyKey];\n                        let hasMatch = false;\n\n                        if (productAttribute) {\n                            const productValues = productAttribute.split(',').map(v => normalizeValue(v.trim()));\n                            hasMatch = requiredValues.some(reqVal =>\n                                productValues.some(prodVal =>\n                                    prodVal === reqVal ||\n                                    prodVal.includes(reqVal) ||\n                                    reqVal.includes(prodVal)\n                                )\n                            );\n                        }\n\n                        if (!hasMatch) {\n                            shouldShow = false;\n                            break;\n                        }\n                    }\n                }\n\n                card.style.display = shouldShow ? '' : 'none';\n            });\n        }\n\n        if (applyButton) {\n            applyButton.addEventListener('click', applyState);\n        }\n\n        if (resetButton) {\n            resetButton.addEventListener('click', function() {\n                filterForm.querySelectorAll('input[type=\"checkbox\"]').forEach(cb => {\n                    cb.checked = false;\n                });\n                activeCategory = 'all';\n                categoryPills.forEach(p => p.setAttribute('aria-pressed', 'false'));\n                document.querySelector('[data-format-value=\"all\"]')?.setAttribute('aria-pressed', 'true');\n                applyState();\n            });\n        }\n    })();\n<\/script>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"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-15064","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.lepiantagionidelcaffe.com\/en\/wp-json\/wp\/v2\/pages\/15064","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lepiantagionidelcaffe.com\/en\/wp-json\/wp\/v2\/comments?post=15064"}],"version-history":[{"count":7,"href":"https:\/\/www.lepiantagionidelcaffe.com\/en\/wp-json\/wp\/v2\/pages\/15064\/revisions"}],"predecessor-version":[{"id":15194,"href":"https:\/\/www.lepiantagionidelcaffe.com\/en\/wp-json\/wp\/v2\/pages\/15064\/revisions\/15194"}],"wp:attachment":[{"href":"https:\/\/www.lepiantagionidelcaffe.com\/en\/wp-json\/wp\/v2\/media?parent=15064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}