{"product_id":"hot-spicy-mango","title":"Hot\u0026Spicy Mango","description":"\u003cp\u003eCarolina Reaper Chili vereint mit Mango erweckt ein tropisches, feuriges Geschmackserlebnis.\u003c\/p\u003e\n\u003cp\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  .accordion-container {\n    max-width: 100%;\n    margin: 10 auto;\n    padding-top: 15px;\n  }\n\n  .accordion-item {\n    border: 1px solid var(--color-border);\n    margin-bottom: 3px;\n    border-radius: 10px;\n    overflow: hidden;\n  }\n\n  .accordion-header {\n    background-color: var(--color-background);\n    padding: 10px 20px;\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-weight: 600;\n    font-size: 16px;\n    color: var(--color-foreground-heading);\n    border: none;\n    width: 100%;\n    text-align: left;\n    transition: background-color 0.2s ease;\n  }\n\n  .accordion-header:hover {\n    background-color: rgba(0, 0, 0, 0.02);\n  }\n\n  .accordion-header.active {\n    background-color: rgba(0, 0, 0, 0.04);\n  }\n\n  .accordion-icon {\n    width: 20px;\n    height: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: transform 0.3s ease;\n    flex-shrink: 0;\n    margin-left: 12px;\n  }\n\n  .accordion-header.active .accordion-icon {\n    transform: rotate(180deg);\n  }\n\n  .accordion-content {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease;\n    background-color: rgba(0, 0, 0, 0.01);\n  }\n\n  .accordion-content.active {\n    max-height: 1000px;\n  }\n\n  .accordion-body {\n    padding: 5px;\n    color: var(--color-foreground);\n    font-size: 14px;\n    line-height: 1.6;\n  }\n\n  .nutrition-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 0;\n  }\n\n  .nutrition-table th,\n  .nutrition-table td {\n    padding: 10px 1;\n    text-align: left;\n    border-bottom: 1px solid var(--color-border);\n  }\n\n  .nutrition-table th {\n    font-weight: 600;\n    color: var(--color-foreground-heading);\n    background-color: rgba(0, 0, 0, 0.02);\n  }\n\n  .nutrition-table tr:last-child td {\n    border-bottom: none;\n  }\n\n  .nutrition-value {\n    text-align: right;\n    font-weight: 500;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"accordion-container\"\u003e\n  \u003c!-- Nutrition Facts Accordion --\u003e\n  \u003cdiv class=\"accordion-item\"\u003e\n    \u003cbutton class=\"accordion-header\" onclick=\"toggleAccordion(this)\"\u003e\n      \u003cspan\u003eNährwertangaben\u003c\/span\u003e\n      \u003cspan class=\"accordion-icon\"\u003e▼\u003c\/span\u003e\n    \u003c\/button\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003ctable class=\"nutrition-table\"\u003e\n          \n            \u003ctr\u003e\n              \u003ctd\u003e\u003c\/td\u003e\n              \u003ctd class=\"nutrition-value\"\u003ePro 100g\u003c\/td\u003e\n            \u003c\/tr\u003e\n          \n            \u003ctr\u003e\n              \u003ctd\u003eEnergie\u003c\/td\u003e\n              \u003ctd class=\"nutrition-value\"\u003e647 kJ \/ 152 kcal\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eFett\u003c\/td\u003e\n              \u003ctd class=\"nutrition-value\"\u003e\u0026lt;0,5g\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003edavon gesättigte Fettsäuren\u003c\/td\u003e\n              \u003ctd class=\"nutrition-value\"\u003e\u0026lt;0,1g\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eKohlenhydrate\u003c\/td\u003e\n              \u003ctd class=\"nutrition-value\"\u003e35g\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003edavon Zucker\u003c\/td\u003e\n              \u003ctd class=\"nutrition-value\"\u003e35g\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eEiweiß\u003c\/td\u003e\n              \u003ctd class=\"nutrition-value\"\u003e0,5g\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSalz\u003c\/td\u003e\n              \u003ctd class=\"nutrition-value\"\u003e5g\u003c\/td\u003e\n            \u003c\/tr\u003e\n          \n        \u003c\/table\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Ingredients Accordion --\u003e\n  \u003cdiv class=\"accordion-item\"\u003e\n    \u003cbutton class=\"accordion-header\" onclick=\"toggleAccordion(this)\"\u003e\n      \u003cspan\u003eZutaten \u0026amp; Allergene\u003c\/span\u003e\n      \u003cspan class=\"accordion-icon\"\u003e▼\u003c\/span\u003e\n    \u003c\/button\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003eZutaten: Gegarte Mango 31 %, Weinessig (Sulfite), Zucker, Salz, Carolina Reaper Chillies, Zwiebelpulver, Knoblauchpulver; Verdickungsmittel: Xanthan\u003c\/p\u003e\n        \u003cp\u003eAllergene: Sulfite\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Allergens Accordion --\u003e\n  \u003cdiv class=\"accordion-item\"\u003e\n    \u003cbutton class=\"accordion-header\" onclick=\"toggleAccordion(this)\"\u003e\n      \u003cspan\u003eVersand\u003c\/span\u003e\n      \u003cspan class=\"accordion-icon\"\u003e▼\u003c\/span\u003e\n    \u003c\/button\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003eBearbeiten Sie diesen Text, um die Versandinformationen hinzuzufügen.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  function toggleAccordion(button) {\n    const header = button;\n    const content = header.nextElementSibling;\n    const isActive = header.classList.contains('active');\n\n    \/\/ Close all other accordions\n    document.querySelectorAll('.accordion-header').forEach(h =\u003e {\n      if (h !== header) {\n        h.classList.remove('active');\n        h.nextElementSibling.classList.remove('active');\n      }\n    });\n\n    \/\/ Toggle current accordion\n    header.classList.toggle('active');\n    content.classList.toggle('active');\n  }\n\u003c\/script\u003e","brand":"Taste The World","offers":[{"title":"Default Title","offer_id":56910846230876,"sku":null,"price":5.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0968\/5444\/2332\/files\/MANNIUS_HOTNSPICY_MANGO.webp?v=1777377428","url":"https:\/\/taste-the-world.store\/products\/hot-spicy-mango","provider":"Taste The World","version":"1.0","type":"link"}