{"id":552,"date":"2025-07-24T16:30:44","date_gmt":"2025-07-24T13:30:44","guid":{"rendered":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/?page_id=552"},"modified":"2026-04-27T13:31:48","modified_gmt":"2026-04-27T10:31:48","slug":"coffee-stations-2","status":"publish","type":"page","link":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/coffee-stations-2\/","title":{"rendered":"Coffee"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#02a5a5&#8243; custom_padding=&#8221;|60px|5px|60px|false|false&#8221; custom_padding_tablet=&#8221;|30px||30px|false|false&#8221; custom_padding_phone=&#8221;|20px||20px|false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;Roboto Slab|900|||||||&#8221; header_text_align=&#8221;center&#8221; header_text_color=&#8221;#FFFFFF&#8221; header_font_size=&#8221;51px&#8221; header_font_size_tablet=&#8221;40px&#8221; header_font_size_phone=&#8221;24px&#8221; header_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1><span style=\"color: #134a86;\">Gedeo<\/span> Coffee<\/h1>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->\/* FILTER STYLES *\/<!-- [et_pb_line_break_holder] -->.filter-bar {<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    background: #02A5A5;<!-- [et_pb_line_break_holder] -->    border-radius: 12px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->select {<!-- [et_pb_line_break_holder] -->    padding: 0.6rem 1rem;<!-- [et_pb_line_break_holder] -->    margin-right: .5rem;<!-- [et_pb_line_break_holder] -->    font-size: 1rem;<!-- [et_pb_line_break_holder] -->    background: #02A5A5;<!-- [et_pb_line_break_holder] -->    border: 1px solid #02A5A5;<!-- [et_pb_line_break_holder] -->    color: white; \/* Selected option text *\/<!-- [et_pb_line_break_holder] -->    min-width: 200px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Style the dropdown arrow (optional) *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Dropdown list options *\/<!-- [et_pb_line_break_holder] -->select option {<!-- [et_pb_line_break_holder] -->    color: white; \/* Dropdown list color *\/<!-- [et_pb_line_break_holder] -->    background: #02A5A5; \/* Dropdown background *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Selected option *\/<!-- [et_pb_line_break_holder] -->select option:checked {<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] -->    background: #02A5A5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media (max-width: 600px) {<!-- [et_pb_line_break_holder] -->    .filter-bar {<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        flex-direction: column;<!-- [et_pb_line_break_holder] -->        gap: 15px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    select {<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->        margin: 0;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"filter-bar\"><!-- [et_pb_line_break_holder] -->    <select id=\"filterCoffeeType\"><!-- [et_pb_line_break_holder] --><option value=\"\">Filter by Coffee Type<\/option><!-- [et_pb_line_break_holder] --><option value=\"\">See all<\/option><!-- [et_pb_line_break_holder] --><option value=\"Natural\">Natural<\/option><!-- [et_pb_line_break_holder] --><option value=\"Washed\">Washed<\/option><!-- [et_pb_line_break_holder] --><option value=\"Honey\">Honey<\/option><!-- [et_pb_line_break_holder] --><option value=\"Anaerobic\">Anaerobic<\/option><!-- [et_pb_line_break_holder] --><option value=\"Carbonic Maceration\">Carbonic Maceration<\/option><!-- [et_pb_line_break_holder] -->    <\/select><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <select id=\"filterNote\"><!-- [et_pb_line_break_holder] --><option value=\"\">Filter by Cupping Note<\/option><!-- [et_pb_line_break_holder] --><option value=\"\">See all<\/option><!-- [et_pb_line_break_holder] --><option value=\"Fruity\">Fruity<\/option><!-- [et_pb_line_break_holder] --><option value=\"Floral\">Floral<\/option><!-- [et_pb_line_break_holder] --><option value=\"Tea-like\">Tea-like<\/option><!-- [et_pb_line_break_holder] --><option value=\"Citrus\">Citrus<\/option><!-- [et_pb_line_break_holder] --><option value=\"Spicy\">Spicy<\/option><!-- [et_pb_line_break_holder] --><option value=\"Juicy\">Juicy<\/option><!-- [et_pb_line_break_holder] --><option value=\"Chocolate\">Chocolate<\/option><!-- [et_pb_line_break_holder] --><option value=\"Sweet\">Sweet<\/option><!-- [et_pb_line_break_holder] --><option value=\"balanced\">Balanced<\/option><!-- [et_pb_line_break_holder] --><option value=\"creamy\">Creamy<\/option><!-- [et_pb_line_break_holder] -->    <\/select><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->\/\/ Shared data namespace<!-- [et_pb_line_break_holder] -->window.coffeeCardsApp = window.coffeeCardsApp || {<!-- [et_pb_line_break_holder] -->    data: [],<!-- [et_pb_line_break_holder] -->    filteredData: [],<!-- [et_pb_line_break_holder] -->    renderCards: null<!-- [et_pb_line_break_holder] -->};<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function applyFilters() {<!-- [et_pb_line_break_holder] -->    if (!window.coffeeCardsApp.data.length) return;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    const coffeeType = document.getElementById(\"filterCoffeeType\").value.trim().toLowerCase();<!-- [et_pb_line_break_holder] -->    const note = document.getElementById(\"filterNote\").value.trim().toLowerCase();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    window.coffeeCardsApp.filteredData = window.coffeeCardsApp.data.filter(row => {<!-- [et_pb_line_break_holder] -->        const typeField = (row[\"Types of coffee \"] || \"\").toLowerCase();<!-- [et_pb_line_break_holder] -->        const noteField = (row[\"Cupping Notes\"] || \"\").toLowerCase();<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        const typeMatch = !coffeeType || typeField.includes(coffeeType);<!-- [et_pb_line_break_holder] -->        const noteMatch = !note || noteField.includes(note);<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        return typeMatch && noteMatch;<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    if (window.coffeeCardsApp.renderCards) {<!-- [et_pb_line_break_holder] -->        window.coffeeCardsApp.renderCards(window.coffeeCardsApp.filteredData);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ Setup event listeners<!-- [et_pb_line_break_holder] -->document.addEventListener('DOMContentLoaded', function() {<!-- [et_pb_line_break_holder] -->    document.getElementById(\"filterCoffeeType\").addEventListener(\"change\", applyFilters);<!-- [et_pb_line_break_holder] -->    document.getElementById(\"filterNote\").addEventListener(\"change\", applyFilters);<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px|||||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Slab:wght@900&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@200&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&family=Roboto+Slab:wght@400;700&family=Roboto:wght@400;500;700&display=swap');<!-- [et_pb_line_break_holder] -->  \/* LOADING INDICATOR STYLES *\/<!-- [et_pb_line_break_holder] -->  .loading-container {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    height: 200px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .loading-spinner {<!-- [et_pb_line_break_holder] -->    width: 50px;<!-- [et_pb_line_break_holder] -->    height: 50px;<!-- [et_pb_line_break_holder] -->    border: 5px solid rgba(19, 74, 134, 0.2);<!-- [et_pb_line_break_holder] -->    border-top: 5px solid #134a86;<!-- [et_pb_line_break_holder] -->    border-radius: 50%;<!-- [et_pb_line_break_holder] -->    animation: spin 1s linear infinite;<!-- [et_pb_line_break_holder] -->    margin: 0 auto;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .loading-text {<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    margin-top: 20px;<!-- [et_pb_line_break_holder] -->    color: #134a86;<!-- [et_pb_line_break_holder] -->    font-size: 1.2rem;<!-- [et_pb_line_break_holder] -->    font-weight: 500;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  @keyframes spin {<!-- [et_pb_line_break_holder] -->    0% { transform: rotate(0deg); }<!-- [et_pb_line_break_holder] -->    100% { transform: rotate(360deg); }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* CARD GRID STYLES *\/<!-- [et_pb_line_break_holder] -->  .card-grid {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-wrap: wrap;<!-- [et_pb_line_break_holder] -->    gap: 1.5rem;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] -->    padding: 20px;<!-- [et_pb_line_break_holder] -->    min-height: 300px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .coffee-card {<!-- [et_pb_line_break_holder] -->    background: linear-gradient(to bottom right, #afd5ff, #c5ffff);<!-- [et_pb_line_break_holder] -->    border-radius: 10px;<!-- [et_pb_line_break_holder] -->    overflow: hidden;<!-- [et_pb_line_break_holder] -->    width: 300px;<!-- [et_pb_line_break_holder] -->    transition: transform 0.2s;<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-direction: column;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .card-image {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    height: 180px;<!-- [et_pb_line_break_holder] -->    object-fit: cover;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .svg-full {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    object-fit: contain;<!-- [et_pb_line_break_holder] -->    margin: 0 auto 1rem;<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] -->    background: transparent;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .card-content {<!-- [et_pb_line_break_holder] -->    padding: 1rem;<!-- [et_pb_line_break_holder] -->    flex-grow: 1;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .card-content p {<!-- [et_pb_line_break_holder] -->    font-family: \"Inter\", sans-serif;<!-- [et_pb_line_break_holder] -->    font-size: 13px;<!-- [et_pb_line_break_holder] -->    color: #3e3e3e;<!-- [et_pb_line_break_holder] -->    margin-bottom: -0.9em !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .cupping-note-box {<!-- [et_pb_line_break_holder] -->    display: inline-block;<!-- [et_pb_line_break_holder] -->    padding: 3px 8px;<!-- [et_pb_line_break_holder] -->    font-size: 0.8rem;<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] -->    margin: 0 5px 5px 0;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .fruity { background: #ee1c25; }<!-- [et_pb_line_break_holder] -->  .citrus { background: #ffb812; color: black; }<!-- [et_pb_line_break_holder] -->  .floral { background: #ef4c8f; }<!-- [et_pb_line_break_holder] -->  .pineapple { background: #f99e1a; }<!-- [et_pb_line_break_holder] -->  .berry { background: #6b66a9; }<!-- [et_pb_line_break_holder] -->  .spicy { background: #bb1142; }<!-- [et_pb_line_break_holder] -->  .tea-like { background: #ae667e; }<!-- [et_pb_line_break_holder] -->  .tealike { background: #ae667e; }<!-- [et_pb_line_break_holder] -->  .tea { background: #ae667e; }<!-- [et_pb_line_break_holder] -->  .creamy { background: #d2b478; }<!-- [et_pb_line_break_holder] -->  .juicy { background: #f06522; }<!-- [et_pb_line_break_holder] -->  .sweet { background: #e36f7c; }<!-- [et_pb_line_break_holder] -->  .chocolate { background: #6b291d; }<!-- [et_pb_line_break_holder] -->  .butter { background: yellow; color: black; }<!-- [et_pb_line_break_holder] -->  .dark-chocolate { background: #49271e; }<!-- [et_pb_line_break_holder] -->  .darkchocolate { background: #49271e; }<!-- [et_pb_line_break_holder] -->  .dark { background: #49271e; }<!-- [et_pb_line_break_holder] -->  .balanced { background: #00a7d1; }<!-- [et_pb_line_break_holder] -->  .honey { background: #fc7a2c; }<!-- [et_pb_line_break_holder] -->  .orange { background: orange; }<!-- [et_pb_line_break_holder] -->  .smooth {background: #f4f4f9; color: black; }<!-- [et_pb_line_break_holder] -->  .rue { background: black}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .card-button {<!-- [et_pb_line_break_holder] -->   font-family: \"Inter\", sans-serif;<!-- [et_pb_line_break_holder] -->    margin: 1rem 1rem 1.5rem 1rem;<!-- [et_pb_line_break_holder] -->    margin-buttom: 0.8rem;<!-- [et_pb_line_break_holder] -->    width: 133px;<!-- [et_pb_line_break_holder] -->    background: linear-gradient(to right, #02A5A5, #134A86);<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] -->    padding: 3px 5px;<!-- [et_pb_line_break_holder] -->    border: none;<!-- [et_pb_line_break_holder] -->    border-radius: 5px;<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->    align-self: flex-start;<!-- [et_pb_line_break_holder] -->    transition: transform 0.3s ease, box-shadow 0.3s ease;<!-- [et_pb_line_break_holder] -->    text-decoration: none;<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .card-button:hover {<!-- [et_pb_line_break_holder] -->    transform: translateY(-3px);<!-- [et_pb_line_break_holder] -->    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* RESET BUTTON STYLES *\/<!-- [et_pb_line_break_holder] -->  .reset-filters-btn {<!-- [et_pb_line_break_holder] -->    padding: 0.6rem 1.5rem;<!-- [et_pb_line_break_holder] -->    background: linear-gradient(to right, #e53935, #c62828);<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] -->    border: none;<!-- [et_pb_line_break_holder] -->    border-radius: 8px;<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->    transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->    margin-left: 1rem;<!-- [et_pb_line_break_holder] -->    box-shadow: 0 2px 4px rgba(0,0,0,0.1);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .reset-filters-btn:hover {<!-- [et_pb_line_break_holder] -->    transform: translateY(-2px);<!-- [et_pb_line_break_holder] -->    box-shadow: 0 4px 8px rgba(0,0,0,0.2);<!-- [et_pb_line_break_holder] -->    background: linear-gradient(to right, #c62828, #b71c1c);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .reset-filters-btn:active {<!-- [et_pb_line_break_holder] -->    transform: translateY(0);<!-- [et_pb_line_break_holder] -->    box-shadow: 0 2px 4px rgba(0,0,0,0.1);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* NO CARDS MESSAGE STYLES *\/<!-- [et_pb_line_break_holder] -->  .no-cards-message {<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    padding: 2rem;<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    background: #f8f9fa;<!-- [et_pb_line_break_holder] -->    border-radius: 12px;<!-- [et_pb_line_break_holder] -->    box-shadow: 0 2px 10px rgba(0,0,0,0.05);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .no-cards-message p {<!-- [et_pb_line_break_holder] -->    font-size: 1.1rem;<!-- [et_pb_line_break_holder] -->    color: #134a86;<!-- [et_pb_line_break_holder] -->    margin-bottom: 1.5rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* Add these to your existing media query *\/<!-- [et_pb_line_break_holder] -->  @media (max-width: 600px) {<!-- [et_pb_line_break_holder] -->    .reset-filters-btn {<!-- [et_pb_line_break_holder] -->      margin: 1rem 0 0 0;<!-- [et_pb_line_break_holder] -->      width: 100%;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @media (max-width: 600px) {<!-- [et_pb_line_break_holder] -->    .coffee-card {<!-- [et_pb_line_break_holder] -->      width: 100%;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    .loading-text {<!-- [et_pb_line_break_holder] -->      font-size: 1rem;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"card-grid\" id=\"cardContainer\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"loading-container\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"loading-spinner\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"loading-text\">Loading coffee cards from Google Sheets&#8230;<\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/PapaParse\/5.4.1\/papaparse.min.js\"><\/script><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->\/\/const sheetUrl = \"https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vS-oLiSXpTb0ahUoI5iJrTOuIGKcHrsNmgf-11GGpTCp8GCSPwijIhj-uGqPqiJaUlo8hxAdDskeDXT\/pub?output=csv\";<!-- [et_pb_line_break_holder] -->\u00a0const sheetUrl = \"https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vR623INNzy5vugdJS0VS1Qb58C5XkfcQyNeaVMve8Nw060EXQiKwd6HGv-Uhyci-ke_8LyATtuf8sh1\/pub?output=csv\";\u00a0<!-- [et_pb_line_break_holder] -->\/\/ Initialize shared namespace<!-- [et_pb_line_break_holder] -->window.coffeeCardsApp = window.coffeeCardsApp || {<!-- [et_pb_line_break_holder] -->  data: [],<!-- [et_pb_line_break_holder] -->  filteredData: [],<!-- [et_pb_line_break_holder] -->  renderCards: null<!-- [et_pb_line_break_holder] -->};<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ Define card rendering function<!-- [et_pb_line_break_holder] -->window.coffeeCardsApp.renderCards = function(data) {<!-- [et_pb_line_break_holder] -->  const container = document.getElementById(\"cardContainer\");<!-- [et_pb_line_break_holder] -->  container.innerHTML = \"\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ Show message if no cards found<!-- [et_pb_line_break_holder] -->  if (data.length === 0) {<!-- [et_pb_line_break_holder] -->    container.innerHTML = `<!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"no-cards-message\"><!-- [et_pb_line_break_holder] -->        <pee>No coffee cards found matching your filters.<\/pee><!-- [et_pb_line_break_holder] -->        <button onclick=\"resetCoffeeCardFilters()\" style=\"padding: 10px 20px; background: #134a86; color: white; border: none; border-radius: 8px; cursor: pointer;\"><!-- [et_pb_line_break_holder] -->          Reset Filters<!-- [et_pb_line_break_holder] -->        <\/button><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    `;<!-- [et_pb_line_break_holder] -->    return;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  data.forEach(row => {<!-- [et_pb_line_break_holder] -->    const cardId = row[\"card id\"] || \"-\";<!-- [et_pb_line_break_holder] -->    const imageUrl = row[\"image url\"] || \"\";<!-- [et_pb_line_break_holder] -->    const svgUrl = row[\"svg image\"] || \"\";<!-- [et_pb_line_break_holder] -->    const siteName = row[\"Site Name\"] || \"-\";<!-- [et_pb_line_break_holder] -->    const coffeeType = (row[\"Types of coffee \"] || \"-\");<!-- [et_pb_line_break_holder] -->    const coffeeGrade = row[\"Coffee grades\"] || \"-\";<!-- [et_pb_line_break_holder] -->    const certifications = row[\"Certifications\"] || \"-\";<!-- [et_pb_line_break_holder] -->    const cuppingNotesRaw = row[\"Cupping Notes\"] || \"-\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    if (!cardId || !imageUrl) return;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    let cuppingNotesHTML = `<pee>Cupping notes:  `;<!-- [et_pb_line_break_holder] -->    if (cuppingNotesRaw === \"-\" || !cuppingNotesRaw.trim()) {<!-- [et_pb_line_break_holder] -->      cuppingNotesHTML += \"-<\/pee>\";<!-- [et_pb_line_break_holder] -->    } else {<!-- [et_pb_line_break_holder] -->      const notes = cuppingNotesRaw.split(\/[\\s,]+\/);<!-- [et_pb_line_break_holder] -->      cuppingNotesHTML += notes.map(note => {<!-- [et_pb_line_break_holder] -->        const className = note.trim().replace(\/[^a-zA-Z]\/g, \"\").toLowerCase();<!-- [et_pb_line_break_holder] -->        return `<span class=\"cupping-note-box ${className || \"default-note\"}\">${note}<\/span>`;<!-- [et_pb_line_break_holder] -->      }).join(\"\") + \"<\/pee>\";<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    const card = document.createElement(\"div\");<!-- [et_pb_line_break_holder] -->    card.className = \"coffee-card\";<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    card.innerHTML = `<!-- [et_pb_line_break_holder] -->      <img decoding=\"async\" class=\"card-image\" src=\"${imageUrl}\" alt=\"${siteName}\" \/><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"card-content\"><!-- [et_pb_line_break_holder] -->        <pee>Coffee Type: <strong>${coffeeType}<\/strong><\/pee><!-- [et_pb_line_break_holder] -->        <pee>Grade: <strong>${coffeeGrade}<\/strong><\/pee><!-- [et_pb_line_break_holder] -->        <pee>Certifications: <strong>${certifications}<\/strong><\/pee><!-- [et_pb_line_break_holder] -->        <pee>Site Name: <strong>${siteName}<\/strong><\/pee><!-- [et_pb_line_break_holder] -->        ${cuppingNotesHTML}<!-- [et_pb_line_break_holder] -->        <pee>Profile:<\/pee><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->      ${svgUrl ? `<img decoding=\"async\" class=\"svg-full\" src=\"${svgUrl}\" alt=\"SVG Logo\" \/>` : \"\"}<!-- [et_pb_line_break_holder] -->      <a class=\"card-button\" href=\"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/card-details\/?id=${cardId}\">View Details<\/a><!-- [et_pb_line_break_holder] -->    `;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    container.appendChild(card);<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] -->};<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ Reset Filters Function<!-- [et_pb_line_break_holder] -->function resetCoffeeCardFilters() {<!-- [et_pb_line_break_holder] -->  \/\/ Reset filteredData to full data<!-- [et_pb_line_break_holder] -->  window.coffeeCardsApp.filteredData = [...window.coffeeCardsApp.data];<!-- [et_pb_line_break_holder] -->  \/\/ Call render again<!-- [et_pb_line_break_holder] -->  window.coffeeCardsApp.renderCards(window.coffeeCardsApp.filteredData);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ Load data from Google Sheet<!-- [et_pb_line_break_holder] -->async function loadCoffeeCards() {<!-- [et_pb_line_break_holder] -->  try {<!-- [et_pb_line_break_holder] -->    \/\/ Show loading state<!-- [et_pb_line_break_holder] -->    const container = document.getElementById(\"cardContainer\");<!-- [et_pb_line_break_holder] -->    container.innerHTML = `<!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"loading-container\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"loading-spinner\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"loading-text\">Loading coffee cards from Google Sheets...<\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    `;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    const response = await fetch(sheetUrl);<!-- [et_pb_line_break_holder] -->    const csvData = await response.text();<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    Papa.parse(csvData, {<!-- [et_pb_line_break_holder] -->      header: true,<!-- [et_pb_line_break_holder] -->      skipEmptyLines: true,<!-- [et_pb_line_break_holder] -->      complete: function(results) {<!-- [et_pb_line_break_holder] -->        window.coffeeCardsApp.data = results.data;<!-- [et_pb_line_break_holder] -->        window.coffeeCardsApp.filteredData = [...results.data];<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/\/ Render cards with initial data<!-- [et_pb_line_break_holder] -->        if (typeof window.coffeeCardsApp.renderCards === 'function') {<!-- [et_pb_line_break_holder] -->          window.coffeeCardsApp.renderCards(window.coffeeCardsApp.filteredData);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] -->      error: function(error) {<!-- [et_pb_line_break_holder] -->        \/\/ Show error message<!-- [et_pb_line_break_holder] -->        container.innerHTML = `<!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"loading-container\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div><!-- [et_pb_line_break_holder] -->              <\/p>\n<div class=\"loading-text\" style=\"color: #e53935;\"><!-- [et_pb_line_break_holder] -->                Error loading coffee cards. Please try again later.<!-- [et_pb_line_break_holder] -->              <\/div>\n<p><!-- [et_pb_line_break_holder] -->              <button onclick=\"loadCoffeeCards()\" style=\"margin-top: 20px; padding: 10px 20px; background: #134a86; color: white; border: none; border-radius: 8px; cursor: pointer;\"><!-- [et_pb_line_break_holder] -->                Retry<!-- [et_pb_line_break_holder] -->              <\/button><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] -->        `;<!-- [et_pb_line_break_holder] -->        console.error(\"Error parsing CSV:\", error);<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  } catch (error) {<!-- [et_pb_line_break_holder] -->    \/\/ Show error message<!-- [et_pb_line_break_holder] -->    const container = document.getElementById(\"cardContainer\");<!-- [et_pb_line_break_holder] -->    container.innerHTML = `<!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"loading-container\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"loading-text\" style=\"color: #e53935;\"><!-- [et_pb_line_break_holder] -->            Network error. Please check your connection.<!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] -->          <button onclick=\"loadCoffeeCards()\" style=\"margin-top: 20px; padding: 10px 20px; background: #134a86; color: white; border: none; border-radius: 8px; cursor: pointer;\"><!-- [et_pb_line_break_holder] -->            Retry<!-- [et_pb_line_break_holder] -->          <\/button><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    `;<!-- [et_pb_line_break_holder] -->    console.error(\"Error fetching CSV:\", error);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ Initialize on page load<!-- [et_pb_line_break_holder] -->document.addEventListener('DOMContentLoaded', loadCoffeeCards);<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#014a7e&#8221; custom_padding=&#8221;||3px|||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||61px|||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Roboto Slab||||||||&#8221; text_text_color=&#8221;#FFFFFF&#8221; text_font_size=&#8221;38px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"p1\" style=\"text-align: center;\">Reach out to us<\/p>\n<p>[\/et_pb_text][et_pb_contact_form _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; _unique_id=&#8221;574b5fcc-6cf5-43cc-a118-bafe07cecbaa&#8221; form_field_background_color=&#8221;RGBA(255,255,255,0)&#8221; form_field_text_color=&#8221;#FFFFFF&#8221; form_field_custom_padding=&#8221;4px||4px||false|false&#8221; captcha_text_color=&#8221;#FFFFFF&#8221; captcha_font_size=&#8221;14px&#8221; form_field_font_size=&#8221;10px&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;12px&#8221; custom_padding=&#8221;||||false|false&#8221; border_radii=&#8221;on|8px|8px|8px|8px&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;#FFFFFF&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_contact_field field_id=&#8221;Name&#8221; field_title=&#8221;Name&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_contact_field][et_pb_contact_field field_id=&#8221;Email&#8221; field_title=&#8221;Email Address&#8221; field_type=&#8221;email&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_contact_field][et_pb_contact_field field_id=&#8221;Phone&#8221; field_title=&#8221;Phone&#8221; fullwidth_field=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_contact_field][et_pb_contact_field field_id=&#8221;Message&#8221; field_title=&#8221;Message&#8221; field_type=&#8221;text&#8221; fullwidth_field=&#8221;on&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221;][\/et_pb_contact_field][\/et_pb_contact_form][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: right;\"><span style=\"color: #ffffff;\">Solve the equation above to submit your message.<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gedeo CoffeeReach out to usSolve the equation above to submit your message.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"class_list":["post-552","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/wp-json\/wp\/v2\/pages\/552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/wp-json\/wp\/v2\/comments?post=552"}],"version-history":[{"count":27,"href":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/wp-json\/wp\/v2\/pages\/552\/revisions"}],"predecessor-version":[{"id":647,"href":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/wp-json\/wp\/v2\/pages\/552\/revisions\/647"}],"wp:attachment":[{"href":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/wp-json\/wp\/v2\/media?parent=552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}