{"id":203,"date":"2026-10-30T10:44:35","date_gmt":"2026-10-30T13:44:35","guid":{"rendered":"https:\/\/coadocafe.com\/en\/?p=203"},"modified":"2026-10-30T10:44:36","modified_gmt":"2026-10-30T13:44:36","slug":"how-to-store-specialty-coffee-without-losing-flavor","status":"publish","type":"post","link":"https:\/\/coadocafe.com\/en\/how-to-store-specialty-coffee-without-losing-flavor\/","title":{"rendered":"How to store specialty coffee without losing flavor"},"content":{"rendered":"    \r\n    <div id=\"home\"><\/div>\r\n\r\n    <nav id=\"cc-dynamic-navbar\" class=\"cc-navbar-container cc-navbar-visible\">\r\n        <div class=\"cc-navbar-inner\">\r\n            \r\n            <!-- 1. LEFT: Logos -->\r\n            <div class=\"cc-navbar-brand-wrapper\">\r\n                <a href=\"https:\/\/coadocafe.com\/en\/\" class=\"cc-navbar-brand\" aria-label=\"Coado Caf\u00e9 - Go to Home\">\r\n                    <img decoding=\"async\" src=\"https:\/\/coadocafe.com\/wp-content\/uploads\/2025\/06\/cropped-31-e1789062998246.png\" alt=\"Coado Caf\u00e9\" class=\"cc-logo-img cc-logo-light-mode\" \/>\r\n                    <img decoding=\"async\" src=\"https:\/\/coadocafe.com\/wp-content\/uploads\/2025\/06\/61-e1750456032917.png\" alt=\"Coado Caf\u00e9\" class=\"cc-logo-dark-mode\" \/>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- 2. CENTER \/ MOBILE DRAWER: Smart Links, Language Dropdown & Mobile Search -->\r\n            <div class=\"cc-navbar-menu\" id=\"ccNavbarMenu\">\r\n                <div class=\"cc-navbar-links\">\r\n                    <a href=\"https:\/\/coadocafe.com\/en\/\" class=\"cc-menu-link\">Home<\/a>\r\n                    <a href=\"https:\/\/coadocafe.com\/en\/#methods\" class=\"cc-menu-link\">Methods<\/a>\r\n                    <a href=\"https:\/\/coadocafe.com\/en\/#articles\" class=\"cc-menu-link\">Articles<\/a>\r\n                    <a href=\"https:\/\/coadocafe.com\/en\/blog\" class=\"cc-menu-link\">Blog<\/a>\r\n                    \r\n                    <!-- Language Dropdown -->\r\n                    <div class=\"cc-lang-dropdown\">\r\n                        <button type=\"button\" class=\"cc-lang-dropbtn\" aria-label=\"Language Selector\">\r\n                            <span>\ud83c\uddfa\ud83c\uddf8 EN<\/span>\r\n                            <span class=\"cc-lang-arrow\">\u25bc<\/span>\r\n                        <\/button>\r\n                        <div class=\"cc-lang-dropdown-content\">\r\n                            <a href=\"https:\/\/coadocafe.com\/wp-json\/wp\/v2\/posts\/203\">\ud83c\udde7\ud83c\uddf7 PT<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Search Inside Mobile Menu -->\r\n                <div class=\"cc-navbar-search-mobile\">\r\n                    <form role=\"search\" method=\"get\" class=\"cc-search-form\" action=\"https:\/\/coadocafe.com\/en\/\">\r\n                        <input type=\"search\" class=\"cc-search-input\" placeholder=\"Search articles...\" value=\"\" name=\"s\" title=\"Search for:\" \/>\r\n                        <button type=\"submit\" class=\"cc-search-btn\" aria-label=\"Search\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/button>\r\n                    <\/form>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 3. RIGHT: Desktop Search Bar -->\r\n            <div class=\"cc-navbar-search-wrapper\">\r\n                <form role=\"search\" method=\"get\" class=\"cc-search-form\" action=\"https:\/\/coadocafe.com\/en\/\">\r\n                    <input type=\"search\" class=\"cc-search-input\" placeholder=\"Search articles...\" value=\"\" name=\"s\" title=\"Search for:\" \/>\r\n                    <button type=\"submit\" class=\"cc-search-btn\" aria-label=\"Search\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <path d=\"M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/form>\r\n            <\/div>\r\n\r\n            <!-- 4. HAMBURGER BUTTON (Mobile Only) -->\r\n            <button id=\"ccNavToggle\" class=\"cc-hamburger-btn\" aria-label=\"Open Menu\">\r\n                <span class=\"cc-hamburger-bar\"><\/span>\r\n                <span class=\"cc-hamburger-bar\"><\/span>\r\n                <span class=\"cc-hamburger-bar\"><\/span>\r\n            <\/button>\r\n\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const navbar = document.getElementById('cc-dynamic-navbar');\r\n            const toggleBtn = document.getElementById('ccNavToggle');\r\n            const menu = document.getElementById('ccNavbarMenu');\r\n\t\t\t\/\/ Controle do Dropdown de Idioma via Clique\r\n\t\t\tconst langDropdown = document.querySelector('.cc-lang-dropdown');\r\n\t\t\tconst langDropBtn = document.querySelector('.cc-lang-dropbtn');\r\n\r\n\t\t\tif (langDropBtn && langDropdown) {\r\n\t\t\t    langDropBtn.addEventListener('click', function(e) {\r\n\t\t\t        e.stopPropagation();\r\n\t\t\t        langDropdown.classList.toggle('active');\r\n\t\t\t    });\r\n\r\n\t\t\t    \/\/ Fecha o dropdown se o usu\u00e1rio clicar fora dele\r\n\t\t\t    document.addEventListener('click', function(e) {\r\n \t\t\t       if (!langDropdown.contains(e.target)) {\r\n\t\t\t            langDropdown.classList.remove('active');\r\n\t\t\t        }\r\n \t\t\t   });\r\n\t\t\t}\r\n\r\n            if (!navbar) return;\r\n\r\n            \/\/ Mobile Hamburger Toggle\r\n            if (toggleBtn && menu) {\r\n                toggleBtn.addEventListener('click', function(e) {\r\n                    e.stopPropagation();\r\n                    toggleBtn.classList.toggle('active');\r\n                    menu.classList.toggle('active');\r\n                });\r\n\r\n                \/\/ Close menu when a link is clicked\r\n                menu.querySelectorAll('.cc-menu-link, .cc-lang-dropdown-content a').forEach(link => {\r\n                    link.addEventListener('click', () => {\r\n                        toggleBtn.classList.remove('active');\r\n                        menu.classList.remove('active');\r\n                    });\r\n                });\r\n\r\n                \/\/ Close menu when clicking outside\r\n                document.addEventListener('click', function(e) {\r\n                    if (!menu.contains(e.target) && !toggleBtn.contains(e.target)) {\r\n                        toggleBtn.classList.remove('active');\r\n                        menu.classList.remove('active');\r\n                    }\r\n                });\r\n            }\r\n\r\n            let isHoveringTop = false;\r\n            const triggerZone = 95; \r\n            const scrollThreshold = 50; \r\n\r\n            \/\/ Mouse Movement Control\r\n            document.addEventListener('mousemove', function(e) {\r\n                if (e.clientY <= triggerZone || navbar.contains(e.target)) {\r\n                    isHoveringTop = true;\r\n                    navbar.classList.remove('cc-navbar-hidden');\r\n                    navbar.classList.add('cc-navbar-visible');\r\n                } else {\r\n                    isHoveringTop = false;\r\n                    let scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n                    if (scrollTop > scrollThreshold && (!menu || !menu.classList.contains('active'))) {\r\n                        navbar.classList.add('cc-navbar-hidden');\r\n                        navbar.classList.remove('cc-navbar-visible');\r\n                    }\r\n                }\r\n            });\r\n\r\n            \/\/ Scroll Control\r\n            window.addEventListener('scroll', function() {\r\n                let scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n                \r\n                if (scrollTop > scrollThreshold && !isHoveringTop && (!menu || !menu.classList.contains('active'))) {\r\n                    navbar.classList.add('cc-navbar-hidden');\r\n                    navbar.classList.remove('cc-navbar-visible');\r\n                } \r\n                else if (scrollTop <= scrollThreshold) {\r\n                    navbar.classList.remove('cc-navbar-hidden');\r\n                    navbar.classList.add('cc-navbar-visible');\r\n                }\r\n            }, { passive: true });\r\n\r\n            \/\/ Smooth Scroll only for local anchors on the same page\r\n            document.querySelectorAll('.cc-menu-link[href^=\"#\"]').forEach(anchor => {\r\n                anchor.addEventListener('click', function (e) {\r\n                    e.preventDefault();\r\n                    const targetId = this.getAttribute('href');\r\n                    if (targetId === '#') return;\r\n                    const targetElement = document.querySelector(targetId);\r\n                    if (targetElement) {\r\n                        targetElement.scrollIntoView({ behavior: 'smooth' });\r\n                    }\r\n                });\r\n            });\r\n        });\r\n    <\/script>\r\n\r\n    <style>\r\n        \/* ==========================================\r\n           GLOBAL MOBILE TOP MARGIN & PADDING OVERRIDES\r\n           ========================================== *\/\r\n        html, body {\r\n            margin-top: 0 !important;\r\n            padding-top: 0 !important;\r\n        }\r\n\r\n        .wp-site-blocks,\r\n        .wp-block-post-content,\r\n        .entry-content,\r\n        .wp-block-shortcode {\r\n            padding-top: 0 !important;\r\n            margin-top: 0 !important;\r\n        }\r\n\r\n        \/* WordPress Admin Bar Compatibility *\/\r\n        body.admin-bar .cc-navbar-container {\r\n            top: 32px !important;\r\n        }\r\n\r\n        @media screen and (max-width: 782px) {\r\n            body.admin-bar .cc-navbar-container {\r\n                top: 46px !important;\r\n            }\r\n        }\r\n\r\n        \/* ==========================================\r\n           NAVBAR CSS - MOBILE FIRST\r\n           ========================================== *\/\r\n        \r\n        .cc-navbar-container {\r\n            position: fixed !important;\r\n            top: 0 !important;\r\n            left: 0 !important;\r\n            margin-top: 0 !important;\r\n            width: 100% !important;\r\n            height: 4.5rem !important;\r\n            background-color: var(--cc-color-crema) !important;\r\n            border-bottom: 1px solid rgba(0,0,0, 0.05) !important;\r\n            z-index: 99990 !important;\r\n            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease !important;\r\n            transform: translateY(0) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-navbar-container {\r\n            background-color: var(--cc-bg-nav) !important; \r\n            border-bottom: 1px solid rgba(255,255,255, 0.05) !important;\r\n        }\r\n\r\n        .cc-navbar-hidden {\r\n            transform: translateY(-101%) !important;\r\n        }\r\n\r\n        .cc-navbar-visible {\r\n            transform: translateY(0) !important;\r\n        }\r\n\r\n        .cc-navbar-inner {\r\n            display: flex !important;\r\n            justify-content: space-between !important;\r\n            align-items: center !important;\r\n            height: 100% !important;\r\n            padding: 0 1.25rem !important;\r\n            max-width: 1400px !important;\r\n            margin: 0 auto !important;\r\n            box-sizing: border-box !important;\r\n            position: relative !important;\r\n        }\r\n\r\n        .cc-navbar-brand {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            text-decoration: none !important;\r\n            outline: none !important;\r\n            background: transparent !important;\r\n            box-shadow: none !important;\r\n        }\r\n\r\n        \/* PROPORTIONAL MOBILE LOGO SIZE *\/\r\n        .cc-logo-img,\r\n        .cc-logo-dark-mode,\r\n        .cc-logo-light-mode {\r\n            max-height: 38px !important;\r\n            width: auto !important;\r\n            object-fit: contain !important;\r\n            background: transparent !important;\r\n            box-shadow: none !important;\r\n            border: none !important;\r\n        }\r\n\r\n        .cc-logo-dark-mode { display: none !important; }\r\n        .cc-logo-light-mode { display: block !important; }\r\n\r\n        html[data-theme=\"dark\"] .cc-logo-dark-mode { display: block !important; }\r\n        html[data-theme=\"dark\"] .cc-logo-light-mode { display: none !important; }\r\n\r\n        \/* HAMBURGER BUTTON (MOBILE) *\/\r\n        .cc-hamburger-btn {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            justify-content: space-between !important;\r\n            width: 26px !important;\r\n            height: 18px !important;\r\n            background: transparent !important;\r\n            border: none !important;\r\n            cursor: pointer !important;\r\n            padding: 0 !important;\r\n            z-index: 99999 !important;\r\n            outline: none !important;\r\n        }\r\n\r\n        .cc-hamburger-bar {\r\n            width: 100% !important;\r\n            height: 2.5px !important;\r\n            background-color: var(--cc-color-coffee) !important;\r\n            border-radius: 2px !important;\r\n            transition: all 0.3s ease !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-hamburger-bar {\r\n            background-color: #FFFFFF !important;\r\n        }\r\n\r\n        \/* Hamburger X Animation *\/\r\n        .cc-hamburger-btn.active .cc-hamburger-bar:nth-child(1) {\r\n            transform: translateY(7.75px) rotate(45deg) !important;\r\n        }\r\n        .cc-hamburger-btn.active .cc-hamburger-bar:nth-child(2) {\r\n            opacity: 0 !important;\r\n        }\r\n        .cc-hamburger-btn.active .cc-hamburger-bar:nth-child(3) {\r\n            transform: translateY(-7.75px) rotate(-45deg) !important;\r\n        }\r\n\r\n        \/* MOBILE MENU DRAWER *\/\r\n        .cc-navbar-menu {\r\n            position: absolute !important;\r\n            top: 100% !important;\r\n            left: 0 !important;\r\n            width: 100% !important;\r\n            background-color: var(--cc-color-crema) !important;\r\n            padding: 1.5rem 1.25rem 2rem 1.25rem !important;\r\n            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1) !important;\r\n            display: none !important;\r\n            flex-direction: column !important;\r\n            gap: 1.5rem !important;\r\n            box-sizing: border-box !important;\r\n            border-top: 1px solid rgba(0, 0, 0, 0.05) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-navbar-menu {\r\n            background-color: var(--cc-bg-nav) !important;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n        }\r\n\r\n        .cc-navbar-menu.active {\r\n            display: flex !important;\r\n        }\r\n\r\n        .cc-navbar-links {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 1.2rem !important;\r\n            align-items: flex-start !important;\r\n        }\r\n\r\n        .cc-menu-link {\r\n            font-family: var(--cc-font-primary) !important;\r\n            font-size: 1.1rem !important;\r\n            color: var(--cc-color-coffee) !important;\r\n            text-decoration: none !important;\r\n            font-weight: 600 !important;\r\n            display: block !important;\r\n            transition: color 0.2s ease !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-menu-link {\r\n            color: #FFFFFF !important;\r\n        }\r\n\r\n        \/* LANGUAGE DROPDOWN CSS *\/\r\n\t\t.cc-lang-dropdown {\r\n\t\t    position: relative !important;\r\n\t\t    display: inline-block !important;\r\n\t\t}\r\n\r\n\t\t.cc-lang-dropbtn {\r\n\t\t    background: transparent !important;\r\n \t\t   color: var(--cc-color-coffee) !important;\r\n \t\t   font-family: var(--cc-font-primary) !important;\r\n\t\t    font-size: 0.9rem !important;\r\n\t\t    font-weight: 700 !important;\r\n\t\t    padding: 0.4rem 0.75rem !important;\r\n\t\t    border: 1px solid var(--cc-color-coffee) !important;\r\n\t\t    border-radius: 6px !important;\r\n\t\t    cursor: pointer !important;\r\n \t\t   display: inline-flex !important;\r\n\t\t    align-items: center !important;\r\n\t\t    gap: 0.4rem !important;\r\n \t\t   transition: all 0.2s ease !important;\r\n\t\t    outline: none !important;\r\n\t\t    width: 100% !important;\r\n\t\t    justify-content: space-between !important;\r\n\t\t}\r\n\r\n\t\t.cc-lang-arrow {\r\n\t\t    font-size: 0.65rem !important;\r\n\t\t    transition: transform 0.2s ease !important;\r\n\t\t}\r\n\r\n\t\t\/* Gira a seta apenas quando a classe .active estiver presente *\/\r\n\t\t.cc-lang-dropdown.active .cc-lang-arrow {\r\n \t\t   transform: rotate(180deg) !important;\r\n\t\t}\r\n\r\n\t\t\/* Alinha exatamente embaixo e com a mesma largura do bot\u00e3o principal *\/\r\n\t\t.cc-lang-dropdown-content {\r\n  \t\t  display: none !important;\r\n\t\t    position: absolute !important;\r\n\t\t    top: 100% !important;\r\n\t\t    left: 0 !important;\r\n \t\t   right: 0 !important;\r\n\t\t    width: 100% !important;\r\n\t\t    min-width: 100% !important;\r\n\t\t    background-color: var(--cc-bg-main) !important;\r\n \t\t   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;\r\n \t\t   border-radius: 6px !important;\r\n \t\t   border: 1px solid rgba(174, 132, 118, 0.2) !important;\r\n \t\t   z-index: 999999 !important;\r\n  \t\t  overflow: hidden !important;\r\n \t\t   margin-top: 0.3rem !important;\r\n  \t\t  box-sizing: border-box !important;\r\n\t\t}\r\n\r\n\t\t\/* Exibe a caixa apenas via classe .active do clique *\/\r\n\t\t.cc-lang-dropdown.active .cc-lang-dropdown-content {\r\n \t\t   display: block !important;\r\n\t\t}\r\n\r\n\t\t.cc-lang-dropdown-content a {\r\n \t\t   color: var(--cc-color-coffee) !important;\r\n\t\t    padding: 0.6rem 0.9rem !important;\r\n\t\t    text-decoration: none !important;\r\n\t\t    display: block !important;\r\n\t\t    font-size: 0.85rem !important;\r\n\t\t    font-weight: 600 !important;\r\n\t\t    text-align: center !important;\r\n \t\t   transition: background-color 0.2s ease !important;\r\n\t\t}\r\n\r\n\t\t.cc-lang-dropdown-content a:hover {\r\n\t\t    background-color: var(--cc-bg-cards) !important;\r\n \t\t   color: var(--cc-color-crema) !important;\r\n\t\t}\r\n\r\n        \/* DARK MODE DROPDOWN *\/\r\n        html[data-theme=\"dark\"] .cc-lang-dropbtn {\r\n            color: #FFFFFF !important;\r\n            border-color: rgba(255, 255, 255, 0.3) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-lang-dropdown-content {\r\n            background-color: var(--cc-bg-nav) !important;\r\n            border-color: rgba(255, 255, 255, 0.1) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-lang-dropdown-content a {\r\n            color: #FFFFFF !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-lang-dropdown-content a:hover {\r\n            background-color: rgba(255, 255, 255, 0.08) !important;\r\n            color: var(--cc-color-crema) !important;\r\n        }\r\n\r\n        \/* Mobile Search Form *\/\r\n        .cc-navbar-search-mobile {\r\n            width: 100% !important;\r\n            padding-top: 0.5rem !important;\r\n            border-top: 1px solid rgba(44, 30, 19, 0.1) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-navbar-search-mobile {\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n        }\r\n\r\n        .cc-navbar-search-mobile .cc-search-form {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            width: 100% !important;\r\n            border-bottom: 1px solid var(--cc-color-coffee) !important;\r\n            padding-bottom: 4px !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-navbar-search-mobile .cc-search-form {\r\n            border-bottom: 1px solid rgba(255,255,255,0.5) !important;\r\n        }\r\n\r\n        .cc-navbar-search-mobile .cc-search-input {\r\n            width: 100% !important;\r\n            background: transparent !important;\r\n            border: none !important;\r\n            outline: none !important;\r\n            font-family: var(--cc-font-primary) !important;\r\n            font-size: 0.95rem !important;\r\n            color: var(--cc-color-coffee) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-navbar-search-mobile .cc-search-input {\r\n            color: #FFFFFF !important;\r\n        }\r\n\r\n        .cc-navbar-search-wrapper {\r\n            display: none !important;\r\n        }\r\n\r\n        \/* ==========================================\r\n           DESKTOP (>= 992PX)\r\n           ========================================== *\/\r\n        @media (min-width: 992px) {\r\n            .cc-navbar-container {\r\n                height: 5.5rem !important;\r\n            }\r\n\r\n            .cc-navbar-inner {\r\n                padding: 0 2.5rem !important;\r\n            }\r\n\r\n            .cc-logo-img,\r\n            .cc-logo-dark-mode,\r\n            .cc-logo-light-mode {\r\n                max-height: 55px !important;\r\n            }\r\n\r\n            .cc-hamburger-btn,\r\n            .cc-navbar-search-mobile {\r\n                display: none !important;\r\n            }\r\n\r\n            .cc-navbar-brand-wrapper {\r\n                flex: 1 !important;\r\n                display: flex !important;\r\n                justify-content: flex-start !important;\r\n            }\r\n\r\n            \/* Reset Mobile Menu to Horizontal Desktop Header *\/\r\n            .cc-navbar-menu {\r\n                position: static !important;\r\n                background: transparent !important;\r\n                padding: 0 !important;\r\n                box-shadow: none !important;\r\n                border: none !important;\r\n                display: flex !important;\r\n                flex-direction: row !important;\r\n                align-items: center !important;\r\n                justify-content: center !important;\r\n                flex: 2 !important;\r\n                gap: 3rem !important;\r\n            }\r\n\r\n            .cc-navbar-links {\r\n                flex-direction: row !important;\r\n                gap: 3rem !important;\r\n                align-items: center !important;\r\n            }\r\n\r\n            .cc-menu-link {\r\n                font-size: 0.95rem !important;\r\n                display: inline-block !important;\r\n                transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.3s ease !important;\r\n            }\r\n\r\n            .cc-menu-link:hover {\r\n                transform: scale(1.12) !important;\r\n                color: var(--cc-color-coffee) !important;\r\n            }\r\n\r\n            html[data-theme=\"dark\"] .cc-menu-link:hover {\r\n                color: var(--cc-color-crema) !important;\r\n            }\r\n\r\n            .cc-lang-dropdown-content {\r\n\t\t\t\tleft: 0 !important;\r\n\t\t\t\tright: 0 !important;\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t}\r\n\r\n            .cc-navbar-search-wrapper {\r\n                flex: 1 !important;\r\n                display: flex !important;\r\n                justify-content: flex-end !important;\r\n            }\r\n\r\n            .cc-search-form {\r\n                display: flex !important;\r\n                align-items: center !important;\r\n                border-bottom: 1px solid var(--cc-color-coffee) !important;\r\n                padding-bottom: 4px !important;\r\n                transition: border-color 0.3s ease !important;\r\n            }\r\n\r\n            html[data-theme=\"dark\"] .cc-search-form {\r\n                border-bottom: 1px solid rgba(255,255,255,0.5) !important;\r\n            }\r\n\r\n            html[data-theme=\"dark\"] .cc-search-form:focus-within {\r\n                border-bottom: 1px solid #FFFFFF !important;\r\n            }\r\n\r\n            .cc-search-input {\r\n                background: transparent !important;\r\n                border: none !important;\r\n                outline: none !important;\r\n                font-family: var(--cc-font-primary) !important;\r\n                font-size: 0.9rem !important;\r\n                color: var(--cc-color-coffee) !important;\r\n                width: 180px !important;\r\n                transition: width 0.3s ease, color 0.3s ease !important;\r\n            }\r\n\r\n            html[data-theme=\"dark\"] .cc-search-input {\r\n                color: #FFFFFF !important;\r\n            }\r\n\r\n            .cc-search-input::placeholder {\r\n                color: rgba(44, 30, 19, 0.6) !important;\r\n            }\r\n\r\n            html[data-theme=\"dark\"] .cc-search-input::placeholder {\r\n                color: rgba(255, 255, 255, 0.4) !important;\r\n            }\r\n\r\n            .cc-search-input:focus {\r\n                width: 240px !important;\r\n            }\r\n\r\n            .cc-search-btn {\r\n                background: none !important;\r\n                border: none !important;\r\n                cursor: pointer !important;\r\n                color: var(--cc-color-coffee) !important;\r\n                padding: 0 0 0 8px !important;\r\n                display: flex !important;\r\n                align-items: center !important;\r\n            }\r\n\r\n            html[data-theme=\"dark\"] .cc-search-btn {\r\n                color: #FFFFFF !important;\r\n            }\r\n\r\n            .cc-search-btn svg {\r\n                width: 1.25rem !important;\r\n                height: 1.25rem !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    \n\n\n    \r\n    <article class=\"cc-artigo-wrapper\">\r\n        \r\n        <!-- ARTICLE HEADER -->\r\n        <header class=\"cc-artigo-header\">\r\n            <div class=\"cc-artigo-meta\">\r\n                <span class=\"cc-artigo-cat\">\r\n                    No category                <\/span>\r\n                <span class=\"cc-meta-dot\">\u2022<\/span>\r\n                <span class=\"cc-artigo-tempo\">Read: 5 min<\/span>\r\n            <\/div>\r\n\r\n            <h1 class=\"cc-artigo-titulo\">How to store specialty coffee without losing flavor<\/h1>\r\n            \r\n            <div class=\"cc-artigo-submeta\">\r\n                <span>Published on October 30, 2026<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"cc-artigo-divider\"><\/div>\r\n        <\/header>\r\n\r\n        <!-- TEXT BODY (Direct HTML Processing) -->\r\n        <div class=\"cc-artigo-conteudo\">\r\n            <\/p>\n<p>You spent good money on specialty coffee, popped the bag open to a wave of berries and chocolate, and two weeks later your cup tastes flat and a little like cardboard. Sound familiar? Nine times out of ten, <strong>it&#8217;s not the coffee, it&#8217;s how it was stored<\/strong>. The good news: fixing it doesn&#8217;t have to cost much.<\/p>\n<p>Here&#8217;s how a seasoned barista keeps beans fresh at home: what ruins them, how long they really last, and which tricks actually work.<\/p>\n<h2>The five enemies of roasted coffee<\/h2>\n<p>Once coffee is roasted, it&#8217;s fragile. Five things go after its flavor:<\/p>\n<ul>\n<li><strong>Oxygen:<\/strong> it causes oxidation, the same reaction that turns a cut apple brown. It wipes out aromas and turns the oils in the bean rancid, especially in medium and dark roasts.<\/li>\n<li><strong>Moisture:<\/strong> roasted coffee is <em>hygroscopic<\/em>, meaning it acts like a sponge and pulls water from the air. Beans go soft, grounds can turn pasty, and mold becomes a risk.<\/li>\n<li><strong>Heat:<\/strong> the warmer it is, the faster coffee ages and releases gas.<\/li>\n<li><strong>Light:<\/strong> sunlight and bright bulbs break down delicate aroma compounds and add bitterness.<\/li>\n<li><strong>Time:<\/strong> even sealed, coffee slowly loses aromas into the <em>headspace<\/em>, the pocket of air inside the bag or container.<\/li>\n<\/ul>\n<h2>How long does specialty coffee last?<\/h2>\n<ul>\n<li><strong>Factory-sealed bag:<\/strong> peak freshness for about 3 to 6 months. Bags flushed with inert gas (like nitrogen) can go longer.<\/li>\n<li><strong>Whole beans after opening:<\/strong> aim to finish them in 1 to 2 weeks. With care, you can stretch that to 2 to 4 weeks, or even 2 to 3 months in a tightly sealed or vacuum setup.<\/li>\n<li><strong>Pre-ground coffee after opening:<\/strong> 1 to 2 weeks. Ground coffee exposes far more surface to air, so it goes stale fast.<\/li>\n<\/ul>\n<p>That&#8217;s why the best habit is to <strong>buy whole beans and grind right before brewing<\/strong>.<\/p>\n<h2>The basics: your pantry or cabinet<\/h2>\n<p>For everyday use, store beans somewhere <strong>cool, dry and dark<\/strong>, away from the stove, the oven and windows.<\/p>\n<p>Most bags have a <strong>one-way valve<\/strong>, that little plastic dot that lets CO\u2082 escape but blocks oxygen from getting in. Freshly roasted coffee releases that gas for days or weeks in a process called <strong>degassing<\/strong> (or resting). Light roasts degas slowly and need weeks of rest. Dark roasts release gas faster.<\/p>\n<p>Here&#8217;s a trick popular with specialty coffee fans: <strong>tape over the valve<\/strong> with scotch or heavy-duty tape as soon as you get the bag, especially with light roasts. That traps the CO\u2082 inside as a protective cushion against oxygen. Keep in mind that these valves can fail in up to 6% of commercial batches, so <strong>double seal<\/strong> it: slide the whole bag into a zip-top bag or a canister.<\/p>\n<p>Another tip from the research: bags with narrow screw lids let in far less oxygen each time you open them than wide-mouth canisters do.<\/p>\n<h2>Freezing coffee: yes, it works if you do it right<\/h2>\n<p>At 0 \u00b0F to -4 \u00b0F (-18 \u00b0C to -20 \u00b0C), CO\u2082 release and oxidation slow down by roughly <strong>12.5 times<\/strong> compared to room temperature (77 \u00b0F). Great news if you buy more than you drink.<\/p>\n<p>The catch: <strong>never freeze a big bag and open it every day<\/strong>. Do this instead:<\/p>\n<ol>\n<li><strong>Portion first.<\/strong> Using a 0.1 g scale, split your coffee into weekly portions (200 g to 350 g) in double-zip freezer bags, or into single doses of 18 g to 20 g.<\/li>\n<li><strong>Pick the right container.<\/strong> For single doses, polypropylene tubes with screw caps (like Falcon tubes), Weber vials, or even a clean, opaque pill bottle all work.<\/li>\n<li><strong>Thaw slowly.<\/strong> For weekly portions, leave the bag <em>sealed<\/em> on the counter for 12 to 24 hours before opening. That keeps moisture in the air from condensing on cold beans.<\/li>\n<li><strong>Grind frozen.<\/strong> Single doses can go straight from the vial into the grinder. Roasted coffee has very little free water, so the beans don&#8217;t freeze into a block, and grinding cold tends to give more even particles.<\/li>\n<\/ol>\n<p>Speaking of grinding, use a <strong>burr grinder<\/strong>, which crushes beans between two toothed surfaces for a consistent size, unlike blade grinders that chop unevenly. A good hand grinder is a great place to start:<\/p>\n<p>\r\n    <aside class=\"cc-product-box\">\r\n        <div class=\"cc-product-tag\">Coado Caf\u00e9 Recommendation<\/div>\r\n        \r\n        <div class=\"cc-product-inner\">\r\n            \r\n                            <div class=\"cc-product-media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/coadocafe.com\/en\/wp-content\/uploads\/sites\/2\/2026\/10\/timemore-chestnut-c3s.jpg\" alt=\"Timemore Chestnut C3S Pro Manual Coffee Grinder\" \/>\r\n                <\/div>\r\n            \r\n            <div class=\"cc-product-info\">\r\n                <h4 class=\"cc-product-title\">Timemore Chestnut C3S Pro Manual Coffee Grinder<\/h4>\r\n\r\n                <a href=\"https:\/\/link.amazon\/B0bT9aA4X\" target=\"_blank\" rel=\"sponsored noopener\" class=\"cc-product-btn\">\r\n                    Check the price on Amazon                    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M18 13V19C18 19.5304 17.7893 20.0391 17.4142 20.4142C17.0391 20.7893 16.5304 21 16 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V8C3 7.46957 3.21071 6.96086 3.58579 6.58579C3.96086 6.21071 4.46957 6 5 6H11M15 3H21M21 3V9M21 3L10 14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        <span class=\"cc-product-disclaimer\">*By purchasing through this link, Coado Caf\u00e9 earns a small commission at no extra cost to you.<\/span>\r\n    <\/aside>\r\n\r\n    <style>\r\n        \/* ==========================================\r\n           COMPACT PRODUCT CARD CSS (TEXT WIDTH)\r\n           ========================================== *\/\r\n\r\n        .cc-product-box {\r\n            background-color: var(--cc-bg-cards) !important;\r\n            border: 1px solid rgba(174, 132, 118, 0.2) !important;\r\n            border-radius: 10px !important;\r\n            padding: 1.25rem 1.5rem !important;\r\n            margin: 2rem auto !important; \/* Centered in text *\/\r\n            max-width: 680px !important; \/* Locks at the exact size of the article text column *\/\r\n            width: 100% !important;\r\n            position: relative !important;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;\r\n            box-sizing: border-box !important;\r\n        }\r\n\r\n        .cc-product-tag {\r\n            font-size: 0.68rem !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.08em !important;\r\n            color: var(--cc-color-crema) !important;\r\n            margin-bottom: 0.8rem !important;\r\n            display: inline-block !important;\r\n        }\r\n\r\n        .cc-product-inner {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 1.2rem !important;\r\n            align-items: center !important;\r\n        }\r\n\r\n        .cc-product-media {\r\n            width: 100px !important; \/* More compact icon\/image *\/\r\n            height: 100px !important;\r\n            flex-shrink: 0 !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n        }\r\n\r\n        .cc-product-media img {\r\n            max-width: 100% !important;\r\n            max-height: 100% !important;\r\n            object-fit: contain !important;\r\n        }\r\n\r\n        .cc-product-info {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            align-items: center !important;\r\n            text-align: center !important;\r\n            flex-grow: 1 !important;\r\n            gap: 0.4rem !important;\r\n        }\r\n\r\n        .cc-product-title {\r\n            font-size: 1.1rem !important;\r\n            color: var(--cc-title-main) !important;\r\n            margin: 0 !important;\r\n            line-height: 1.3 !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        .cc-product-price {\r\n            font-size: 0.85rem !important;\r\n            color: var(--cc-text-muted) !important;\r\n        }\r\n\r\n        .cc-product-price strong {\r\n            color: var(--cc-title-main) !important;\r\n        }\r\n\r\n        .cc-product-btn {\r\n            font-family: var(--cc-font-primary) !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 0.4rem !important;\r\n            background-color: var(--cc-color-crema) !important;\r\n            color: #FFFFFF !important;\r\n            text-decoration: none !important;\r\n            font-size: 0.8rem !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.05em !important;\r\n            padding: 0.65rem 1.2rem !important;\r\n            border-radius: 6px !important;\r\n            margin-top: 0.4rem !important;\r\n            transition: transform 0.2s ease, background-color 0.2s ease !important;\r\n        }\r\n\r\n        .cc-product-btn:hover {\r\n            background-color: var(--cc-color-coffee) !important;\r\n            transform: translateY(-2px) !important;\r\n        }\r\n\r\n        .cc-product-btn svg {\r\n            width: 0.9rem !important;\r\n            height: 0.9rem !important;\r\n        }\r\n\r\n        .cc-product-disclaimer {\r\n            display: block !important;\r\n            font-size: 0.7rem !important;\r\n            color: var(--cc-text-muted) !important;\r\n            margin-top: 0.8rem !important;\r\n            text-align: center !important;\r\n            opacity: 0.7 !important;\r\n            font-style: italic !important;\r\n        }\r\n\r\n        \/* DESKTOP (SIDE BY SIDE LEAN) *\/\r\n        @media (min-width: 550px) {\r\n            .cc-product-inner {\r\n                flex-direction: row !important;\r\n                text-align: left !important;\r\n            }\r\n\r\n            .cc-product-info {\r\n                align-items: flex-start !important;\r\n                text-align: left !important;\r\n            }\r\n\r\n            .cc-product-disclaimer {\r\n                text-align: left !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <\/p>\n<h2>Vacuum and air-displacement canisters<\/h2>\n<p>A regular airtight jar has one flaw: as you use the coffee, more and more air fills the jar. Two technologies fix that:<\/p>\n<ul>\n<li><strong>Vacuum evacuation (Fellow Atmos, Outin, Ancom, Vacuum Coffee Saver):<\/strong> they pull air out. The Atmos works at -20 PSI (PSI is a pressure unit; negative means vacuum) and has a green indicator showing it&#8217;s sealed.<\/li>\n<li><strong>Air displacement (Airscape, CoffeeVac):<\/strong> the Airscape has an inner plunger you push down to the level of the beans, forcing out the air. The CoffeeVac is opaque with a push-button valve.<\/li>\n<\/ul>\n<p>Don&#8217;t go overboard with vacuum:<\/p>\n<ul>\n<li><strong>-20 to -30 PSI:<\/strong> ideal for daily use.<\/li>\n<li><strong>-40 to -50 PSI:<\/strong> for beans you won&#8217;t open for weeks.<\/li>\n<li><strong>-60 PSI or more:<\/strong> too much. It can damage fragile roasts and pull out flavor compounds you want to keep.<\/li>\n<\/ul>\n<p>Espresso drinkers get an extra perk. Poorly stored beans are more prone to <strong>channeling<\/strong>, when water cuts tunnels through the coffee puck and rushes through them, leaving a thin, sour shot with little crema.<\/p>\n<p>\r\n    <aside class=\"cc-product-box\">\r\n        <div class=\"cc-product-tag\">Coado Caf\u00e9 Recommendation<\/div>\r\n        \r\n        <div class=\"cc-product-inner\">\r\n            \r\n                            <div class=\"cc-product-media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/coadocafe.com\/en\/wp-content\/uploads\/sites\/2\/2026\/10\/fellow-atmos-eletric-vacuum.jpg\" alt=\"Fellow Atmos Electric Vacuum Coffee\" \/>\r\n                <\/div>\r\n            \r\n            <div class=\"cc-product-info\">\r\n                <h4 class=\"cc-product-title\">Fellow Atmos Electric Vacuum Coffee<\/h4>\r\n\r\n                <a href=\"https:\/\/link.amazon\/B0jgxYESe\" target=\"_blank\" rel=\"sponsored noopener\" class=\"cc-product-btn\">\r\n                    Check the price on Amazon                    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M18 13V19C18 19.5304 17.7893 20.0391 17.4142 20.4142C17.0391 20.7893 16.5304 21 16 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V8C3 7.46957 3.21071 6.96086 3.58579 6.58579C3.96086 6.21071 4.46957 6 5 6H11M15 3H21M21 3V9M21 3L10 14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        <span class=\"cc-product-disclaimer\">*By purchasing through this link, Coado Caf\u00e9 earns a small commission at no extra cost to you.<\/span>\r\n    <\/aside>\r\n\r\n    <style>\r\n        \/* ==========================================\r\n           COMPACT PRODUCT CARD CSS (TEXT WIDTH)\r\n           ========================================== *\/\r\n\r\n        .cc-product-box {\r\n            background-color: var(--cc-bg-cards) !important;\r\n            border: 1px solid rgba(174, 132, 118, 0.2) !important;\r\n            border-radius: 10px !important;\r\n            padding: 1.25rem 1.5rem !important;\r\n            margin: 2rem auto !important; \/* Centered in text *\/\r\n            max-width: 680px !important; \/* Locks at the exact size of the article text column *\/\r\n            width: 100% !important;\r\n            position: relative !important;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;\r\n            box-sizing: border-box !important;\r\n        }\r\n\r\n        .cc-product-tag {\r\n            font-size: 0.68rem !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.08em !important;\r\n            color: var(--cc-color-crema) !important;\r\n            margin-bottom: 0.8rem !important;\r\n            display: inline-block !important;\r\n        }\r\n\r\n        .cc-product-inner {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 1.2rem !important;\r\n            align-items: center !important;\r\n        }\r\n\r\n        .cc-product-media {\r\n            width: 100px !important; \/* More compact icon\/image *\/\r\n            height: 100px !important;\r\n            flex-shrink: 0 !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n        }\r\n\r\n        .cc-product-media img {\r\n            max-width: 100% !important;\r\n            max-height: 100% !important;\r\n            object-fit: contain !important;\r\n        }\r\n\r\n        .cc-product-info {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            align-items: center !important;\r\n            text-align: center !important;\r\n            flex-grow: 1 !important;\r\n            gap: 0.4rem !important;\r\n        }\r\n\r\n        .cc-product-title {\r\n            font-size: 1.1rem !important;\r\n            color: var(--cc-title-main) !important;\r\n            margin: 0 !important;\r\n            line-height: 1.3 !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        .cc-product-price {\r\n            font-size: 0.85rem !important;\r\n            color: var(--cc-text-muted) !important;\r\n        }\r\n\r\n        .cc-product-price strong {\r\n            color: var(--cc-title-main) !important;\r\n        }\r\n\r\n        .cc-product-btn {\r\n            font-family: var(--cc-font-primary) !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 0.4rem !important;\r\n            background-color: var(--cc-color-crema) !important;\r\n            color: #FFFFFF !important;\r\n            text-decoration: none !important;\r\n            font-size: 0.8rem !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.05em !important;\r\n            padding: 0.65rem 1.2rem !important;\r\n            border-radius: 6px !important;\r\n            margin-top: 0.4rem !important;\r\n            transition: transform 0.2s ease, background-color 0.2s ease !important;\r\n        }\r\n\r\n        .cc-product-btn:hover {\r\n            background-color: var(--cc-color-coffee) !important;\r\n            transform: translateY(-2px) !important;\r\n        }\r\n\r\n        .cc-product-btn svg {\r\n            width: 0.9rem !important;\r\n            height: 0.9rem !important;\r\n        }\r\n\r\n        .cc-product-disclaimer {\r\n            display: block !important;\r\n            font-size: 0.7rem !important;\r\n            color: var(--cc-text-muted) !important;\r\n            margin-top: 0.8rem !important;\r\n            text-align: center !important;\r\n            opacity: 0.7 !important;\r\n            font-style: italic !important;\r\n        }\r\n\r\n        \/* DESKTOP (SIDE BY SIDE LEAN) *\/\r\n        @media (min-width: 550px) {\r\n            .cc-product-inner {\r\n                flex-direction: row !important;\r\n                text-align: left !important;\r\n            }\r\n\r\n            .cc-product-info {\r\n                align-items: flex-start !important;\r\n                text-align: left !important;\r\n            }\r\n\r\n            .cc-product-disclaimer {\r\n                text-align: left !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <\/p>\n<h2>The 6 mistakes that ruin good coffee<\/h2>\n<ol>\n<li><strong>Storing it in the regular fridge.<\/strong> It&#8217;s humid, full of garlic and onion odors, and daily opening causes temperature shocks and condensation.<\/li>\n<li><strong>Leaving it in a clear glass jar on the counter.<\/strong> Light turns the flavor bitter and astringent (that dry, puckery feeling). Use opaque containers or keep jars in a cabinet.<\/li>\n<li><strong>Freezing a 2 lb bag and opening it daily.<\/strong> Warm kitchen air condenses on the beans and forms ice crystals. Portion first.<\/li>\n<li><strong>Using a big airtight jar with lots of headspace.<\/strong> More air means more oxidation. Squeeze the air out of the original bag, or use a vacuum or plunger canister.<\/li>\n<li><strong>Storing it next to spices.<\/strong> Coffee soaks up cumin, cinnamon and pepper. Give it its own shelf.<\/li>\n<li><strong>Mixing old beans with fresh ones.<\/strong> Stale coffee drags down the fresh batch and makes extraction uneven. Finish one before opening another.<\/li>\n<\/ol>\n<h2>How to test it and quick tips<\/h2>\n<ul>\n<li><strong>Smell test:<\/strong> sniff the beans the day you open the bag and again a week later. If the aroma has faded, your seal is leaking.<\/li>\n<li><strong>Side-by-side test:<\/strong> brew a frozen portion and a pantry portion the same way and compare sweetness and clarity. A simple pour-over cone makes this easy:<\/li>\n<\/ul>\n<p>\r\n    <aside class=\"cc-product-box\">\r\n        <div class=\"cc-product-tag\">Coado Caf\u00e9 Recommendation<\/div>\r\n        \r\n        <div class=\"cc-product-inner\">\r\n            \r\n                            <div class=\"cc-product-media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/coadocafe.com\/en\/wp-content\/uploads\/2026\/10\/hario-v60-branco-original.jpg\" alt=\"HARIO V60 Ceramic Coffee Dripper\" \/>\r\n                <\/div>\r\n            \r\n            <div class=\"cc-product-info\">\r\n                <h4 class=\"cc-product-title\">HARIO V60 Ceramic Coffee Dripper<\/h4>\r\n\r\n                <a href=\"https:\/\/link.amazon\/B0f66uAyY\" target=\"_blank\" rel=\"sponsored noopener\" class=\"cc-product-btn\">\r\n                    Check the price on Amazon                    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M18 13V19C18 19.5304 17.7893 20.0391 17.4142 20.4142C17.0391 20.7893 16.5304 21 16 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V8C3 7.46957 3.21071 6.96086 3.58579 6.58579C3.96086 6.21071 4.46957 6 5 6H11M15 3H21M21 3V9M21 3L10 14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        <span class=\"cc-product-disclaimer\">*By purchasing through this link, Coado Caf\u00e9 earns a small commission at no extra cost to you.<\/span>\r\n    <\/aside>\r\n\r\n    <style>\r\n        \/* ==========================================\r\n           COMPACT PRODUCT CARD CSS (TEXT WIDTH)\r\n           ========================================== *\/\r\n\r\n        .cc-product-box {\r\n            background-color: var(--cc-bg-cards) !important;\r\n            border: 1px solid rgba(174, 132, 118, 0.2) !important;\r\n            border-radius: 10px !important;\r\n            padding: 1.25rem 1.5rem !important;\r\n            margin: 2rem auto !important; \/* Centered in text *\/\r\n            max-width: 680px !important; \/* Locks at the exact size of the article text column *\/\r\n            width: 100% !important;\r\n            position: relative !important;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;\r\n            box-sizing: border-box !important;\r\n        }\r\n\r\n        .cc-product-tag {\r\n            font-size: 0.68rem !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.08em !important;\r\n            color: var(--cc-color-crema) !important;\r\n            margin-bottom: 0.8rem !important;\r\n            display: inline-block !important;\r\n        }\r\n\r\n        .cc-product-inner {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 1.2rem !important;\r\n            align-items: center !important;\r\n        }\r\n\r\n        .cc-product-media {\r\n            width: 100px !important; \/* More compact icon\/image *\/\r\n            height: 100px !important;\r\n            flex-shrink: 0 !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n        }\r\n\r\n        .cc-product-media img {\r\n            max-width: 100% !important;\r\n            max-height: 100% !important;\r\n            object-fit: contain !important;\r\n        }\r\n\r\n        .cc-product-info {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            align-items: center !important;\r\n            text-align: center !important;\r\n            flex-grow: 1 !important;\r\n            gap: 0.4rem !important;\r\n        }\r\n\r\n        .cc-product-title {\r\n            font-size: 1.1rem !important;\r\n            color: var(--cc-title-main) !important;\r\n            margin: 0 !important;\r\n            line-height: 1.3 !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        .cc-product-price {\r\n            font-size: 0.85rem !important;\r\n            color: var(--cc-text-muted) !important;\r\n        }\r\n\r\n        .cc-product-price strong {\r\n            color: var(--cc-title-main) !important;\r\n        }\r\n\r\n        .cc-product-btn {\r\n            font-family: var(--cc-font-primary) !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 0.4rem !important;\r\n            background-color: var(--cc-color-crema) !important;\r\n            color: #FFFFFF !important;\r\n            text-decoration: none !important;\r\n            font-size: 0.8rem !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.05em !important;\r\n            padding: 0.65rem 1.2rem !important;\r\n            border-radius: 6px !important;\r\n            margin-top: 0.4rem !important;\r\n            transition: transform 0.2s ease, background-color 0.2s ease !important;\r\n        }\r\n\r\n        .cc-product-btn:hover {\r\n            background-color: var(--cc-color-coffee) !important;\r\n            transform: translateY(-2px) !important;\r\n        }\r\n\r\n        .cc-product-btn svg {\r\n            width: 0.9rem !important;\r\n            height: 0.9rem !important;\r\n        }\r\n\r\n        .cc-product-disclaimer {\r\n            display: block !important;\r\n            font-size: 0.7rem !important;\r\n            color: var(--cc-text-muted) !important;\r\n            margin-top: 0.8rem !important;\r\n            text-align: center !important;\r\n            opacity: 0.7 !important;\r\n            font-style: italic !important;\r\n        }\r\n\r\n        \/* DESKTOP (SIDE BY SIDE LEAN) *\/\r\n        @media (min-width: 550px) {\r\n            .cc-product-inner {\r\n                flex-direction: row !important;\r\n                text-align: left !important;\r\n            }\r\n\r\n            .cc-product-info {\r\n                align-items: flex-start !important;\r\n                text-align: left !important;\r\n            }\r\n\r\n            .cc-product-disclaimer {\r\n                text-align: left !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <\/p>\n<ul>\n<li><strong>Write the date:<\/strong> mark the day you opened the bag.<\/li>\n<li><strong>Check the roast date<\/strong> before buying. Fresher is better.<\/li>\n<li><strong>Buy smaller bags more often<\/strong> if you don&#8217;t plan to freeze.<\/li>\n<\/ul>\n<h2>Frequently asked questions (FAQ)<\/h2>\n<h3>Should I keep coffee in the fridge?<\/h3>\n<p>No. The fridge is humid and full of food odors that coffee absorbs. Go with a dry, dark cabinet, or the freezer with well-portioned, tightly sealed bags.<\/p>\n<h3>Does freezing coffee hurt the flavor?<\/h3>\n<p>Not if you portion it, seal it well and thaw it without opening the bag. At that temperature, the reactions that make coffee stale slow way down.<\/p>\n<h3>Is a vacuum canister worth it?<\/h3>\n<p>If it takes you more than two weeks to finish a bag, yes. It cuts the air in the container and helps preserve sweetness and clarity. On a tight budget, a squeezed-out bag inside a zip-top bag still helps a lot.<\/p>\n<p>\n        <\/div>\r\n\r\n    <\/article>\r\n\r\n    <style>\r\n        \/* ==========================================\r\n           ARTICLE ENGINE CSS (COADO CAF\u00c9)\r\n           ========================================== *\/\r\n\r\n        .cc-artigo-wrapper {\r\n            width: 100% !important;\r\n            max-width: 760px !important;\r\n            margin: 0 auto !important;\r\n            padding: 3rem 1.25rem 5rem 1.25rem !important;\r\n            box-sizing: border-box !important;\r\n            background-color: var(--cc-bg-main) !important;\r\n            font-family: var(--cc-font-primary) !important;\r\n        }\r\n\r\n        \/* HEADER *\/\r\n        .cc-artigo-header {\r\n            margin-bottom: 2.5rem !important;\r\n            text-align: left !important;\r\n        }\r\n\r\n        .cc-artigo-meta {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 0.5rem !important;\r\n            font-size: 0.8rem !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.08em !important;\r\n            color: var(--cc-color-crema) !important;\r\n            margin-bottom: 0.8rem !important;\r\n        }\r\n\r\n        .cc-meta-dot { opacity: 0.4 !important; }\r\n\r\n        .cc-artigo-titulo {\r\n            font-size: 2.3rem !important;\r\n            line-height: 1.2 !important;\r\n            color: var(--cc-title-main) !important;\r\n            font-weight: 700 !important;\r\n            margin: 0 0 1rem 0 !important;\r\n            letter-spacing: -0.02em !important;\r\n        }\r\n\r\n        .cc-artigo-submeta {\r\n            font-size: 0.85rem !important;\r\n            color: var(--cc-text-muted) !important;\r\n            margin-bottom: 1.5rem !important;\r\n        }\r\n\r\n        .cc-artigo-divider {\r\n            width: 100% !important;\r\n            height: 1px !important;\r\n            background-color: rgba(174, 132, 118, 0.2) !important;\r\n            position: relative !important;\r\n        }\r\n\r\n        .cc-artigo-divider::before {\r\n            content: '' !important;\r\n            position: absolute !important;\r\n            left: 0 !important;\r\n            top: -1px !important;\r\n            width: 60px !important;\r\n            height: 3px !important;\r\n            background-color: var(--cc-color-crema) !important;\r\n        }\r\n\r\n        \/* EDITORIAL TEXT CONTENT *\/\r\n        .cc-artigo-conteudo {\r\n            font-size: 1.1rem !important;\r\n            line-height: 1.8 !important;\r\n            color: var(--cc-text-main) !important;\r\n            font-weight: 400 !important;\r\n        }\r\n\r\n        .cc-artigo-conteudo p {\r\n            margin: 0 0 1.6rem 0 !important;\r\n        }\r\n\r\n        .cc-artigo-conteudo p:empty { display: none !important; }\r\n\r\n        \/* HEADINGS (H2, H3) *\/\r\n        .cc-artigo-conteudo h2 {\r\n            font-size: 1.65rem !important;\r\n            color: var(--cc-title-main) !important;\r\n            margin: 2.8rem 0 1.2rem 0 !important;\r\n            font-weight: 700 !important;\r\n            line-height: 1.3 !important;\r\n            letter-spacing: -0.01em !important;\r\n        }\r\n\r\n        .cc-artigo-conteudo h3 {\r\n            font-size: 1.35rem !important;\r\n            color: var(--cc-title-main) !important;\r\n            margin: 2.2rem 0 1rem 0 !important;\r\n            font-weight: 700 !important;\r\n            line-height: 1.3 !important;\r\n        }\r\n\r\n        \/* STYLED LISTS (UL, OL, LI) *\/\r\n        .cc-artigo-conteudo ul, \r\n        .cc-artigo-conteudo ol {\r\n            margin: 0 0 1.8rem 0 !important;\r\n            padding-left: 1.8rem !important;\r\n        }\r\n\r\n        .cc-artigo-conteudo li {\r\n            margin-bottom: 0.7rem !important;\r\n            line-height: 1.7 !important;\r\n        }\r\n\r\n        .cc-artigo-conteudo strong {\r\n            color: var(--cc-title-main) !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        \/* BLOCKQUOTES AND HIGHLIGHTS *\/\r\n        .cc-artigo-conteudo blockquote {\r\n            margin: 2rem 0 !important;\r\n            padding: 1.2rem 1.5rem !important;\r\n            border-left: 4px solid var(--cc-color-crema) !important;\r\n            background-color: var(--cc-bg-cards) !important;\r\n            border-radius: 0 8px 8px 0 !important;\r\n            font-style: italic !important;\r\n            color: var(--cc-text-main) !important;\r\n        }\r\n\r\n        .cc-artigo-conteudo blockquote p { margin: 0 !important; }\r\n\r\n        \/* INLINE IMAGES *\/\r\n        .cc-artigo-conteudo img {\r\n            max-width: 100% !important;\r\n            height: auto !important;\r\n            border-radius: 8px !important;\r\n            margin: 2rem 0 !important;\r\n            display: block !important;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;\r\n        }\r\n\r\n        \/* DESKTOP RESPONSIVENESS *\/\r\n        @media (min-width: 768px) {\r\n            .cc-artigo-wrapper {\r\n                padding: 4rem 2rem 6rem 2rem !important;\r\n            }\r\n            .cc-artigo-titulo {\r\n                font-size: 2.8rem !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    \n\n\n\n\n\n    \r\n    <section class=\"cc-newsletter-section\">\r\n        <div class=\"cc-newsletter-container\">\r\n            \r\n            <div class=\"cc-newsletter-content\">\r\n                <span class=\"cc-newsletter-tag\">Exclusive Content<\/span>\r\n                <h2 class=\"cc-newsletter-title\">Get the essence of specialty coffee in your inbox<\/h2>\r\n                <p class=\"cc-newsletter-text\">\r\n                    Don't rely on the algorithm. Subscribe to our free curation and receive bi-weekly advanced brewing guides, honest roaster reviews, and secrets from the specialty coffee world.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"cc-newsletter-form-wrapper\">\r\n                <form class=\"cc-newsletter-form\" action=\"#\" method=\"POST\" onsubmit=\"event.preventDefault(); alert('We will connect your email system soon!');\">\r\n                    <input type=\"email\" name=\"email\" class=\"cc-input-email\" placeholder=\"Enter your best email...\" required \/>\r\n                    <button type=\"submit\" class=\"cc-btn-submit\">Subscribe<\/button>\r\n                <\/form>\r\n                <span class=\"cc-newsletter-spam\">We promise zero spam. Only quality coffee. Unsubscribe anytime.<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        \/* ==========================================\r\n           NEWSLETTER CSS - FULL WIDTH (ZERO MARGINS)\r\n           ========================================== *\/\r\n\r\n        .cc-newsletter-section {\r\n            background-color: var(--cc-color-coffee) !important;\r\n            padding: 7rem 1.25rem !important;\r\n            margin-top: 0 !important;\r\n            margin-bottom: 0 !important;\r\n            width: 100% !important;\r\n            box-sizing: border-box !important;\r\n            border-top: 1px solid rgba(174, 132, 118, 0.2) !important;\r\n        }\r\n\r\n        .cc-newsletter-container {\r\n            max-width: 900px !important;\r\n            margin: 0 auto !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 2.5rem !important;\r\n            align-items: center !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        .cc-newsletter-content {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            align-items: center !important;\r\n            gap: 1rem !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        .cc-newsletter-tag {\r\n            font-size: 0.75rem !important;\r\n            font-weight: 700 !important;\r\n            color: var(--cc-color-crema) !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.15em !important;\r\n            background-color: rgba(174, 132, 118, 0.15) !important;\r\n            padding: 0.3rem 0.8rem !important;\r\n            border-radius: 20px !important;\r\n        }\r\n\r\n        .cc-newsletter-title {\r\n            font-size: 2.3rem !important;\r\n            color: #FFFFFF !important;\r\n            letter-spacing: -0.02em !important;\r\n            line-height: 1.2 !important;\r\n            margin: 0 !important;\r\n        }\r\n\r\n        .cc-newsletter-text {\r\n            font-size: 1.1rem !important;\r\n            color: rgba(255, 255, 255, 0.8) !important;\r\n            margin: 0 !important;\r\n            font-weight: 300 !important;\r\n            line-height: 1.6 !important;\r\n            max-width: 700px !important;\r\n        }\r\n\r\n        .cc-newsletter-form-wrapper {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            align-items: center !important;\r\n            gap: 1rem !important;\r\n            width: 100% !important;\r\n            max-width: 600px !important;\r\n        }\r\n\r\n        .cc-newsletter-form {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            width: 100% !important;\r\n            gap: 0.8rem !important;\r\n        }\r\n\r\n        .cc-input-email {\r\n            font-family: var(--cc-font-primary) !important;\r\n            width: 100% !important;\r\n            padding: 1.1rem 1.25rem !important;\r\n            background-color: rgba(255, 255, 255, 0.07) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n            border-radius: 8px !important;\r\n            font-size: 1rem !important;\r\n            color: #FFFFFF !important;\r\n            outline: none !important;\r\n            box-sizing: border-box !important;\r\n            transition: all 0.3s ease !important;\r\n        }\r\n\r\n        .cc-input-email::placeholder {\r\n            color: rgba(255, 255, 255, 0.4) !important;\r\n        }\r\n\r\n        .cc-input-email:focus {\r\n            border-color: var(--cc-color-crema) !important;\r\n            background-color: rgba(255, 255, 255, 0.1) !important;\r\n        }\r\n\r\n        .cc-btn-submit {\r\n            font-family: var(--cc-font-primary) !important;\r\n            background-color: var(--cc-color-crema) !important;\r\n            color: #FFFFFF !important;\r\n            border: none !important;\r\n            padding: 1.1rem 2rem !important;\r\n            font-size: 0.95rem !important;\r\n            font-weight: 700 !important;\r\n            border-radius: 8px !important;\r\n            cursor: pointer !important;\r\n            transition: all 0.3s ease !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.05em !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        .cc-btn-submit:hover {\r\n            background-color: #FFFFFF !important;\r\n            color: var(--cc-color-coffee) !important;\r\n            transform: translateY(-2px) !important;\r\n        }\r\n\r\n        .cc-newsletter-spam {\r\n            font-size: 0.8rem !important;\r\n            color: rgba(255, 255, 255, 0.5) !important;\r\n            font-weight: 300 !important;\r\n        }\r\n\r\n        @media (min-width: 768px) {\r\n            .cc-newsletter-section {\r\n                padding: 8rem 2rem !important;\r\n            }\r\n\r\n            .cc-newsletter-title {\r\n                font-size: 2.8rem !important;\r\n            }\r\n\r\n            .cc-newsletter-form {\r\n                flex-direction: row !important;\r\n                gap: 0.5rem !important;\r\n            }\r\n\r\n            .cc-input-email {\r\n                flex-grow: 1 !important;\r\n            }\r\n\r\n            .cc-btn-submit {\r\n                width: auto !important;\r\n                flex-shrink: 0 !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    \n\n\n    \r\n    <footer class=\"cc-footer-section\">\r\n        <div class=\"cc-footer-container\">\r\n            \r\n            <div class=\"cc-footer-main\">\r\n                \r\n                <div class=\"cc-footer-brand\">\r\n                    <a href=\"#home\" class=\"cc-footer-brand-link\" aria-label=\"Coado Caf\u00e9 - Go to Home\">\r\n                        <img decoding=\"async\" src=\"https:\/\/coadocafe.com\/wp-content\/uploads\/2025\/06\/11.png\" alt=\"Coado Caf\u00e9\" class=\"cc-footer-logo-img cc-footer-logo-light\" \/>\r\n                        <img decoding=\"async\" src=\"https:\/\/coadocafe.com\/wp-content\/uploads\/2025\/06\/41.png\" alt=\"Coado Caf\u00e9\" class=\"cc-footer-logo-img cc-footer-logo-dark\" \/>\r\n                    <\/a>\r\n                    <p class=\"cc-footer-desc\">Exploring the specialty coffee universe, from the bean's origin to the perfect cup.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"cc-footer-links\">\r\n                    <h4 class=\"cc-footer-title\">Navigation<\/h4>\r\n                    <nav class=\"cc-footer-nav\">\r\n                        <a href=\"https:\/\/coadocafe.com\/en\/#methods\">Methods<\/a>\r\n                        <a href=\"https:\/\/coadocafe.com\/en\/#articles\">Articles<\/a>\r\n                        <a href=\"https:\/\/coadocafe.com\/en\/blog\">Blog<\/a>\r\n                    <\/nav>\r\n                <\/div>\r\n\r\n                <div class=\"cc-footer-links\">\r\n                    <h4 class=\"cc-footer-title\">Contact<\/h4>\r\n                    <nav class=\"cc-footer-nav\">\r\n                        <a href=\"mailto:contato@coadocafe.com\">Get in touch<\/a>\r\n                    <\/nav>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"cc-footer-bottom\">\r\n                <p>&copy; 2026 Coado Caf\u00e9. All rights reserved.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <style>\r\n        \/* ==========================================\r\n           GUTENBERG BLOCK MARGIN OVERRIDES\r\n           ========================================== *\/\r\n        .wp-block-shortcode,\r\n        .entry-content > .wp-block-shortcode,\r\n        .wp-block-post-content > .wp-block-shortcode {\r\n            margin-top: 0 !important;\r\n            margin-bottom: 0 !important;\r\n            padding-top: 0 !important;\r\n            padding-bottom: 0 !important;\r\n        }\r\n\r\n        .entry-content,\r\n        .wp-block-post-content,\r\n        .wp-site-blocks {\r\n            padding-bottom: 0 !important;\r\n            margin-bottom: 0 !important;\r\n        }\r\n\r\n        \/* ==========================================\r\n           FOOTER CSS - DEFINITIVE FIX FOR 500x500 LOGO\r\n           ========================================== *\/\r\n\r\n        .cc-footer-section {\r\n            background-color: var(--cc-color-crema) !important;\r\n            border-top: 1px solid rgba(44, 30, 19, 0.1) !important;\r\n            padding: 5rem 1.25rem 2.5rem 1.25rem !important;\r\n            margin-top: 0 !important;\r\n            margin-bottom: 0 !important;\r\n            box-sizing: border-box !important;\r\n            width: 100% !important;\r\n            transition: background-color 0.4s ease, border-color 0.4s ease !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-footer-section {\r\n            background-color: var(--cc-bg-nav) !important;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n        }\r\n\r\n        .cc-footer-container {\r\n            max-width: 1400px !important;\r\n            margin: 0 auto !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 3.5rem !important;\r\n        }\r\n\r\n        .cc-footer-main {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 2.5rem !important;\r\n        }\r\n\r\n        .cc-footer-brand {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 1.2rem !important;\r\n            max-width: 320px !important;\r\n        }\r\n\r\n        .cc-footer-brand-link {\r\n            display: inline-block !important;\r\n            text-decoration: none !important;\r\n            outline: none !important;\r\n            width: fit-content !important;\r\n            box-shadow: none !important;\r\n            background: transparent !important;\r\n        }\r\n\r\n        .cc-footer-logo-img {\r\n            width: 120px !important;\r\n            height: auto !important;\r\n            object-fit: contain !important;\r\n            display: block !important;\r\n            box-shadow: none !important;\r\n            filter: none !important;\r\n            border: none !important;\r\n            background: transparent !important;\r\n        }\r\n\r\n        .cc-footer-logo-dark { display: none !important; }\r\n        .cc-footer-logo-light { display: block !important; }\r\n\r\n        html[data-theme=\"dark\"] .cc-footer-logo-dark { display: block !important; }\r\n        html[data-theme=\"dark\"] .cc-footer-logo-light { display: none !important; }\r\n\r\n        .cc-footer-desc {\r\n            font-family: var(--cc-font-primary) !important;\r\n            font-size: 0.95rem !important;\r\n            color: var(--cc-color-coffee) !important;\r\n            line-height: 1.6 !important;\r\n            margin: 0 !important;\r\n            font-weight: 400 !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-footer-desc {\r\n            color: rgba(255, 255, 255, 0.8) !important;\r\n        }\r\n\r\n        .cc-footer-links {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 1rem !important;\r\n        }\r\n\r\n        .cc-footer-title {\r\n            font-family: var(--cc-font-primary) !important;\r\n            font-size: 1rem !important;\r\n            color: var(--cc-color-coffee) !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.08em !important;\r\n            font-weight: 700 !important;\r\n            margin: 0 !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-footer-title {\r\n            color: #FFFFFF !important;\r\n        }\r\n\r\n        .cc-footer-nav {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 0.7rem !important;\r\n        }\r\n\r\n        .cc-footer-nav a {\r\n            font-family: var(--cc-font-primary) !important;\r\n            color: var(--cc-color-coffee) !important;\r\n            text-decoration: none !important;\r\n            font-size: 0.95rem !important;\r\n            font-weight: 500 !important;\r\n            transition: var(--cc-transition) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-footer-nav a {\r\n            color: rgba(255, 255, 255, 0.8) !important;\r\n        }\r\n\r\n        .cc-footer-nav a:hover {\r\n            color: #FFFFFF !important;\r\n            transform: translateX(4px) !important;\r\n        }\r\n\r\n        .cc-footer-bottom {\r\n            border-top: 1px solid rgba(44, 30, 19, 0.1) !important;\r\n            padding-top: 2rem !important;\r\n            text-align: center !important;\r\n            font-family: var(--cc-font-primary) !important;\r\n            font-size: 0.85rem !important;\r\n            color: var(--cc-color-coffee) !important;\r\n            opacity: 0.8 !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-footer-bottom {\r\n            border-top: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n            color: rgba(255, 255, 255, 0.6) !important;\r\n        }\r\n\r\n        @media (min-width: 768px) {\r\n            .cc-footer-main {\r\n                flex-direction: row !important;\r\n                justify-content: space-between !important;\r\n            }\r\n            .cc-footer-bottom {\r\n                text-align: left !important;\r\n            }\r\n            \r\n            .cc-footer-logo-img {\r\n                width: 220px !important; \r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    \n\n\n    \r\n    <div class=\"cc-ada-wrapper\">\r\n        <button class=\"cc-ada-toggle\" id=\"ccAdaToggle\" aria-label=\"Accessibility Panel\">\r\n            <span class=\"cc-ada-icon-wheelchair\"><\/span>\r\n        <\/button>\r\n\r\n        <div class=\"cc-ada-panel\" id=\"ccAdaPanel\">\r\n            <div class=\"cc-ada-header\">\r\n                <h3>Accessibility<\/h3>\r\n                <button id=\"ccAdaClose\" aria-label=\"Close Panel\">&times;<\/button>\r\n            <\/div>\r\n            \r\n            <div class=\"cc-ada-body\">\r\n                <div class=\"cc-ada-grid\">\r\n                    <button onclick=\"window.ccAdaEngine.adjustFont(1)\" class=\"cc-ada-action-btn\">\r\n                        <span>Increase Text<\/span>\r\n                    <\/button>\r\n                    <button onclick=\"window.ccAdaEngine.adjustFont(-1)\" class=\"cc-ada-action-btn\">\r\n                        <span>Decrease Text<\/span>\r\n                    <\/button>\r\n                    <button id=\"ccAdaThemeBtn\" onclick=\"toggleCcTheme()\" class=\"cc-ada-action-btn\">\r\n                        <span id=\"ccAdaThemeText\">Dark Mode<\/span>\r\n                    <\/button>\r\n                    <button onclick=\"window.ccAdaEngine.toggleMask()\" class=\"cc-ada-action-btn\">\r\n                        <span>Reading Focus<\/span>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Reading Focus Mask -->\r\n    <div id=\"cc-reading-mask\"><\/div>\r\n\r\n    <script>\r\n        \/\/ ACCESSIBILITY ENGINE\r\n        window.ccAdaEngine = {\r\n            toggleTheme: () => {\r\n                const root = document.documentElement;\r\n                const currentTheme = root.getAttribute('data-theme') === 'dark' ? 'light' : 'dark';\r\n                root.setAttribute('data-theme', currentTheme);\r\n                localStorage.setItem('cc-premium-theme', currentTheme);\r\n            },\r\n            fontSize: 100,\r\n            adjustFont: (d) => {\r\n                window.ccAdaEngine.fontSize += (d * 10);\r\n                if(window.ccAdaEngine.fontSize < 70) window.ccAdaEngine.fontSize = 70;\r\n                if(window.ccAdaEngine.fontSize > 160) window.ccAdaEngine.fontSize = 160;\r\n                document.documentElement.style.setProperty('font-size', window.ccAdaEngine.fontSize + '%', 'important');\r\n            },\r\n            toggleMask: () => {\r\n                const m = document.getElementById('cc-reading-mask');\r\n                if(m) m.style.display = m.style.display === 'block' ? 'none' : 'block';\r\n            }\r\n        };\r\n\r\n        \/\/ MASK CONTROL WITH MOUSE\r\n        const updateCcMaskPos = (clientY) => {\r\n            const m = document.getElementById('cc-reading-mask');\r\n            if(m && m.style.display === 'block') m.style.top = clientY + 'px';\r\n        };\r\n        document.addEventListener('mousemove', (e) => updateCcMaskPos(e.clientY));\r\n        document.addEventListener('touchmove', (e) => { \r\n            if(e.touches.length > 0) updateCcMaskPos(e.touches[0].clientY); \r\n        }, { passive: true });\r\n\r\n        \/\/ THEME INTERFACE CONTROL\r\n        function updateCcThemeInterface() {\r\n            const text = document.getElementById('ccAdaThemeText');\r\n            if (!text) return;\r\n            const isDark = document.documentElement.getAttribute('data-theme') === 'dark';\r\n            text.textContent = isDark ? 'Light Mode' : 'Dark Mode';\r\n        }\r\n\r\n        function toggleCcTheme() {\r\n            window.ccAdaEngine.toggleTheme();\r\n            setTimeout(updateCcThemeInterface, 40);\r\n        }\r\n\r\n        \/\/ INITIALIZATION\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const savedTheme = localStorage.getItem('cc-premium-theme');\r\n            if(savedTheme === 'dark') {\r\n                document.documentElement.setAttribute('data-theme', 'dark');\r\n            }\r\n\r\n            const toggleBtn = document.getElementById('ccAdaToggle');\r\n            const panel = document.getElementById('ccAdaPanel');\r\n            const closeBtn = document.getElementById('ccAdaClose');\r\n\r\n            setTimeout(updateCcThemeInterface, 100);\r\n\r\n            if(toggleBtn && panel) {\r\n                toggleBtn.addEventListener('click', (e) => {\r\n                    e.stopPropagation();\r\n                    panel.classList.toggle('active');\r\n                    updateCcThemeInterface();\r\n                });\r\n            }\r\n            if(closeBtn && panel) {\r\n                closeBtn.addEventListener('click', () => panel.classList.remove('active'));\r\n            }\r\n            document.addEventListener('click', (e) => {\r\n                if(panel && !panel.contains(e.target) && e.target !== toggleBtn) {\r\n                    panel.classList.remove('active');\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n\r\n    <style>\r\n        \/* ==========================================\r\n           FIXED ACCESSIBILITY PANEL CSS (RIGHT SIDE)\r\n           ========================================== *\/\r\n\r\n        .cc-ada-wrapper {\r\n            position: fixed !important;\r\n            bottom: 25px !important;\r\n            right: 25px !important;\r\n            left: auto !important;\r\n            top: auto !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            width: auto !important;\r\n            height: auto !important;\r\n            z-index: 999999 !important;\r\n            font-family: var(--cc-font-primary) !important;\r\n            transform: none !important;\r\n        }\r\n\r\n        .cc-ada-toggle {\r\n            width: 56px !important;\r\n            height: 56px !important;\r\n            background-color: var(--cc-color-coffee) !important;\r\n            border-radius: 50% !important;\r\n            border: none !important;\r\n            cursor: pointer !important;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25) !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            transition: transform 0.2s ease, background-color 0.2s ease !important;\r\n            outline: none !important;\r\n            padding: 0 !important;\r\n        }\r\n\r\n        .cc-ada-icon-wheelchair {\r\n            width: 28px !important;\r\n            height: 28px !important;\r\n            display: inline-block !important;\r\n            background-repeat: no-repeat !important;\r\n            background-position: center !important;\r\n            background-size: contain !important;\r\n            background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2z'\/><\/svg>\") !important;\r\n        }\r\n\r\n        .cc-ada-toggle:hover { \r\n            transform: scale(1.08) !important; \r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-ada-toggle {\r\n            background-color: var(--cc-color-crema) !important;\r\n        }\r\n        \r\n        html[data-theme=\"dark\"] .cc-ada-icon-wheelchair {\r\n            background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%232C1E13'><path d='M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2z'\/><\/svg>\") !important;\r\n        }\r\n\r\n        .cc-ada-panel {\r\n            position: absolute !important;\r\n            bottom: 70px !important;\r\n            right: 0 !important;\r\n            left: auto !important;\r\n            width: 280px !important;\r\n            background-color: #FFFFFF !important;\r\n            border: 1px solid rgba(44, 30, 19, 0.1) !important;\r\n            border-radius: 12px !important;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;\r\n            display: none !important;\r\n            flex-direction: column !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .cc-ada-panel.active { \r\n            display: flex !important; \r\n        }\r\n\r\n        .cc-ada-header {\r\n            padding: 16px !important;\r\n            background-color: var(--cc-color-crema) !important;\r\n            display: flex !important;\r\n            justify-content: space-between !important;\r\n            align-items: center !important;\r\n        }\r\n\r\n        .cc-ada-header h3 {\r\n            margin: 0 !important;\r\n            font-size: 15px !important;\r\n            font-weight: 700 !important;\r\n            color: #FFFFFF !important;\r\n        }\r\n\r\n        #ccAdaClose {\r\n            background: none !important;\r\n            border: none !important;\r\n            font-size: 24px !important;\r\n            color: #FFFFFF !important;\r\n            cursor: pointer !important;\r\n            padding: 0 !important;\r\n            line-height: 1 !important;\r\n        }\r\n\r\n        .cc-ada-body {\r\n            padding: 16px !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 16px !important;\r\n            background-color: #FFFFFF !important;\r\n        }\r\n\r\n        .cc-ada-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(2, 1fr) !important;\r\n            gap: 10px !important;\r\n        }\r\n\r\n        .cc-ada-action-btn {\r\n            background-color: #F9F9F9 !important;\r\n            border: 1px solid rgba(0,0,0,0.1) !important;\r\n            color: var(--cc-color-coffee) !important;\r\n            padding: 14px 8px !important;\r\n            font-size: 12px !important;\r\n            font-weight: 600 !important;\r\n            border-radius: 6px !important;\r\n            cursor: pointer !important;\r\n            transition: all 0.2s !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        .cc-ada-action-btn:hover {\r\n            background-color: var(--cc-color-crema) !important;\r\n            color: #FFFFFF !important;\r\n            border-color: var(--cc-color-crema) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-ada-panel {\r\n            background-color: var(--cc-bg-nav) !important;\r\n            border-color: rgba(255, 255, 255, 0.1) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-ada-body {\r\n            background-color: var(--cc-bg-nav) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-ada-action-btn {\r\n            background-color: rgba(255,255,255,0.05) !important;\r\n            border-color: rgba(255,255,255,0.1) !important;\r\n            color: #FFFFFF !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-ada-action-btn:hover {\r\n            background-color: var(--cc-color-crema) !important;\r\n            color: var(--cc-color-coffee) !important;\r\n        }\r\n\r\n        #cc-reading-mask {\r\n            position: fixed !important;\r\n            left: 0 !important;\r\n            width: 100% !important;\r\n            height: 180px !important;\r\n            pointer-events: none !important;\r\n            z-index: 999998 !important;\r\n            display: none;\r\n            background: rgba(0, 0, 0, 0.05) !important;\r\n            box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.6) !important;\r\n            border-top: 2px solid var(--cc-color-crema) !important;\r\n            border-bottom: 2px solid var(--cc-color-crema) !important;\r\n            transform: translateY(-50%) !important;\r\n        }\r\n    <\/style>\r\n\r\n    \n","protected":false},"excerpt":{"rendered":"<p>How to store specialty coffee without losing flavor: freezer tips, vacuum canisters, valve taping and mistakes to avoid. Keep every cup fresh.<\/p>\n","protected":false},"author":1,"featured_media":209,"comment_status":"open","ping_status":"open","sticky":false,"template":"blank-post","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-203","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-no-category"],"_links":{"self":[{"href":"https:\/\/coadocafe.com\/en\/wp-json\/wp\/v2\/posts\/203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coadocafe.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/coadocafe.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/coadocafe.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coadocafe.com\/en\/wp-json\/wp\/v2\/comments?post=203"}],"version-history":[{"count":4,"href":"https:\/\/coadocafe.com\/en\/wp-json\/wp\/v2\/posts\/203\/revisions"}],"predecessor-version":[{"id":208,"href":"https:\/\/coadocafe.com\/en\/wp-json\/wp\/v2\/posts\/203\/revisions\/208"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/coadocafe.com\/en\/wp-json\/wp\/v2\/media\/209"}],"wp:attachment":[{"href":"https:\/\/coadocafe.com\/en\/wp-json\/wp\/v2\/media?parent=203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coadocafe.com\/en\/wp-json\/wp\/v2\/categories?post=203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coadocafe.com\/en\/wp-json\/wp\/v2\/tags?post=203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}