{"id":5160,"date":"2018-03-11T09:13:18","date_gmt":"2018-03-11T09:13:18","guid":{"rendered":"https:\/\/itmft.flywheelsites.com\/?post_type=product&#038;p=5160"},"modified":"2026-08-25T07:19:42","modified_gmt":"2026-08-25T07:19:42","slug":"cloud-and-mist","status":"publish","type":"product","link":"https:\/\/www.inthemoodfortea.se\/es\/cloud-and-mist\/","title":{"rendered":"Nube y niebla"},"content":{"rendered":"<p>Cloud and Mist \u00e4r ett handplockat gr\u00f6nt te fr\u00e5n Wulingbergen i provinsen Hunan i Kina. Wuling-bergen \u00e4r k\u00e4nda f\u00f6r sin vackra och rena natur och f\u00f6r sin utm\u00e4rkta milj\u00f6 f\u00f6r odling av te. Skillnaden i temperatur mellan natt och dag \u00e4r stor, luftfuktigheten \u00e4r h\u00f6g och bergen \u00e4r ofta omsvepta i moln och dimma. De sp\u00e4da, djupt gr\u00f6na bladen \u00e4r plockade p\u00e5 h\u00f6g h\u00f6jd tidigt p\u00e5 v\u00e5ren och ger upphov till en infusion med fyllig smak av m\u00e4ttad, mjuk gr\u00f6nska. Cloud and Mist \u00e4r ett prisv\u00e4rt te som ger mersmak.<br \/>\nAndra namn: Yun Wu. Ursprung: Wulingbergen,\u00a0 Hunan, Kina.<br \/>\n\n    <style>\n        @keyframes teaCardFadeIn {\n            0% { opacity: 0; transform: translateY(18px); }\n            100% { opacity: 1; transform: translateY(0); }\n        }\n\n        .itmft-tea-card-v4 {\n            position: relative;\n            width: 100%;\n            max-width: 900px;\n            margin: 50px auto 30px;\n            border: none;\n            border-radius: 9px;\n            background: transparent;\n            color: #18293b;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            overflow: hidden;\n            box-sizing: border-box;\n            animation: teaCardFadeIn .75s cubic-bezier(.2,.8,.2,1) forwards;\n        }\n\n        \/* Svag pappersk\u00e4nsla, endast CSS \u2013 ingen extern bild. *\/\n        .itmft-tea-card-v4.no-flavor-card {\n            max-width: 620px;\n        }\n\n        .itmft-v4-main {\n            position: relative;\n            z-index: 2;\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            min-height: 300px;\n            background: #fbfaf6;\n        }\n\n        .itmft-v4-main.no-flavor {\n            grid-template-columns: 1fr;\n        }\n\n        \/* ---------- SMAKHJUL ---------- *\/\n        .itmft-v4-chart-side {\n            position: relative;\n            min-width: 0;\n            padding: 28px 20px 26px 24px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-sizing: border-box;\n        }\n\n        .itmft-v4-chart-wrap {\n            width: 100%;\n            max-width: 398px;\n            position: relative;\n            z-index: 3;\n        }\n\n        .itmft-v4-chart-title {\n            margin: 0 0 14px;\n            text-align: center;\n            font-family: 'Cinzel', serif;\n            font-size: 13px;\n            font-weight: 500;\n            letter-spacing: .10em;\n            color: #18293b;\n            text-transform: uppercase;\n        }\n\n        .itmft-v4-chart-title::after {\n            content: '';\n            display: block;\n            width: 34px;\n            height: 1px;\n            margin: 9px auto 0;\n            background: #9b927f;\n            opacity: .55;\n        }\n\n        .itmft-v4-chart-wrap canvas {\n            display: block;\n            width: 100% !important;\n            height: auto !important;\n            max-width: 398px;\n            margin: 0 auto;\n        }\n\n        \/* ---------- TEXTDEL ---------- *\/\n\n        \/* ---------- TEXTDEL ---------- *\/\n        .itmft-v4-text-side {\n            position: relative;\n            min-width: 0;\n            padding: 34px 36px 44px 36px;\n            box-sizing: border-box;\n            display: flex;\n            align-items: center;\n        }\n\n        .itmft-v4-main.no-flavor .itmft-v4-text-side {\n            padding-left: 36px;\n            padding-right: 36px;\n        }\n\n        .itmft-v4-chart-side + .itmft-v4-text-side::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 30px;\n            bottom: 30px;\n            border-left: 1px solid rgba(123, 114, 96, .24);\n        }\n\n        .itmft-v4-infusion-text {\n            position: relative;\n            z-index: 3;\n            margin: 0;\n            padding: 0;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            font-size: 17px;\n            font-weight: 300;\n            line-height: 1.72;\n            color: #18293b;\n            overflow: visible;\n        }\n\n        .itmft-v4-infusion-text::after {\n            content: '';\n            display: table;\n            clear: both;\n        }\n\n        .itmft-v4-dropcap {\n            float: left;\n            display: block;\n            font-family: 'Cinzel Decorative', Georgia, serif !important;\n            font-size: 3.5em !important;\n            font-weight: 400 !important;\n            line-height: .82 !important;\n            margin: 6px 11px 0 0;\n            padding: 0;\n            color: #18293b !important;\n        }\n\n        \/* ---------- BRYGGPARAMETRAR ---------- *\/\n        .itmft-v4-footer {\n            position: relative;\n            z-index: 2;\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            border-bottom: 1px solid rgba(24,41,59,.17);\n            min-height: 99px;\n        }\n\n        .itmft-v4-item {\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n            padding: 18px 23px;\n            min-width: 0;\n            box-sizing: border-box;\n        }\n\n        .itmft-v4-item + .itmft-v4-item::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 23%;\n            height: 54%;\n            border-left: 1px dotted rgba(24,41,59,.43);\n        }\n\n        .itmft-v4-icon {\n            width: 25px;\n            height: 25px;\n            min-width: 25px;\n            object-fit: contain;\n        }\n\n        .itmft-v4-copy {\n            display: flex;\n            flex-direction: column;\n            gap: 3px;\n            min-width: 0;\n        }\n\n        .itmft-v4-label,\n        .itmft-v4-value {\n            color: #18293b;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            line-height: 1.28;\n            text-transform: none !important;\n        }\n\n        .itmft-v4-label {\n            font-size: 14px;\n            font-weight: 400;\n        }\n\n        .itmft-v4-value {\n            font-size: 14px;\n            font-weight: 300;\n        }\n\n        .itmft-v4-sr-only {\n            position: absolute !important;\n            width: 1px !important;\n            height: 1px !important;\n            padding: 0 !important;\n            margin: -1px !important;\n            overflow: hidden !important;\n            clip: rect(0,0,0,0) !important;\n            white-space: nowrap !important;\n            border: 0 !important;\n        }\n\n        \/* ---------- TABLET \/ MOBIL ---------- *\/\n        @media (max-width: 768px) {\n            .itmft-v4-main {\n                display: none !important;\n            }\n\n            .itmft-v4-text-side {\n                display: none;\n            }\n\n            .itmft-tea-card-v4 {\n                margin-top: 30px;\n            }\n\n            .itmft-v4-main,\n            .itmft-v4-main.no-flavor {\n                grid-template-columns: 1fr;\n            }\n\n            .itmft-v4-main:not(.no-flavor) {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                min-height: 330px;\n            }\n\n            .itmft-v4-chart-side {\n                width: 100%;\n                min-height: 330px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                align-self: stretch;\n            }\n\n            .itmft-v4-chart-side {\n                padding: 8px 24px 6px;\n            }\n\n            .itmft-v4-chart-wrap {\n                max-width: 345px;\n            }\n\n            .itmft-v4-chart-side + .itmft-v4-text-side::before {\n                left: 24px;\n                right: 24px;\n                top: 0;\n                bottom: auto;\n                height: 1px;\n                border-left: none;\n                border-top: 1px dotted rgba(24,41,59,.38);\n            }\n\n            .itmft-v4-text-side {\n                padding: 30px 28px 44px;\n            }\n.itmft-v4-footer {\n                grid-template-columns: 1fr;\n            }\n\n            .itmft-v4-item {\n                justify-content: flex-start;\n                padding: 15px 28px;\n            }\n\n            .itmft-v4-item + .itmft-v4-item::before {\n                top: 0;\n                left: 28px;\n                right: 28px;\n                width: auto;\n                height: 0;\n                border-left: none;\n                border-top: 1px dotted rgba(24,41,59,.32);\n            }\n        }\n\n        @media (max-width: 480px) {\n            .itmft-v4-main:not(.no-flavor),\n            .itmft-v4-chart-side {\n                min-height: 295px;\n            }\n\n            .itmft-tea-card-v4 {\n                border-radius: 6px;\n            }\n\n            .itmft-v4-chart-side {\n                padding: 4px 12px 2px;\n            }\n\n            .itmft-v4-chart-wrap {\n                max-width: 315px;\n            }\n\n            .itmft-v4-text-side {\n                padding: 26px 20px 40px;\n            }\n\n            .itmft-v4-infusion-text {\n                font-size: 15px;\n            }\n\n            .itmft-v4-dropcap {\n                font-size: 3.2em !important;\n                margin-right: 9px;\n            }\n\n            .itmft-v4-item {\n                padding: 14px 21px;\n            }\n\n            .itmft-v4-item + .itmft-v4-item::before {\n                left: 21px;\n                right: 21px;\n            }\n        }\n    <\/style>\n\n    <div class=\"itmft-tea-card-v4 no-flavor-card\">\n        <div class=\"itmft-v4-footer\">\n                            <div class=\"itmft-v4-item\">\n                    <img decoding=\"async\"\n                        class=\"itmft-v4-icon\"\n                        src=\"https:\/\/www.inthemoodfortea.se\/wp-content\/uploads\/2026\/02\/leaf-solid-full.svg\"\n                        alt=\"\"\n                        aria-hidden=\"true\"\n                    >\n                    <div class=\"itmft-v4-copy\">\n                        <span class=\"itmft-v4-label\">\n                            Dosering \/\n                            250 ml                        <\/span>\n                        <span class=\"itmft-v4-value\">\n                            2,5-3 g                        <\/span>\n                    <\/div>\n                <\/div>\n            \n                            <div class=\"itmft-v4-item\">\n                    <img decoding=\"async\"\n                        class=\"itmft-v4-icon\"\n                        src=\"https:\/\/www.inthemoodfortea.se\/wp-content\/uploads\/2026\/02\/temperature-low-solid-full.svg\"\n                        alt=\"\"\n                        aria-hidden=\"true\"\n                    >\n                    <div class=\"itmft-v4-copy\">\n                        <span class=\"itmft-v4-label\">\n                            Temperatur                        <\/span>\n                        <span class=\"itmft-v4-value\">\n                            70-80\u00b0C                        <\/span>\n                    <\/div>\n                <\/div>\n            \n                            <div class=\"itmft-v4-item\">\n                    <img decoding=\"async\"\n                        class=\"itmft-v4-icon\"\n                        src=\"https:\/\/www.inthemoodfortea.se\/wp-content\/uploads\/2026\/02\/bell-solid-full.svg\"\n                        alt=\"\"\n                        aria-hidden=\"true\"\n                    >\n                    <div class=\"itmft-v4-copy\">\n                        <span class=\"itmft-v4-label\">\n                            Infusion                        <\/span>\n                        <span class=\"itmft-v4-value\">\n                            2-3 minuter                        <\/span>\n                    <\/div>\n                <\/div>\n                    <\/div>\n\n        <div class=\"itmft-v4-main no-flavor\">\n\n            \n            <div class=\"itmft-v4-text-side\">\n                <p class=\"itmft-v4-infusion-text\" data-itmft-v4-dropcap=\"1\">Cloud and Mist l\u00e4mpar sig v\u00e4l f\u00f6r flera infusioner. Den andra bryggningen h\u00e5lls med f\u00f6rdel n\u00e5got kortare, d\u00e5 bladen redan har b\u00f6rjat \u00f6ppna sig och frig\u00f6ra sina aromer. Om teet bryggs ytterligare g\u00e5nger kan infusionstiden gradvis \u00f6kas och anpassas efter smak.<\/p>\n<\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n            document.querySelectorAll('.itmft-v4-infusion-text[data-itmft-v4-dropcap=\"1\"]').forEach(function (element) {\n                if (element.dataset.itmftV4DropcapReady === '1') {\n                    return;\n                }\n\n                var text = (element.textContent || '').trim();\n                if (!text) {\n                    return;\n                }\n\n                var chars = Array.from(text);\n                var first = chars.shift();\n                var rest = chars.join('');\n\n                element.textContent = '';\n\n                var dropcap = document.createElement('span');\n                dropcap.className = 'itmft-v4-dropcap';\n                dropcap.textContent = first;\n\n                element.appendChild(dropcap);\n                element.appendChild(document.createTextNode(rest));\n                element.dataset.itmftV4DropcapReady = '1';\n            });\n        });\n    <\/script>\n\n    \n    <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cloud and Mist \u00e4r ett handplockat gr\u00f6nt te fr\u00e5n Wulingbergen i provinsen Hunan i Kina. Wuling-bergen \u00e4r k\u00e4nda f\u00f6r sin vackra och rena natur och f\u00f6r sin utm\u00e4rkta milj\u00f6 f\u00f6r odling av te. Skillnaden i temperatur mellan natt och dag \u00e4r stor, luftfuktigheten \u00e4r h\u00f6g och bergen \u00e4r ofta omsvepta i moln och dimma. De [&hellip;]<\/p>\n","protected":false},"featured_media":5162,"template":"","meta":{"_members_access_role":[],"_members_access_error":""},"product_brand":[],"product_cat":[138,153],"product_tag":[],"class_list":["post-5160","product","type-product","status-publish","has-post-thumbnail","product_cat-gront-te","product_cat-kinesiskt-te","_wholesalex wsx-wholesalex-product","first","instock","taxable","shipping-taxable","purchasable","product-type-variable"],"_links":{"self":[{"href":"https:\/\/www.inthemoodfortea.se\/es\/wp-json\/wp\/v2\/product\/5160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inthemoodfortea.se\/es\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/www.inthemoodfortea.se\/es\/wp-json\/wp\/v2\/types\/product"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inthemoodfortea.se\/es\/wp-json\/wp\/v2\/media\/5162"}],"wp:attachment":[{"href":"https:\/\/www.inthemoodfortea.se\/es\/wp-json\/wp\/v2\/media?parent=5160"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/www.inthemoodfortea.se\/es\/wp-json\/wp\/v2\/product_brand?post=5160"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.inthemoodfortea.se\/es\/wp-json\/wp\/v2\/product_cat?post=5160"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/www.inthemoodfortea.se\/es\/wp-json\/wp\/v2\/product_tag?post=5160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}