{"id":22932,"date":"2025-09-24T19:39:56","date_gmt":"2025-09-24T17:39:56","guid":{"rendered":"https:\/\/mokaefti.ch\/categories-de-produits\/"},"modified":"2025-09-26T13:08:37","modified_gmt":"2025-09-26T11:08:37","slug":"categories-de-produits","status":"publish","type":"page","link":"https:\/\/mokaefti.ch\/fr\/categories-de-produits\/","title":{"rendered":"Cat\u00e9gories de produits"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22932\" class=\"elementor elementor-22932 elementor-22934\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-3783254 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"3783254\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89006af elementor-widget elementor-widget-html\" data-id=\"89006af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n  Copia e incolla tutto questo codice in un widget HTML di Elementor.\r\n  Il codice \u00e8 stato aggiornato con regole CSS pi\u00f9 specifiche per sovrascrivere \r\n  gli stili del tema e rimuovere definitivamente il colore fucsia indesiderato.\r\n-->\r\n\r\n<style>\r\n    \/* Stile generale del contenitore *\/\r\n    .product-tabs-container {\r\n        font-family: sans-serif;\r\n        width: 100%;\r\n        margin: 0 auto;\r\n        border-radius: 12px;\r\n        background-color: #f9f6f2;\r\n        padding: 20px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- Navigazione a Schede --- *\/\r\n    .tabs-nav {\r\n        display: grid;\r\n        grid-template-columns: repeat(6, 1fr);\r\n        margin-bottom: 25px;\r\n        padding-bottom: 10px;\r\n        gap: 12px;\r\n    }\r\n    \r\n    .tabs-nav::-webkit-scrollbar {\r\n        display: none;\r\n    }\r\n\r\n    \/* Stile \"A ISOLA\" per le schede *\/\r\n    .tab-link {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        padding: 10px 15px;\r\n        cursor: pointer;\r\n        background-color: #ffffff;\r\n        border: 1px solid #e0d9cf;\r\n        border-radius: 10px;\r\n        white-space: nowrap;\r\n        font-size: 0.9rem;\r\n        font-weight: 600;\r\n        color: #555;\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n        box-shadow: 0 2px 5px rgba(0,0,0,0.05);\r\n        outline: none; \r\n        -webkit-tap-highlight-color: transparent; \/* Rimuove il flash al tocco su mobile *\/\r\n    }\r\n\r\n    .tab-link img {\r\n        width: 75px; \/* MODIFICA: Aumentato del 50% per desktop *\/\r\n        height: 75px; \/* MODIFICA: Aumentato del 50% per desktop *\/\r\n        object-fit: contain;\r\n        pointer-events: none;\r\n    }\r\n     .tab-link span {\r\n        pointer-events: none;\r\n    }\r\n    \r\n    \/* EFFETTO HOVER: Solo spostamento *\/\r\n    .tab-link:hover {\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    \/* FIX DEFINITIVO: Sovrascrive gli stili di focus e active del tema *\/\r\n    .tab-link:focus, .tab-link:active {\r\n        background-color: #ffffff !important;\r\n        color: #555 !important;\r\n        outline: none !important;\r\n        border-color: #e0d9cf !important;\r\n        box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important; \/* Mantiene l'ombra originale *\/\r\n    }\r\n\r\n    \/* Stile \"PREMUTO\" per la scheda attiva *\/\r\n    .tab-link.active {\r\n        border: 2px solid #c8a165;\r\n        color: #333;\r\n        box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);\r\n        transform: translateY(2px);\r\n        background-color: #fdfdfd;\r\n    }\r\n\r\n    \/* FIX: Assicura che la tab attiva non cambi al focus\/hover *\/\r\n    .tab-link.active:focus, .tab-link.active:hover {\r\n        background-color: #fdfdfd !important;\r\n        color: #333 !important;\r\n        border-color: #c8a165 !important;\r\n        box-shadow: inset 0 2px 4px rgba(0,0,0,0.1) !important;\r\n        transform: translateY(2px) !important;\r\n    }\r\n\r\n\r\n    \/* --- Contenuto delle Schede --- *\/\r\n    .tab-pane {\r\n        display: none;\r\n        animation: fadeIn 0.5s ease-in-out;\r\n    }\r\n\r\n    .tab-pane.active {\r\n        display: grid;\r\n        grid-template-columns: 1fr 2fr; \/* MODIFICA: Dato pi\u00f9 spazio al testo *\/\r\n        gap: 30px;\r\n        align-items: center;\r\n        justify-content: center; \/* MODIFICA: Aiuta a centrare il contenuto *\/\r\n    }\r\n\r\n    .pane-image {\r\n        justify-self: end; \/* MODIFICA: Allinea l'immagine a destra della sua colonna *\/\r\n    }\r\n\r\n    .pane-image img {\r\n        width: 100%;\r\n        max-width: 300px;\r\n        height: auto;\r\n        border-radius: 10px;\r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n        display: block;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .pane-title {\r\n        font-size: 2.5rem;\r\n        font-weight: bold;\r\n        color: #333;\r\n        margin: 0 0 15px 0;\r\n    }\r\n\r\n    .pane-description {\r\n        font-size: 24px; \/* MODIFICA: Aumentata la dimensione del font *\/\r\n        color: #666;\r\n        line-height: 1.7;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    \/* NUOVA REGOLA: Limita la larghezza del testo per una migliore leggibilit\u00e0 *\/\r\n    .pane-text {\r\n        max-width: 850px; \/* MODIFICA: Allargata l'area del testo *\/\r\n        justify-self: start; \/* MODIFICA: Allinea il testo a sinistra della sua colonna *\/\r\n    }\r\n\r\n    .pane-button {\r\n        display: inline-block;\r\n        background-color: #c8a165;\r\n        color: #ffffff;\r\n        padding: 12px 28px;\r\n        border-radius: 8px;\r\n        text-decoration: none !important; \/* MODIFICA: Rimuove la sottolineatura in ogni stato *\/\r\n        font-weight: bold;\r\n        transition: background-color 0.3s ease, transform 0.2s ease, color 0.3s ease;\r\n        border: none;\r\n        cursor: pointer;\r\n    }\r\n    \r\n    \/* MODIFICA: Stile hover per il pulsante finale *\/\r\n    .pane-button:hover {\r\n        background-color: #b38e53; \/* Sfondo pi\u00f9 scuro *\/\r\n        transform: translateY(-2px);\r\n        color: #ffffff !important; \/* Mantiene il testo bianco *\/\r\n        text-decoration: none !important; \/* Rimuove la sottolineatura *\/\r\n    }\r\n    \r\n    @keyframes fadeIn {\r\n        from { opacity: 0; transform: translateY(10px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* --- STILI PER MOBILE (ACCORDION) --- *\/\r\n    @media (max-width: 768px) {\r\n        .product-tabs-container {\r\n            padding: 15px;\r\n            background-color: transparent;\r\n        }\r\n        \r\n        .tabs-nav {\r\n            display: flex;\r\n            flex-direction: column;\r\n            margin-bottom: 0;\r\n            overflow-x: visible;\r\n        }\r\n\r\n        .tab-link {\r\n            width: 100%;\r\n            flex-direction: row;\r\n            justify-content: flex-start;\r\n            padding: 15px;\r\n        }\r\n\r\n        \/* MODIFICA: Dimensione immagine per mobile *\/\r\n        .tab-link img {\r\n            width: 58px;\r\n            height: 58px;\r\n        }\r\n\r\n        .tab-link.active {\r\n            border-radius: 10px 10px 0 0;\r\n        }\r\n\r\n        .tabs-content {\r\n            display: block !important;\r\n        }\r\n        \r\n        .tab-pane {\r\n            grid-template-columns: 1fr !important;\r\n            text-align: center;\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s ease-out, padding 0.4s ease-out, border 0.4s ease-out;\r\n            padding: 0 20px;\r\n            background-color: #f9f6f2;\r\n            border: 0px solid #e0d9cf;\r\n            border-top: none;\r\n            border-radius: 0 0 10px 10px;\r\n            display: grid !important;\r\n        }\r\n        \r\n        .tab-pane.is-open {\r\n            max-height: 2000px; \/* MODIFICA: Aumentata per non tagliare il pulsante *\/\r\n            padding: 25px 20px;\r\n            border-width: 1px;\r\n        }\r\n        \r\n        .pane-image {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .pane-title {\r\n            font-size: 2rem;\r\n        }\r\n\r\n        \/* NUOVA REGOLA: Riduce la dimensione del testo su mobile *\/\r\n        .pane-description {\r\n            font-size: 1rem; \/* Riporta il testo a una dimensione pi\u00f9 leggibile su mobile *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"product-tabs-container\">\r\n    <div class=\"tabs-nav\">\r\n        <!-- I pulsanti delle schede verranno popolati da JavaScript -->\r\n    <\/div>\r\n    <div class=\"tabs-content\">\r\n        <!-- I pannelli di contenuto verranno popolati da JavaScript -->\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n\r\n        \/\/ --- INIZIO AREA TRADUZIONI ---\r\n        const contentData = {\r\n            'it': [\r\n                { title: 'Grani', link: '\/categoria-prodotto\/grani\/', description: 'La nostra categoria di caff\u00e8 in grani rappresenta l\u2019eccellenza per chi ama macinare al momento i propri chicchi di caff\u00e8. Ogni miscela \u00e8 il risultato di una selezione meticolosa dei migliori caff\u00e8 verdi del mondo, scelti per la loro qualit\u00e0 superiore. I nostri maestri tostatori trasformano questi chicchi attraverso una tostatura artigianale e precisa, creando miscele dal carattere unico, studiate per esaltare ogni metodo di estrazione e soddisfare i palati pi\u00f9 esigenti.', buttonText: 'Scopri i Grani', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-grani.png', altText: 'Sacchetto di caff\u00e8 in grani' },\r\n                { title: 'Macinati', link: '\/categoria-prodotto\/macinati\/', description: 'Scopri la nostra selezione di caff\u00e8 macinato, creata per gli intenditori che desiderano un\u2019esperienza di gusto superiore ogni giorno. Le nostre miscele pregiate si distinguono per aromi unici, perfetti per ogni momento della giornata e adatti a ogni tipo di preparazione. Che tu preferisca un caff\u00e8 macinato per la classica moka, un aromatico caff\u00e8 filtro o un intenso espresso, qui troverai la miscela di alta qualit\u00e0 ideale per trasformare la tua pausa caff\u00e8 in un rito di puro piacere.', buttonText: 'Scopri i Macinati', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-macinati.png', altText: 'Caff\u00e8 macinato' },\r\n                { title: 'Cialde', link: '\/categoria-prodotto\/cialde\/', description: 'Le nostre cialde ESE nascono da miscele di Arabica e Robusta selezionate per offrirti un espresso di alta qualit\u00e0 con la massima semplicit\u00e0. Ogni cialda racchiude un caff\u00e8 eccezionale, macinato e pressato alla perfezione, pronto a soddisfare ogni preferenza. Dalle miscele pi\u00f9 intense e cremose a quelle pi\u00f9 delicate e aromatiche, ti garantiamo un risultato in tazza sempre impeccabile, all\u2019altezza delle tue migliori aspettative.', buttonText: 'Scopri le Cialde', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-cialde.png', altText: 'Cialde di caff\u00e8 ESE' },\r\n                { title: 'Capsule', link: '\/categoria-prodotto\/capsule\/', description: 'Esplora la nostra vasta gamma di caff\u00e8 in capsule, pensate per offrirti un espresso perfetto con la massima praticit\u00e0. Le nostre miscele di alta qualit\u00e0 sono disponibili in capsule compatibili con le macchine da caff\u00e8 a marchio Nespresso\u00ae, Lavazza\u00ae e Nescaf\u00e9\u00ae Dolce Gusto\u00ae, per darti la libert\u00e0 di scegliere il tuo gusto preferito. Inoltre, scegliendo le nostre innovative capsule compostabili, unisci al piacere di un caff\u00e8 eczionale un gesto concreto per la sostenibilit\u00e0 e il rispetto del pianeta.', buttonText: 'Scopri le Capsule', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-capsule.png', altText: 'Capsule di caff\u00e8 compatibili' },\r\n                { title: 'Merchandise', link: '\/categoria-prodotto\/merchandise\/', description: 'I dettagli fanno la perfezione, anche nella pausa caff\u00e8. In questa sezione trovi la nostra selezione completa di accessori, pensata sia per i professionisti di bar, hotel e ristoranti, sia per chi desidera ricreare un\u2019esperienza di alta qualit\u00e0 a casa o in ufficio. Dalle tazzine eleganti ai complementi di servizio indispensabili, ogni articolo \u00e8 scelto per aiutarti a servire e gustare un caff\u00e8 a regola d\u2019arte, trasformando ogni momento in un rito impeccabile per te e per i tuoi ospiti.', buttonText: 'Scopri il Merchandise', imageSrc: '\/wp-content\/uploads\/2022\/09\/31-tazza-cappuccio-Moka.jpg', altText: 'Tazzina di caff\u00e8 e accessori' },\r\n                { title: 'Altri prodotti', link: '\/categoria-prodotto\/altri-prodotti\/', description: 'Esplora la nostra selezione pensata per arricchire ogni tua pausa e soddisfare ogni gusto. Dalle note energizzanti del ginseng al sapore delicato del caff\u00e8 d\u2019orzo, passando per l\u2019avvolgente golosit\u00e0 di una cioccolata o la raffinatezza di un t\u00e8.', buttonText: 'Scopri gli Altri Prodotti', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-altri-prodotti.png', altText: 'Bevande alternative come ginseng e orzo' }\r\n            ],\r\n            'en': [\r\n                { title: 'Beans', link: '\/en\/product-category\/beans\/', description: 'Our coffee bean category represents excellence for those who love to grind their own coffee beans at the moment...', buttonText: 'Discover the Beans', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-grani.png', altText: 'Bag of coffee beans' },\r\n                { title: 'Ground', link: '\/en\/product-category\/ground\/', description: 'Discover our selection of ground coffee, created for connoisseurs who desire a superior taste experience every day...', buttonText: 'Discover Ground Coffee', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-macinati.png', altText: 'Ground coffee' },\r\n                { title: 'Pods', link: '\/en\/product-category\/pods\/', description: 'Our ESE pods are born from selected Arabica and Robusta blends to offer you a high-quality espresso with maximum simplicity...', buttonText: 'Discover the Pods', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-cialde.png', altText: 'ESE coffee pods' },\r\n                { title: 'Capsules', link: '\/en\/product-category\/capsules\/', description: 'Explore our wide range of coffee capsules, designed to offer you a perfect espresso with maximum convenience...', buttonText: 'Discover the Capsules', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-capsule.png', altText: 'Compatible coffee capsules' },\r\n                { title: 'Merchandise', link: '\/en\/product-category\/merchandise\/', description: 'Details make perfection, even in the coffee break. Discover our complete selection of accessories...', buttonText: 'Discover Merchandise', imageSrc: '\/wp-content\/uploads\/2022\/09\/31-tazza-cappuccio-Moka.jpg', altText: 'Coffee cup and accessories' },\r\n                { title: 'Other Products', link: '\/en\/product-category\/other-products\/', description: 'Explore our selection designed to enrich your every break and satisfy every taste...', buttonText: 'Discover Other Products', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-altri-prodotti.png', altText: 'Alternative drinks like ginseng and barley' }\r\n            ],\r\n            'de': [\r\n                { title: 'Bohnen', link: '\/de\/produkt-kategorie\/bohnen\/', description: '[Deutsche Beschreibung f\u00fcr Bohnen]', buttonText: 'Bohnen entdecken', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-grani.png', altText: 'Kaffeebohnen im Beutel' },\r\n                { title: 'Gemahlen', link: '\/de\/produkt-kategorie\/gemahlen\/', description: '[Deutsche Beschreibung f\u00fcr Gemahlen]', buttonText: 'Gemahlenen entdecken', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-macinati.png', altText: 'Gemahlener Kaffee' },\r\n                { title: 'Pads', link: '\/de\/produkt-kategorie\/pads\/', description: '[Deutsche Beschreibung f\u00fcr Pads]', buttonText: 'Pads entdecken', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-cialde.png', altText: 'ESE Kaffeepads' },\r\n                { title: 'Kapseln', link: '\/de\/produkt-kategorie\/kapseln\/', description: '[Deutsche Beschreibung f\u00fcr Kapseln]', buttonText: 'Kapseln entdecken', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-capsule.png', altText: 'Kompatible Kaffeekapseln' },\r\n                { title: 'Merchandise', link: '\/de\/produkt-kategorie\/merchandise\/', description: '[Deutsche Beschreibung f\u00fcr Merchandise]', buttonText: 'Merchandise entdecken', imageSrc: '\/wp-content\/uploads\/2022\/09\/31-tazza-cappuccio-Moka.jpg', altText: 'Kaffeetasse und Zubeh\u00f6r' },\r\n                { title: 'Andere Produkte', link: '\/de\/produkt-kategorie\/andere-produkte\/', description: '[Deutsche Beschreibung f\u00fcr Andere Produkte]', buttonText: 'Andere Produkte entdecken', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-altri-prodotti.png', altText: 'Alternative Getr\u00e4nke wie Ginseng und Gerste' }\r\n            ],\r\n            'fr': [\r\n                { title: 'Grains', link: '\/fr\/categorie-de-produit\/grains\/', description: '[Description en fran\u00e7ais pour les grains]', buttonText: 'D\u00e9couvrir les Grains', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-grani.png', altText: 'Sac de caf\u00e9 en grains' },\r\n                { title: 'Moulu', link: '\/fr\/categorie-de-produit\/moulu\/', description: '[Description en fran\u00e7ais pour le moulu]', buttonText: 'D\u00e9couvrir le Moulu', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-macinati.png', altText: 'Caf\u00e9 moulu' },\r\n                { title: 'Dosettes', link: '\/fr\/categorie-de-produit\/dosettes\/', description: '[Description en fran\u00e7ais pour les dosettes]', buttonText: 'D\u00e9couvrir les Dosettes', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-cialde.png', altText: 'Dosettes de caf\u00e9 ESE' },\r\n                { title: 'Capsules', link: '\/fr\/categorie-de-produit\/capsules\/', description: '[Description en fran\u00e7ais pour les capsules]', buttonText: 'D\u00e9couvrir les Capsules', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-capsule.png', altText: 'Capsules de caf\u00e9 compatibles' },\r\n                { title: 'Merchandise', link: '\/fr\/categorie-de-produit\/merchandise\/', description: '[Description en fran\u00e7ais pour le merchandise]', buttonText: 'D\u00e9couvrir le Merchandise', imageSrc: '\/wp-content\/uploads\/2022\/09\/31-tazza-cappuccio-Moka.jpg', altText: 'Tasse \u00e0 caf\u00e9 et accessories' },\r\n                { title: 'Autres produits', link: '\/fr\/categorie-de-produit\/autres-produits\/', description: '[Description en fran\u00e7ais pour autres produits]', buttonText: 'Autres produits', imageSrc: '\/wp-content\/uploads\/2025\/08\/categoria-altri-prodotti.png', altText: 'Boissons alternatives comme le ginseng et l'orge' }\r\n            ]\r\n        };\r\n        \/\/ --- FINE AREA TRADUZIONI ---\r\n\r\n        const tabsNav = document.querySelector('.tabs-nav');\r\n        const tabsContent = document.querySelector('.tabs-content');\r\n        const isMobile = () => window.innerWidth <= 768;\r\n\r\n        function setupTabs() {\r\n            const langAttribute = document.documentElement.lang;\r\n            const currentLang = langAttribute.slice(0, 2);\r\n            const data = contentData[currentLang] || contentData['it'];\r\n            \r\n            tabsNav.innerHTML = '';\r\n            tabsContent.innerHTML = '';\r\n\r\n            data.forEach((item, index) => {\r\n                const tabId = `tab-${index}`;\r\n                \r\n                tabsNav.innerHTML += `\r\n                    <button class=\"tab-link\" data-tab=\"${tabId}\">\r\n                        <img decoding=\"async\" src=\"${item.imageSrc}\" alt=\"\">\r\n                        <span>${item.title}<\/span>\r\n                    <\/button>\r\n                `;\r\n\r\n                tabsContent.innerHTML += `\r\n                    <div class=\"tab-pane\" id=\"${tabId}\">\r\n                        <div class=\"pane-image\">\r\n                            <img decoding=\"async\" src=\"${item.imageSrc}\" alt=\"${item.altText}\">\r\n                        <\/div>\r\n                        <div class=\"pane-text\">\r\n                            <h2 class=\"pane-title\">${item.title}<\/h2>\r\n                            <p class=\"pane-description\">${item.description}<\/p>\r\n                            <a href=\"${item.link}\" class=\"pane-button\">${item.buttonText}<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                `;\r\n            });\r\n\r\n            if (!isMobile()) {\r\n                tabsNav.firstElementChild.classList.add('active');\r\n                tabsContent.firstElementChild.classList.add('active');\r\n            }\r\n        }\r\n        \r\n        tabsNav.addEventListener('click', (e) => {\r\n            const clickedTab = e.target.closest('.tab-link');\r\n            if (!clickedTab) return;\r\n            \r\n            const targetId = clickedTab.dataset.tab;\r\n            const targetPane = document.getElementById(targetId);\r\n\r\n            if (isMobile()) {\r\n                const isAlreadyOpen = clickedTab.classList.contains('active');\r\n                \r\n                document.querySelectorAll('.tab-pane.is-open').forEach(p => p.classList.remove('is-open'));\r\n                tabsNav.querySelectorAll('.tab-link.active').forEach(t => t.classList.remove('active'));\r\n\r\n                if (!isAlreadyOpen) {\r\n                    clickedTab.classList.add('active');\r\n                    targetPane.classList.add('is-open');\r\n                    clickedTab.insertAdjacentElement('afterend', targetPane);\r\n                }\r\n\r\n            } else {\r\n                if (tabsNav.querySelector('.active')) {\r\n                    tabsNav.querySelector('.active').classList.remove('active');\r\n                }\r\n                if (tabsContent.querySelector('.active')) {\r\n                    tabsContent.querySelector('.active').classList.remove('active');\r\n                }\r\n                \r\n                clickedTab.classList.add('active');\r\n                targetPane.classList.add('active');\r\n            }\r\n        });\r\n\r\n        let currentViewIsMobile = isMobile();\r\n        function handleResize() {\r\n            const newViewIsMobile = isMobile();\r\n            if (newViewIsMobile === currentViewIsMobile) return;\r\n\r\n            currentViewIsMobile = newViewIsMobile;\r\n            \r\n            document.querySelectorAll('.tab-link').forEach(t => t.classList.remove('active'));\r\n            document.querySelectorAll('.tab-pane').forEach(p => {\r\n                p.classList.remove('is-open', 'active');\r\n                tabsContent.appendChild(p);\r\n            });\r\n            \r\n            if (!newViewIsMobile) {\r\n                tabsNav.firstElementChild.classList.add('active');\r\n                tabsContent.firstElementChild.classList.add('active');\r\n            }\r\n        }\r\n        \r\n        window.addEventListener('resize', handleResize);\r\n        \r\n        setupTabs();\r\n    });\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-0e45ffe e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"0e45ffe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-b9e13e6 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"b9e13e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27be928 elementor-widget elementor-widget-n-accordion\" data-id=\"27be928\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-4160\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-4160\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> PRODUITS <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" role=\"region\" aria-labelledby=\"e-n-accordion-item-4160\" class=\"elementor-element elementor-element-ba59004 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"ba59004\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-593be38 elementor-grid-6 elementor-product-loop-item--align-center elementor-grid-tablet-3 elementor-grid-mobile-2 elementor-products-grid elementor-wc-products elementor-widget elementor-widget-wc-categories\" data-id=\"593be38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wc-categories.default\">\n\t\t\t\t\t<div class=\"woocommerce columns-6\"><ul class=\"products elementor-grid columns-6\">\n<li class=\"product-category product first\">\n\t<a aria-label=\"Acc\u00e9der \u00e0 la cat\u00e9gorie de produits Grains\" href=\"https:\/\/mokaefti.ch\/fr\/categorie-de-produit\/grains\/\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mokaefti.ch\/wp-content\/uploads\/2025\/09\/categoria-grani-1-300x333.png\" alt=\"Grains\" width=\"300\" height=\"333\" \/>\t\t<h2 class=\"woocommerce-loop-category__title\">\n\t\t\tGrains <mark class=\"count\">(22)<\/mark>\t\t<\/h2>\n\t\t<\/a><\/li>\n<li class=\"product-category product\">\n\t<a aria-label=\"Acc\u00e9der \u00e0 la cat\u00e9gorie de produits Moulus\" href=\"https:\/\/mokaefti.ch\/fr\/categorie-de-produit\/moulus\/\"><img decoding=\"async\" src=\"https:\/\/mokaefti.ch\/wp-content\/uploads\/2025\/09\/categoria-macinati-1-300x333.png\" alt=\"Moulus\" width=\"300\" height=\"333\" \/>\t\t<h2 class=\"woocommerce-loop-category__title\">\n\t\t\tMoulus <mark class=\"count\">(13)<\/mark>\t\t<\/h2>\n\t\t<\/a><\/li>\n<li class=\"product-category product\">\n\t<a aria-label=\"Acc\u00e9der \u00e0 la cat\u00e9gorie de produits Capsules\" href=\"https:\/\/mokaefti.ch\/fr\/categorie-de-produit\/capsules\/\"><img decoding=\"async\" src=\"https:\/\/mokaefti.ch\/wp-content\/uploads\/2025\/09\/categoria-capsule-1-300x333.png\" alt=\"Capsules\" width=\"300\" height=\"333\" \/>\t\t<h2 class=\"woocommerce-loop-category__title\">\n\t\t\tCapsules <mark class=\"count\">(11)<\/mark>\t\t<\/h2>\n\t\t<\/a><\/li>\n<li class=\"product-category product\">\n\t<a aria-label=\"Acc\u00e9der \u00e0 la cat\u00e9gorie de produits Dosettes\" href=\"https:\/\/mokaefti.ch\/fr\/categorie-de-produit\/dosettes\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mokaefti.ch\/wp-content\/uploads\/2025\/09\/categoria-cialde-1-300x333.png\" alt=\"Dosettes\" width=\"300\" height=\"333\" \/>\t\t<h2 class=\"woocommerce-loop-category__title\">\n\t\t\tDosettes <mark class=\"count\">(7)<\/mark>\t\t<\/h2>\n\t\t<\/a><\/li>\n<li class=\"product-category product\">\n\t<a aria-label=\"Acc\u00e9der \u00e0 la cat\u00e9gorie de produits Marchandise\" href=\"https:\/\/mokaefti.ch\/fr\/categorie-de-produit\/merchandise-fr\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mokaefti.ch\/wp-content\/uploads\/2025\/09\/categoria-merchandise-1-300x333.png\" alt=\"Marchandise\" width=\"300\" height=\"333\" \/>\t\t<h2 class=\"woocommerce-loop-category__title\">\n\t\t\tMarchandise <mark class=\"count\">(7)<\/mark>\t\t<\/h2>\n\t\t<\/a><\/li>\n<li class=\"product-category product last\">\n\t<a aria-label=\"Acc\u00e9der \u00e0 la cat\u00e9gorie de produits Autres produits\" href=\"https:\/\/mokaefti.ch\/fr\/categorie-de-produit\/autres-produits\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mokaefti.ch\/wp-content\/uploads\/2025\/09\/categoria-altri-prodotti-1-300x333.png\" alt=\"Autres produits\" width=\"300\" height=\"333\" \/>\t\t<h2 class=\"woocommerce-loop-category__title\">\n\t\t\tAutres produits <mark class=\"count\">(6)<\/mark>\t\t<\/h2>\n\t\t<\/a><\/li>\n<\/ul>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PRODUITS Beans (21) Ground (13) Capsules (10) Pods (7) Merchandise (7) Other products (6)<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","inline_featured_image":false,"footnotes":""},"folder":[348,356],"class_list":["post-22932","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/mokaefti.ch\/fr\/wp-json\/wp\/v2\/pages\/22932","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mokaefti.ch\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mokaefti.ch\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mokaefti.ch\/fr\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/mokaefti.ch\/fr\/wp-json\/wp\/v2\/comments?post=22932"}],"version-history":[{"count":0,"href":"https:\/\/mokaefti.ch\/fr\/wp-json\/wp\/v2\/pages\/22932\/revisions"}],"wp:attachment":[{"href":"https:\/\/mokaefti.ch\/fr\/wp-json\/wp\/v2\/media?parent=22932"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/mokaefti.ch\/fr\/wp-json\/wp\/v2\/folder?post=22932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}