{"id":18604,"date":"2026-10-11T15:00:05","date_gmt":"2026-10-11T13:00:05","guid":{"rendered":"https:\/\/beta.climaco.com\/find-trays\/"},"modified":"2026-10-11T15:00:07","modified_gmt":"2026-10-11T13:00:07","slug":"find-trays","status":"publish","type":"page","link":"https:\/\/beta.climaco.com\/en\/find-trays\/","title":{"rendered":"Find trays"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(255,255,255,0.82)&#8221; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_direction=&#8221;136deg&#8221; background_color_gradient_stops=&#8221;#ffffff 13%|rgba(250, 250, 250, 0.91) 40%|rgba(244, 244, 244, 0.81) 73%|rgba(196,196,196,0) 100%&#8221; background_image=&#8221;https:\/\/beta.climaco.com\/wp-content\/uploads\/2026\/09\/background-winter-2.jpg&#8221; background_blend=&#8221;overlay&#8221; custom_padding=&#8221;20px||20px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1>Find the right tray<\/h1>\n<h4>Choose your heat pump manufacturer, model and climate and the drainage tray, drainage kit and accessories are recommended.<\/h4>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_6,1_6,1_6,1_6,1_6,1_6&#8243; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_6&#8243; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;Quick and easy search&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf002;||fa||900&#8243; icon_placement=&#8221;left&#8221; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_font_size=&#8221;1.3em&#8221; header_line_height=&#8221;1.1em&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Find the right products in seconds<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_6&#8243; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;Recommended accessories&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf013;||fa||900&#8243; icon_placement=&#8221;left&#8221; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_font_size=&#8221;1.3em&#8221; header_line_height=&#8221;1.1em&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Complete solution for safe operation<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_6&#8243; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;Based on real-world experience&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xe052;||divi||400&#8243; icon_placement=&#8221;left&#8221; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_font_size=&#8221;1.3em&#8221; header_line_height=&#8221;1.1em&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Recommendations from installers in the Nordic countries<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_6&#8243; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_column][et_pb_column type=&#8221;1_6&#8243; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_column][et_pb_column type=&#8221;1_6&#8243; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; theme_builder_area=&#8221;post_content&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243; global_colors_info=&#8221;{%22gcid-cad8784e-bcdd-427d-99df-31bd58a269ec%22:%91%22background_color%22%93}&#8221; background_color=&#8221;gcid-cad8784e-bcdd-427d-99df-31bd58a269ec&#8221;][et_pb_row _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; custom_padding=&#8221;10px||10px||true|false&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;][et_pb_column _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; type=&#8221;4_4&#8243; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]\n        <nav\n                        class=\"climaco-steps climaco-steps-v2\"\n            aria-label=\"Steg\"\n            data-active=\"0\"\n            style=\"--climaco-steps-max-width: 850px;\"\n        >\n\n            \n                <div\n                    class=\"climaco-step \"\n                    data-step=\"1\"\n                    data-mode=\"number\"\n                    data-color=\"#3478dc\"\n                                    >\n\n                    <div class=\"climaco-step__content\">\n\n                        <span\n                            class=\"climaco-step__circle\"\n                            style=\"background-color: #3478dc; color: #fff;\"\n                            aria-hidden=\"true\"\n                        >\n                            1                        <\/span>\n\n                        <span class=\"climaco-step__label\">\n                            V\u00e4rmepump                        <\/span>\n\n                    <\/div>\n\n                                            <span\n                            class=\"climaco-step__line\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n                    \n                <\/div>\n\n            \n                <div\n                    class=\"climaco-step \"\n                    data-step=\"2\"\n                    data-mode=\"number\"\n                    data-color=\"#3478dc\"\n                                    >\n\n                    <div class=\"climaco-step__content\">\n\n                        <span\n                            class=\"climaco-step__circle\"\n                            style=\"background-color: #3478dc; color: #fff;\"\n                            aria-hidden=\"true\"\n                        >\n                            2                        <\/span>\n\n                        <span class=\"climaco-step__label\">\n                            Klimat                        <\/span>\n\n                    <\/div>\n\n                                            <span\n                            class=\"climaco-step__line\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n                    \n                <\/div>\n\n            \n                <div\n                    class=\"climaco-step \"\n                    data-step=\"3\"\n                    data-mode=\"number\"\n                    data-color=\"#3478dc\"\n                                    >\n\n                    <div class=\"climaco-step__content\">\n\n                        <span\n                            class=\"climaco-step__circle\"\n                            style=\"background-color: #3478dc; color: #fff;\"\n                            aria-hidden=\"true\"\n                        >\n                            3                        <\/span>\n\n                        <span class=\"climaco-step__label\">\n                            Tr\u00e5g                        <\/span>\n\n                    <\/div>\n\n                                            <span\n                            class=\"climaco-step__line\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n                    \n                <\/div>\n\n            \n                <div\n                    class=\"climaco-step \"\n                    data-step=\"4\"\n                    data-mode=\"number\"\n                    data-color=\"#3478dc\"\n                                    >\n\n                    <div class=\"climaco-step__content\">\n\n                        <span\n                            class=\"climaco-step__circle\"\n                            style=\"background-color: #3478dc; color: #fff;\"\n                            aria-hidden=\"true\"\n                        >\n                            4                        <\/span>\n\n                        <span class=\"climaco-step__label\">\n                            Led bort vattnet                        <\/span>\n\n                    <\/div>\n\n                                            <span\n                            class=\"climaco-step__line\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n                    \n                <\/div>\n\n            \n                <div\n                    class=\"climaco-step \"\n                    data-step=\"5\"\n                    data-mode=\"number\"\n                    data-color=\"#3478dc\"\n                                    >\n\n                    <div class=\"climaco-step__content\">\n\n                        <span\n                            class=\"climaco-step__circle\"\n                            style=\"background-color: #3478dc; color: #fff;\"\n                            aria-hidden=\"true\"\n                        >\n                            5                        <\/span>\n\n                        <span class=\"climaco-step__label\">\n                            Dr\u00e4neringssats                        <\/span>\n\n                    <\/div>\n\n                    \n                <\/div>\n\n            \n        <\/nav>\n\n        [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n\n        <div\n            class=\"climaco-heat-pump-finder\"\n\n            data-ajax-url=\"https:\/\/beta.climaco.com\/wp-admin\/admin-ajax.php\"\n\n            data-nonce=\"a5b24e570f\"\n\n            data-heat-effect-icon=\"https:\/\/beta.climaco.com\/en\/wp-content\/uploads\/2026\/09\/heat-effect.png\"\n\n            data-condensation-icon=\"https:\/\/beta.climaco.com\/en\/wp-content\/uploads\/2026\/09\/condens-water.png\"\n\n            data-dimensions-icon=\"https:\/\/beta.climaco.com\/en\/wp-content\/uploads\/2026\/09\/measure.png\"\n\n            data-info-title=\"Information om din v\u00e4rmepump\"\n\n            data-info-text=\"Bild och v\u00e4rmeeffekt kan variera. Kondensvattnet ber\u00e4knas enligt normen 5 liter per avgiven kW och dygn. M\u00e5tten avser chassits bottenpl\u00e5t utan upph\u00e4ngningsf\u00f6tter, skyddsgaller f\u00f6r fl\u00e4kt och kranar.\"\n\n            data-climate-title=\"St\u00e5r din v\u00e4rmepump i milt eller kallt klimat?\"\n            data-climate-text=\"Pancake finns i samma serie f\u00f6r temperaturer ned till \u221220 \u00b0C eller \u221234 \u00b0C. Skillnaden \u00e4r fr\u00e4mst v\u00e4rmeeffekten. D\u00e4r det aldrig blir kallare \u00e4n \u221220 \u00b0C kan du v\u00e4lja l\u00e4gre effekt och undvika on\u00f6dig energif\u00f6rbrukning.\"\n            data-installer-url=\"https:\/\/beta.climaco.com\/en\/hitta-trag\/installatorsguide\/\"\n        >\n\n\n            <div class=\"hpf-layout\">\n\n\n                <!-- ==================================================\n                     SIDEBAR\n                     ================================================== -->\n\n                <aside class=\"hpf-sidebar\">\n\n\n                    <!-- 1. TILLVERKARE -->\n\n                    <div class=\"hpf-section\">\n\n                        <h3>\n                            1. V\u00e4lj tillverkare                        <\/h3>\n\n                        <select\n                            class=\"hpf-supplier\"\n                            aria-label=\"V\u00e4lj tillverkare\"\n                        >\n\n                            <option value=\"\">\n                                V\u00e4lj tillverkare                            <\/option>\n\n\n                            \n                        <\/select>\n\n                    <\/div>\n\n\n                    <!-- 2. MODELL -->\n\n                    <div class=\"hpf-section\">\n\n                        <h3>\n                            2. V\u00e4lj modell                        <\/h3>\n\n                        <input\n                            type=\"search\"\n                            class=\"hpf-model-filter\"\n                            placeholder=\"S\u00f6k eller v\u00e4lj modell\"\n                            disabled\n                        >\n\n                        <div class=\"hpf-model-list\">\n\n                            <div class=\"hpf-placeholder\">\n                                V\u00e4lj f\u00f6rst en tillverkare.\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- 3. FRITEXT -->\n\n                    <div class=\"hpf-section\">\n\n                        <h3>\n                            3. Eller s\u00f6k fritt                        <\/h3>\n\n                        <input\n                            type=\"search\"\n                            class=\"hpf-global-search\"\n                            placeholder=\"Skriv modellnummer...\"\n                        >\n\n                        <div\n                            class=\"hpf-global-results\"\n                        ><\/div>\n\n                    <\/div>\n\n\n                    <!-- HUR FUNGERAR DET -->\n\n                    <div class=\"hpf-how\">\n\n                        <div class=\"hpf-how-heading\">\n\n                            <span class=\"hpf-how-icon\">\n                                i\n                            <\/span>\n\n                            <strong>\n                                Hur fungerar det?                            <\/strong>\n\n                        <\/div>\n\n\n                        <div class=\"hpf-how-steps\">\n\n    <div class=\"hpf-how-step\">\n        <span class=\"hpf-how-number\">1<\/span>\n        <span>Select manufacturer and model<\/span>\n    <\/div>\n\n    <div class=\"hpf-how-step\">\n        <span class=\"hpf-how-number\">2<\/span>\n        <span>Du f\u00e5r rekommenderat tr\u00e5g<\/span>\n    <\/div>\n\n    <div class=\"hpf-how-step\">\n        <span class=\"hpf-how-number\">3<\/span>\n        <span>Vi visar passande dr\u00e4neringssats<\/span>\n    <\/div>\n\n    <div class=\"hpf-how-step\">\n        <span class=\"hpf-how-number\">4<\/span>\n        <span>Eventuella tillbeh\u00f6r visas<\/span>\n    <\/div>\n\n    <div class=\"hpf-how-step\">\n        <span class=\"hpf-how-number\">5<\/span>\n        <span>\n            Klicka vidare f\u00f6r mer information om rekommenderade produkter        <\/span>\n    <\/div>\n\n<\/div>\n\n                    <\/div>\n\n\n                <\/aside>\n\n\n                <!-- ==================================================\n                     RESULTAT\n                     ================================================== -->\n\n                <main class=\"hpf-results\">\n\n                    <div class=\"hpf-result-content\">\n\n                        <div class=\"hpf-start-message\">\n                            <h2>V\u00e4lj en tillverkare<\/h2>\n                            <p>B\u00f6rja med att v\u00e4lja tillverkare.<\/p>\n                        <\/div>\n                        <div class=\"hpf-preview-section\" aria-label=\"Exempel p\u00e5 produktkategorier\">\n                            <h2>Rekommenderade produkter<\/h2>\n                            <div class=\"hpf-rec-grid hpf-preview-grid\">\n                                                                    <div class=\"hpf-rec-card hpf-preview-card\" aria-hidden=\"true\">\n                                        <span class=\"hpf-rec-label\"><\/span>\n                                                                                    <img decoding=\"async\" src=\"https:\/\/beta.climaco.com\/wp-content\/uploads\/2026\/02\/3060-9899-701-test1-1024x480.png\" alt=\"\" loading=\"lazy\">\n                                                                                <h3><\/h3>\n                                        <span class=\"hpf-rec-link\">Visa produkter \u2192<\/span>\n                                    <\/div>\n                                                                    <div class=\"hpf-rec-card hpf-preview-card\" aria-hidden=\"true\">\n                                        <span class=\"hpf-rec-label\"><\/span>\n                                                                                    <div class=\"hpf-preview-image-fallback\"><\/div>\n                                                                                <h3><\/h3>\n                                        <span class=\"hpf-rec-link\">Visa produkter \u2192<\/span>\n                                    <\/div>\n                                                                    <div class=\"hpf-rec-card hpf-preview-card\" aria-hidden=\"true\">\n                                        <span class=\"hpf-rec-label\"><\/span>\n                                                                                    <div class=\"hpf-preview-image-fallback\"><\/div>\n                                                                                <h3><\/h3>\n                                        <span class=\"hpf-rec-link\">Visa produkter \u2192<\/span>\n                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n\n                <\/main>\n\n\n            <\/div>\n\n\n            <!-- ==================================================\n                 BOTTOM LINKS\n                 Visas f\u00f6rst n\u00e4r tillverkare \u00e4r vald.\n                 ================================================== -->\n\n            <div\n                class=\"hpf-bottom-links\"\n                \n            >\n\n\n                <!-- INSTALLAT\u00d6R -->\n\n                <div class=\"hpf-bottom-item hpf-installer-item\">\n\n                    <div class=\"hpf-installer-logo-wrap\">\n\n                        <img decoding=\"async\"\n                            class=\"hpf-installer-logo\"\n                            src=\"\"\n                            alt=\"\"\n                        >\n\n                    <\/div>\n\n\n                    <div class=\"hpf-bottom-content\">\n\n                        <strong class=\"hpf-installer-title\">\u00c4r du installat\u00f6r?<\/strong>\n\n                        <span class=\"hpf-installer-text\">Se v\u00e5r installat\u00f6rsguide med rekommenderade produkter.<\/span>\n\n                        <a\n                            class=\"hpf-installer-button\"\n                            href=\"https:\/\/beta.climaco.com\/en\/hitta-trag\/installatorsguide\/\"\n                        >\n                            <span class=\"hpf-installer-button-text\">G\u00e5 till installat\u00f6rsguiden<\/span>\n\n                            <span class=\"hpf-arrow\">\n                                \u2192\n                            <\/span>\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- SUPPORT -->\n\n                <div class=\"hpf-bottom-item\">\n\n                    <div class=\"hpf-bottom-icon\">\n                        ?\n                    <\/div>\n\n                    <div class=\"hpf-bottom-content\">\n\n                        <strong>\n                            Beh\u00f6ver du hj\u00e4lp?                        <\/strong>\n\n                        <span>\n                            Kontakta v\u00e5r tekniska support s\u00e5 hj\u00e4lper vi dig att hitta r\u00e4tt produkter.                        <\/span>\n\n                        <a\n                            href=\"https:\/\/beta.climaco.com\/en\/kontakt\/\"\n                        >\n                            Kontakt &amp; Support\n\n                            <span class=\"hpf-arrow\">\n                                \u2192\n                            <\/span>\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- FAQ -->\n\n                <div class=\"hpf-bottom-item\">\n\n                    <div class=\"hpf-bottom-icon\">\n                        i\n                    <\/div>\n\n                    <div class=\"hpf-bottom-content\">\n\n                        <strong>\n                            Vanliga fr\u00e5gor                        <\/strong>\n\n                        <span>\n                            Get answers to frequently asked questions about troughs, drainage and installation.                        <\/span>\n\n                        <a\n                            href=\"https:\/\/beta.climaco.com\/en\/faq\/\"\n                        >\n                            Till FAQ\n                            <span class=\"hpf-arrow\">\n                                \u2192\n                            <\/span>\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <script>\n        document.addEventListener(\n            'DOMContentLoaded',\n            function () {\n\n\n                const finder =\n                    document.querySelector(\n                        '.climaco-heat-pump-finder'\n                    );\n\n\n                if (!finder) {\n                    return;\n                }\n\n\n                const hpfT = {\"installer_default_title\":\"\\u00c4r du installat\\u00f6r?\",\"installer_default_desc\":\"Se v\\u00e5r installat\\u00f6rsguide med rekommenderade produkter.\",\"installer_default_link\":\"G\\u00e5 till installat\\u00f6rsguiden\",\"installer_title_prefix\":\"\\u00c4r du \",\"installer_title_suffix\":\" installat\\u00f6r?\",\"installer_desc_prefix\":\"Se alla \",\"installer_desc_suffix\":\"-modeller i en utskrivbar lista med rekommenderade tr\\u00e5g, dr\\u00e4neringssatser och tillbeh\\u00f6r.\",\"installer_link_prefix\":\"G\\u00e5 till installat\\u00f6rssidan f\\u00f6r \",\"step2_prefix\":\"Steg 2: V\\u00e4lj din \",\"step2_suffix\":\"-modell\",\"step2_desc\":\"V\\u00e4lj en modell f\\u00f6r att se mer information och rekommenderade produkter.\",\"no_models\":\"Inga modeller hittades.\",\"show_products\":\"Visa produkter \\u2192\",\"search_results\":\"S\\u00f6kresultat\",\"heat_effect\":\"V\\u00e4rmeeffekt\",\"condensation\":\"Kondensvatten (max)\",\"condensation_note\":\"(60\\u2013100% av 5l\\\/kW)\",\"dimensions\":\"M\\u00e5tt\",\"dimensions_note\":\"(utan f\\u00f6tter)\",\"pump_cta\":\"Visa l\\u00f6sningen f\\u00f6r min v\\u00e4rmepump\",\"recommended_products\":\"Rekommenderade produkter\",\"loading_info\":\"Laddar information...\",\"load_info_error\":\"Kunde inte h\\u00e4mta information om modellen.\",\"choose_supplier_first\":\"V\\u00e4lj f\\u00f6rst en tillverkare.\",\"loading_models\":\"Laddar modeller...\",\"load_models_error\":\"Kunde inte h\\u00e4mta modeller.\",\"searching\":\"S\\u00f6ker...\",\"no_search_results\":\"Ingen modell hittades.\",\"rec_tray\":\"Rekommenderad tr\\u00e5gversion\",\"rec_drain\":\"Rekommenderade dr\\u00e4neringskit\",\"rec_accessory\":\"Eventuella tillbeh\\u00f6r\",\"preview_drain\":\"Dr\\u00e4neringskit\",\"preview_accessory\":\"Tillbeh\\u00f6r\",\"choose_supplier\":\"V\\u00e4lj en tillverkare\",\"start_desc\":\"B\\u00f6rja med att v\\u00e4lja tillverkare.\",\"supplier_label\":\"1. V\\u00e4lj tillverkare\",\"supplier_placeholder\":\"V\\u00e4lj tillverkare\",\"model_label\":\"2. V\\u00e4lj modell\",\"model_placeholder\":\"S\\u00f6k eller v\\u00e4lj modell\",\"free_label\":\"3. Eller s\\u00f6k fritt\",\"free_placeholder\":\"Skriv modellnummer...\",\"how_title\":\"Hur fungerar det?\",\"how_1\":\"Select manufacturer and model\",\"how_2\":\"Du f\\u00e5r rekommenderat tr\\u00e5g\",\"how_3\":\"Vi visar passande dr\\u00e4neringssats\",\"how_4\":\"Eventuella tillbeh\\u00f6r visas\",\"how_5\":\"Klicka vidare f\\u00f6r mer information om rekommenderade produkter\",\"support_title\":\"Beh\\u00f6ver du hj\\u00e4lp?\",\"support_desc\":\"Kontakta v\\u00e5r tekniska support s\\u00e5 hj\\u00e4lper vi dig att hitta r\\u00e4tt produkter.\",\"support_link\":\"Kontakt \\u0026 Support\",\"faq_title\":\"Vanliga fr\\u00e5gor\",\"faq_desc\":\"Get answers to frequently asked questions about troughs, drainage and installation.\",\"faq_link\":\"Till FAQ\"};\n\n                const ajaxUrl =\n                    finder.dataset.ajaxUrl;\n\n                const nonce =\n                    finder.dataset.nonce;\n\n                const installerBaseUrl =\n                    finder.dataset.installerUrl;\n\n\n                const heatEffectIcon =\n                    finder.dataset.heatEffectIcon;\n\n                const condensationIcon =\n                    finder.dataset.condensationIcon;\n\n                const dimensionsIcon =\n                    finder.dataset.dimensionsIcon;\n\n\n                const infoTitle =\n                    finder.dataset.infoTitle;\n\n                const infoText =\n                    finder.dataset.infoText;\n                const climateTitle = finder.dataset.climateTitle;\n                const climateText = finder.dataset.climateText;\n\n\n\n                const supplier =\n                    finder.querySelector(\n                        '.hpf-supplier'\n                    );\n\n                const modelFilter =\n                    finder.querySelector(\n                        '.hpf-model-filter'\n                    );\n\n                const modelList =\n                    finder.querySelector(\n                        '.hpf-model-list'\n                    );\n\n                const globalSearch =\n                    finder.querySelector(\n                        '.hpf-global-search'\n                    );\n\n                const globalResults =\n                    finder.querySelector(\n                        '.hpf-global-results'\n                    );\n\n                const resultContent =\n                    finder.querySelector(\n                        '.hpf-result-content'\n                    );\n\n\n                const initialContent = resultContent.innerHTML;\n                const previewHTML = finder.querySelector('.hpf-preview-section').outerHTML;\n\n                \/*\n                 * Bottom links\n                 *\/\n                const bottomLinks =\n                    finder.querySelector(\n                        '.hpf-bottom-links'\n                    );\n\n                const installerLogo =\n                    finder.querySelector(\n                        '.hpf-installer-logo'\n                    );\n\n                const installerTitle =\n                    finder.querySelector(\n                        '.hpf-installer-title'\n                    );\n\n                const installerText =\n                    finder.querySelector(\n                        '.hpf-installer-text'\n                    );\n\n                const installerButton =\n                    finder.querySelector(\n                        '.hpf-installer-button'\n                    );\n\n                const installerButtonText =\n                    finder.querySelector(\n                        '.hpf-installer-button-text'\n                    );\n\n\n                let models = [];\n\n\n                \/**\n                 * Escape HTML.\n                 *\/\n                function escapeHtml(value) {\n\n                    const div =\n                        document.createElement(\n                            'div'\n                        );\n\n                    div.textContent =\n                        value || '';\n\n                    return div.innerHTML;\n                }\n\n\n                \/**\n                 * L\u00e4gg till enhet om den saknas.\n                 *\/\n                function addUnit(\n                    value,\n                    unit\n                ) {\n\n                    value =\n                        String(\n                            value || ''\n                        ).trim();\n\n\n                    if (!value) {\n                        return '';\n                    }\n\n\n                    if (\n                        value\n                            .toLowerCase()\n                            .includes(\n                                unit.toLowerCase()\n                            )\n                    ) {\n                        return value;\n                    }\n\n\n                    return value + ' ' + unit;\n                }\n\n\n                \/**\n                 * Installat\u00f6rsrad.\n                 *\/\n                function renderBottomLinks(\n                    supplierData\n                ) {\n\n                    if (\n                        !supplierData ||\n                        !supplierData.id\n                    ) {\n\n                        installerLogo.removeAttribute('src');\n                        installerLogo.alt = '';\n                        installerLogo.style.display = 'none';\n                        installerTitle.textContent = hpfT.installer_default_title;\n                        installerText.textContent = hpfT.installer_default_desc;\n                        installerButton.href = installerBaseUrl;\n                        installerButtonText.textContent = hpfT.installer_default_link;\n                        bottomLinks.style.display = 'grid';\n                        return;\n                    }\n\n\n                    const manufacturer =\n                        supplierData.name || '';\n\n\n                    const guideUrl =\n                        new URL(\n                            installerBaseUrl,\n                            window.location.origin\n                        );\n\n\n                    guideUrl.searchParams.set(\n                        'supplier',\n                        supplierData.id\n                    );\n\n\n                    if (supplierData.logo) {\n\n                        installerLogo.src =\n                            supplierData.logo;\n\n                        installerLogo.alt =\n                            manufacturer;\n\n                        installerLogo.style.display =\n                            'block';\n\n                    } else {\n\n                        installerLogo.src = '';\n                        installerLogo.alt = '';\n\n                        installerLogo.style.display =\n                            'none';\n                    }\n\n\n                    installerTitle.textContent =\n                        hpfT.installer_title_prefix +\n                        manufacturer +\n                        hpfT.installer_title_suffix;\n\n\n                    installerText.textContent =\n                        hpfT.installer_desc_prefix +\n                        manufacturer +\n                        hpfT.installer_desc_suffix;\n\n\n                    installerButton.href =\n                        guideUrl.toString();\n\n\n                    installerButtonText.textContent =\n                        hpfT.installer_link_prefix +\n                        manufacturer;\n\n\n                    bottomLinks.style.display =\n                        'grid';\n                }\n\n\n                renderBottomLinks(false);\n\n                \/**\n                 * Uppmaning efter val av tillverkare.\n                 *\/\n                function showChooseModel(\n                    manufacturer\n                ) {\n\n                    resultContent.innerHTML =\n\n                        '<div class=\"hpf-step-message\">' +\n\n                            '<div class=\"hpf-step-number\">' +\n                            '2' +\n                            '<\/div>' +\n\n                            '<div>' +\n\n                                '<h2>' +\n                                hpfT.step2_prefix +\n                                escapeHtml(manufacturer) +\n                                hpfT.step2_suffix +\n                                '<\/h2>' +\n\n                                '<p>' +\n                                hpfT.step2_desc +\n                                '<\/p>' +\n\n                            '<\/div>' +\n\n                        '<\/div>' + previewHTML;\n                }\n\n\n                \/**\n                 * Modellista.\n                 *\/\n                function renderModelList(list) {\n\n                    modelList.innerHTML = '';\n\n\n                    if (!list.length) {\n\n                        modelList.innerHTML =\n                            '<div class=\"hpf-placeholder\">' +\n                            hpfT.no_models +\n                            '<\/div>';\n\n                        return;\n                    }\n\n\n                    list.forEach(\n                        function(model) {\n\n                            const button =\n                                document.createElement(\n                                    'button'\n                                );\n\n                            button.type =\n                                'button';\n\n                            button.className =\n                                'hpf-model-item';\n\n                            button.textContent =\n                                model.title;\n\n\n                            button.addEventListener(\n                                'click',\n                                function () {\n\n                                    modelList\n                                        .querySelectorAll(\n                                            '.hpf-model-item'\n                                        )\n                                        .forEach(\n                                            function(item) {\n\n                                                item.classList.remove(\n                                                    'is-active'\n                                                );\n                                            }\n                                        );\n\n\n                                    button.classList.add(\n                                        'is-active'\n                                    );\n\n\n                                    loadDetail(\n                                        model.id\n                                    );\n                                }\n                            );\n\n\n                            modelList.appendChild(\n                                button\n                            );\n                        }\n                    );\n                }\n\n\n                \/**\n                 * Rekommendationskort.\n                 *\/\n                function recommendationCard(\n                    card\n                ) {\n\n                    let description =\n                        card.description || '';\n\n\n                    if (\n                        description.length > 170\n                    ) {\n\n                        description =\n                            description.substring(\n                                0,\n                                167\n                            ) + '\u2026';\n                    }\n\n\n                    return (\n\n                        '<a class=\"hpf-rec-card\" href=\"' +\n                        escapeHtml(card.url) +\n                        '\">' +\n\n                            '<span class=\"hpf-rec-label\">' +\n                            escapeHtml(card.label) +\n                            '<\/span>' +\n\n                            (\n                                card.image\n                                ?\n                                '<img decoding=\"async\" src=\"' +\n                                escapeHtml(card.image) +\n                                '\" alt=\"\">'\n                                :\n                                ''\n                            ) +\n\n                            '<h3>' +\n                            escapeHtml(card.title) +\n                            '<\/h3>' +\n\n                            (\n                                description\n                                ?\n                                '<p>' +\n                                escapeHtml(description) +\n                                '<\/p>'\n                                :\n                                ''\n                            ) +\n\n                            '<span class=\"hpf-rec-link\">' +\n                            hpfT.show_products +\n                            '<\/span>' +\n\n                        '<\/a>'\n                    );\n                }\n\n\n                \/**\n                 * Teknisk datapost.\n                 *\/\n                function techRow(\n    label,\n    value,\n    icon,\n    subtext = ''\n) {\n\n    if (!value) {\n        return '';\n    }\n\n    return (\n\n        '<div class=\"hpf-tech-row\">' +\n\n            '<img decoding=\"async\" src=\"' +\n            escapeHtml(icon) +\n            '\" alt=\"\">' +\n\n            '<div>' +\n\n                '<span class=\"hpf-tech-label\">' +\n                escapeHtml(label) +\n                '<\/span>' +\n\n                '<strong>' +\n                escapeHtml(value) +\n                '<\/strong>' +\n\n                (\n                    subtext\n                    ?\n                    '<span class=\"hpf-tech-subtext\">' +\n                    escapeHtml(subtext) +\n                    '<\/span>'\n                    :\n                    ''\n                ) +\n\n            '<\/div>' +\n\n        '<\/div>'\n    );\n}\n\n\n                \/**\n                 * Rendera vald v\u00e4rmepump.\n                 *\/\n                function renderDetail(data) {\n\n                    let recommendations = '';\n\n\n                    if (\n                        data.recommendations &&\n                        data.recommendations.length\n                    ) {\n\n                        data.recommendations.forEach(\n                            function(card) {\n\n                                recommendations +=\n                                    recommendationCard(\n                                        card\n                                    );\n                            }\n                        );\n                    }\n\n\n                    \/*\n                     * Om modellen kom via fritextss\u00f6kning\n                     * visar vi ocks\u00e5 r\u00e4tt installat\u00f6rsrad.\n                     *\/\n                    if (data.supplier) {\n\n                        renderBottomLinks(\n                            data.supplier\n                        );\n                    }\n\n\n                    resultContent.innerHTML =\n\n                        '<div class=\"hpf-detail\">' +\n\n\n                            '<div class=\"hpf-result-heading\">' +\n\n                                '<h2>' + escapeHtml(hpfT.search_results) + '<\/h2>' +\n\n                                '<div class=\"hpf-result-model\">' +\n                                escapeHtml(\n                                    data.model ||\n                                    data.title\n                                ) +\n                                '<\/div>' +\n\n                            '<\/div>' +\n\n\n                            '<div class=\"hpf-detail-top\">' +\n\n\n                                '<a class=\"hpf-pump-info hpf-pump-link\" href=\"' +\n                                escapeHtml(data.url) +\n                                '\">' +\n\n\n                                    '<div class=\"hpf-pump-heading\">' +\n\n                                        (\n                                            data.manufacturer_logo\n                                            ?\n                                            '<img decoding=\"async\" class=\"hpf-manufacturer-logo\" src=\"' +\n                                            escapeHtml(\n                                                data.manufacturer_logo\n                                            ) +\n                                            '\" alt=\"\">'\n                                            :\n                                            ''\n                                        ) +\n\n                                        '<div class=\"hpf-pump-title-wrap\">' +\n\n                                            '<h2>' +\n                                            escapeHtml(\n                                                data.model ||\n                                                data.title\n                                            ) +\n                                            '<\/h2>' +\n\n                                            (\n                                                data.heat_pump_type\n                                                ?\n                                                '<div class=\"hpf-pump-type\">' +\n                                                escapeHtml(\n                                                    data.heat_pump_type\n                                                ) +\n                                                '<\/div>'\n                                                :\n                                                ''\n                                            ) +\n\n                                        '<\/div>' +\n\n                                    '<\/div>' +\n\n\n                                    '<div class=\"hpf-pump-main\">' +\n\n\n                                        '<div class=\"hpf-tech-data\">' +\n\n\n                                            techRow(\n                                                hpfT.heat_effect,\n                                                addUnit(\n                                                    data.heat_effect,\n                                                    'kW'\n                                                ),\n                                                heatEffectIcon\n                                            ) +\n\n\n                                            techRow(\n    hpfT.condensation,\n    data.condensation_water,\n    condensationIcon,\n    hpfT.condensation_note\n) +\n\n\n                                            techRow(\n                                                hpfT.dimensions,\n                                                data.dimensions,\n                                                dimensionsIcon,\n\t\t\t\t\t\thpfT.dimensions_note\n                                            ) +\n\t\t\t\t\t\t\n\t\t\t\t\t\t'<div class=\"hpf-pump-button-wrap\">' +\n    '<span class=\"hpf-pump-button\">' +\n        hpfT.pump_cta +\n        '<span class=\"hpf-pump-button-arrow\">\u2192<\/span>' +\n    '<\/span>' +\n'<\/div>' +\n\n\n                                        '<\/div>' +\n\n\n                                        (\n                                            data.image\n                                            ?\n                                            '<div class=\"hpf-pump-image\">' +\n\n                                                '<img decoding=\"async\" src=\"' +\n                                                escapeHtml(\n                                                    data.image\n                                                ) +\n                                                '\" alt=\"' +\n                                                escapeHtml(\n                                                    data.model ||\n                                                    data.title\n                                                ) +\n                                                '\">' +\n\n                                            '<\/div>'\n                                            :\n                                            ''\n                                        ) +\n\n\n                                    '<\/div>' +\n\n\n                                '<\/a>' +\n\n\n                                '<aside class=\"hpf-info-box\">' +\n\n                                    '<div class=\"hpf-info-heading\">' +\n\n                                        '<div class=\"hpf-info-symbol\">' +\n                                        'i' +\n                                        '<\/div>' +\n\n                                        '<h3>' +\n                                        escapeHtml(\n                                            infoTitle\n                                        ) +\n                                        '<\/h3>' +\n\n                                    '<\/div>' +\n\n                                    '<p>' +\n                                    escapeHtml(\n                                        infoText\n                                    ) +\n                                    '<\/p>' +\n                                    '<div class=\"hpf-climate-section\">' +\n                                        '<div class=\"hpf-info-heading\">' +\n                                            '<div class=\"hpf-info-symbol hpf-climate-symbol\" aria-hidden=\"true\">\u2744<\/div>' +\n                                            '<h3>' + escapeHtml(climateTitle) + '<\/h3>' +\n                                        '<\/div>' +\n                                        '<p>' + escapeHtml(climateText) + '<\/p>' +\n                                    '<\/div>' +\n                                '<\/aside>' +\n\n\n                            '<\/div>' +\n\n\n                            (\n                                recommendations\n                                ?\n                                '<div class=\"hpf-recommendations\">' +\n\n                                    '<h2>' +\n                                    hpfT.recommended_products +\n                                    '<\/h2>' +\n\n                                    '<div class=\"hpf-rec-grid\">' +\n                                    recommendations +\n                                    '<\/div>' +\n\n                                '<\/div>'\n                                :\n                                ''\n                            ) +\n\n\n                        '<\/div>';\n\n                    \/\/ Steg 1 ar klart forst nar en modell har laddats.\n                    document.dispatchEvent(new CustomEvent('climaco:hpf:model', {\n                        detail: { selected: true, modelId: data.id }\n                    }));\n                }\n\n\n                \/**\n                 * H\u00e4mta detalj.\n                 *\/\n                function loadDetail(postId) {\n\n                    document.dispatchEvent(new CustomEvent('climaco:hpf:model', {\n                        detail: { selected: false }\n                    }));\n\n                    resultContent.innerHTML =\n                        '<div class=\"hpf-placeholder\">' +\n                        hpfT.loading_info +\n                        '<\/div>';\n\n\n                    const form =\n                        new FormData();\n\n\n                    form.append(\n                        'action',\n                        'climaco_hpf_detail'\n                    );\n\n                    form.append(\n                        'nonce',\n                        nonce\n                    );\n\n                    form.append(\n                        'post_id',\n                        postId\n                    );\n\n\n                    fetch(\n                        ajaxUrl,\n                        {\n                            method: 'POST',\n                            body: form\n                        }\n                    )\n\n                    .then(\n                        response =>\n                            response.json()\n                    )\n\n                    .then(\n                        response => {\n\n                            if (\n                                !response.success ||\n                                !response.data\n                            ) {\n                                throw new Error();\n                            }\n\n\n                            renderDetail(\n                                response.data\n                            );\n                        }\n                    )\n\n                    .catch(\n                        function() {\n\n                            resultContent.innerHTML =\n                                '<div class=\"hpf-placeholder\">' +\n                                hpfT.load_info_error +\n                                '<\/div>';\n                        }\n                    );\n                }\n\n\n                \/**\n                 * Tillverkare.\n                 *\/\n                supplier.addEventListener(\n                    'change',\n                    function () {\n\n                        document.dispatchEvent(new CustomEvent('climaco:hpf:model', {\n                            detail: { selected: false }\n                        }));\n\n                        const supplierId =\n                            this.value;\n\n\n                        const selected =\n                            this.options[\n                                this.selectedIndex\n                            ];\n\n\n                        const manufacturer =\n                            selected.dataset.name ||\n                            selected.textContent;\n\n\n                        models = [];\n\n                        modelFilter.value = '';\n\n                        globalResults.innerHTML = '';\n\n\n                        if (!supplierId) {\n\n                            renderBottomLinks(\n                                false\n                            );\n\n\n                            modelFilter.disabled =\n                                true;\n\n\n                            modelList.innerHTML =\n                                '<div class=\"hpf-placeholder\">' +\n                                hpfT.choose_supplier_first +\n                                '<\/div>';\n\n\n                            resultContent.innerHTML = initialContent;\n\n\n                            return;\n                        }\n\n\n                        showChooseModel(\n                            manufacturer\n                        );\n\n\n                        modelFilter.disabled =\n                            true;\n\n\n                        modelList.innerHTML =\n                            '<div class=\"hpf-placeholder\">' +\n                            hpfT.loading_models +\n                            '<\/div>';\n\n\n                        const form =\n                            new FormData();\n\n\n                        form.append(\n                            'action',\n                            'climaco_hpf_models'\n                        );\n\n                        form.append(\n                            'nonce',\n                            nonce\n                        );\n\n                        form.append(\n                            'supplier_id',\n                            supplierId\n                        );\n\n\n                        fetch(\n                            ajaxUrl,\n                            {\n                                method: 'POST',\n                                body: form\n                            }\n                        )\n\n                        .then(\n                            response =>\n                                response.json()\n                        )\n\n                        .then(\n                            response => {\n\n                                if (\n                                    !response.success ||\n                                    !response.data\n                                ) {\n                                    throw new Error();\n                                }\n\n\n                                models =\n                                    response.data.models ||\n                                    [];\n\n\n                                modelFilter.disabled =\n                                    false;\n\n\n                                renderModelList(\n                                    models\n                                );\n\n\n                                if (\n                                    response.data.supplier\n                                ) {\n\n                                    renderBottomLinks(\n                                        response.data.supplier\n                                    );\n                                }\n                            }\n                        )\n\n                        .catch(\n                            function() {\n\n                                modelList.innerHTML =\n                                    '<div class=\"hpf-placeholder\">' +\n                                    hpfT.load_models_error +\n                                    '<\/div>';\n                            }\n                        );\n                    }\n                );\n\n\n                \/**\n                 * Back-knapp-fix.\n                 *\/\n                window.addEventListener(\n                    'pageshow',\n                    function () {\n\n                        if (supplier.value) {\n\n                            supplier.dispatchEvent(\n                                new Event(\n                                    'change',\n                                    {\n                                        bubbles: true\n                                    }\n                                )\n                            );\n                        }\n                    }\n                );\n\n\n                \/**\n                 * Filtrera modellista.\n                 *\/\n                modelFilter.addEventListener(\n                    'input',\n                    function () {\n\n                        const query =\n                            this.value\n                                .trim()\n                                .toLowerCase();\n\n\n                        if (!query) {\n\n                            renderModelList(\n                                models\n                            );\n\n                            return;\n                        }\n\n\n                        const filtered =\n                            models.filter(\n                                function(model) {\n\n                                    return model.title\n                                        .toLowerCase()\n                                        .includes(query);\n                                }\n                            );\n\n\n                        renderModelList(\n                            filtered\n                        );\n                    }\n                );\n\n\n                \/**\n                 * Fritextss\u00f6kning.\n                 *\/\n                let searchTimer;\n\n\n                globalSearch.addEventListener(\n                    'input',\n                    function () {\n\n                        const query =\n                            this.value.trim();\n\n\n                        clearTimeout(\n                            searchTimer\n                        );\n\n\n                        if (\n                            query.length < 2\n                        ) {\n\n                            globalResults.innerHTML =\n                                '';\n\n                            return;\n                        }\n\n\n                        globalResults.innerHTML =\n                            '<div class=\"hpf-placeholder\">' +\n                            hpfT.searching +\n                            '<\/div>';\n\n\n                        searchTimer =\n                            setTimeout(\n                                function () {\n\n\n                                    const form =\n                                        new FormData();\n\n\n                                    form.append(\n                                        'action',\n                                        'climaco_hpf_search'\n                                    );\n\n                                    form.append(\n                                        'nonce',\n                                        nonce\n                                    );\n\n                                    form.append(\n                                        'search',\n                                        query\n                                    );\n\n\n                                    fetch(\n                                        ajaxUrl,\n                                        {\n                                            method: 'POST',\n                                            body: form\n                                        }\n                                    )\n\n                                    .then(\n                                        response =>\n                                            response.json()\n                                    )\n\n                                    .then(\n                                        response => {\n\n                                            globalResults.innerHTML =\n                                                '';\n\n\n                                            if (\n                                                !response.success\n                                            ) {\n                                                return;\n                                            }\n\n\n                                            const results =\n                                                response.data.models ||\n                                                [];\n\n\n                                            if (!results.length) {\n\n                                                globalResults.innerHTML =\n                                                    '<div class=\"hpf-placeholder\">' +\n                                                    hpfT.no_search_results +\n                                                    '<\/div>';\n\n                                                return;\n                                            }\n\n\n                                            results.forEach(\n                                                function(model) {\n\n\n                                                    const button =\n                                                        document.createElement(\n                                                            'button'\n                                                        );\n\n\n                                                    button.type =\n                                                        'button';\n\n                                                    button.className =\n                                                        'hpf-global-result';\n\n                                                    button.textContent =\n                                                        model.title;\n\n\n                                                    button.addEventListener(\n                                                        'click',\n                                                        function () {\n\n                                                            loadDetail(\n                                                                model.id\n                                                            );\n                                                        }\n                                                    );\n\n\n                                                    globalResults.appendChild(\n                                                        button\n                                                    );\n                                                }\n                                            );\n                                        }\n                                    );\n\n                                },\n                                250\n                            );\n                    }\n                );\n\n\n            }\n        );\n        <\/script>\n\n        \n<p>[\/et_pb_text][et_pb_code disabled_on=&#8221;on|on|on&#8221; admin_label=&#8221;CSS&#8221; _builder_version=&#8221;4.27.9&#8243; _module_preset=&#8221;default&#8221; disabled=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ==========================================================<!-- [et_pb_line_break_holder] -->   CLIMACO \u2013 HEAT PUMP FINDER<!-- [et_pb_line_break_holder] -->   ========================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.climaco-heat-pump-finder,<!-- [et_pb_line_break_holder] -->.climaco-heat-pump-finder * {<!-- [et_pb_line_break_holder] -->    box-sizing: border-box;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.climaco-heat-pump-finder {<!-- [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] -->\/* ==========================================================<!-- [et_pb_line_break_holder] -->   HUVUDLAYOUT<!-- [et_pb_line_break_holder] -->   ========================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-layout {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: 300px minmax(0, 1fr);<!-- [et_pb_line_break_holder] -->    gap: 28px;<!-- [et_pb_line_break_holder] -->    align-items: start;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ==========================================================<!-- [et_pb_line_break_holder] -->   SIDEBAR<!-- [et_pb_line_break_holder] -->   ========================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-sidebar {<!-- [et_pb_line_break_holder] -->    padding: 20px;<!-- [et_pb_line_break_holder] -->    background: #f5f8fa;<!-- [et_pb_line_break_holder] -->    border-radius: 8px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-section {<!-- [et_pb_line_break_holder] -->    margin-bottom: 26px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-section h3 {<!-- [et_pb_line_break_holder] -->    margin: 0 0 10px;<!-- [et_pb_line_break_holder] -->    font-size: 17px;<!-- [et_pb_line_break_holder] -->    line-height: 1.25;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Inputs *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-supplier,<!-- [et_pb_line_break_holder] -->.hpf-model-filter,<!-- [et_pb_line_break_holder] -->.hpf-global-search {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    min-height: 46px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 10px 13px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border: 1px solid #d8e0e6;<!-- [et_pb_line_break_holder] -->    border-radius: 5px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #fff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 14px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Modellista *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-model-list {<!-- [et_pb_line_break_holder] -->    max-height: 245px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-top: 7px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    overflow-y: auto;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border: 1px solid #d8e0e6;<!-- [et_pb_line_break_holder] -->    border-radius: 5px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #fff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-model-item,<!-- [et_pb_line_break_holder] -->.hpf-global-result {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 9px 13px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border: 0;<!-- [et_pb_line_break_holder] -->    border-bottom: 1px solid #edf1f3;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #fff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    text-align: left;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-model-item:hover,<!-- [et_pb_line_break_holder] -->.hpf-model-item.is-active,<!-- [et_pb_line_break_holder] -->.hpf-global-result:hover {<!-- [et_pb_line_break_holder] -->    background: #dcefff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ==========================================================<!-- [et_pb_line_break_holder] -->   HUR FUNGERAR DET<!-- [et_pb_line_break_holder] -->   ========================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-how {<!-- [et_pb_line_break_holder] -->    margin-top: 30px;<!-- [et_pb_line_break_holder] -->    padding: 18px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 7px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #eaf6ff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-how-heading {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    gap: 12px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 15px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 17px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-how-icon {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    flex: 0 0 36px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    width: 36px;<!-- [et_pb_line_break_holder] -->    height: 36px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 50%;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #079be8;<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 22px;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-how-steps {<!-- [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] -->    gap: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-how-step {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    grid-template-columns:<!-- [et_pb_line_break_holder] -->        26px minmax(0, 1fr);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 10px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    align-items: start;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: #626e78;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 13px;<!-- [et_pb_line_break_holder] -->    line-height: 1.4;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-how-number {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    width: 24px;<!-- [et_pb_line_break_holder] -->    height: 24px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 50%;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #168fea;<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 12px;<!-- [et_pb_line_break_holder] -->    line-height: 1;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ==========================================================<!-- [et_pb_line_break_holder] -->   RESULTATOMR\u00c5DE<!-- [et_pb_line_break_holder] -->   ========================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-results {<!-- [et_pb_line_break_holder] -->    min-width: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-start-message,<!-- [et_pb_line_break_holder] -->.hpf-step-message {<!-- [et_pb_line_break_holder] -->    padding: 35px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border: 1px solid #dce5ea;<!-- [et_pb_line_break_holder] -->    border-radius: 8px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #f8fbfd;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-step-message {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    gap: 20px;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-step-number {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    flex: 0 0 52px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    width: 52px;<!-- [et_pb_line_break_holder] -->    height: 52px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 50%;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #079be8;<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 26px;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-step-message h2,<!-- [et_pb_line_break_holder] -->.hpf-start-message h2 {<!-- [et_pb_line_break_holder] -->    margin: 0 0 7px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ==========================================================<!-- [et_pb_line_break_holder] -->   S\u00d6KRESULTAT<!-- [et_pb_line_break_holder] -->   ========================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-result-heading {<!-- [et_pb_line_break_holder] -->    margin-bottom: 14px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-result-heading h2 {<!-- [et_pb_line_break_holder] -->    margin: 0 0 3px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 24px;<!-- [et_pb_line_break_holder] -->    line-height: 1.2;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-result-model {<!-- [et_pb_line_break_holder] -->    font-size: 21px;<!-- [et_pb_line_break_holder] -->    line-height: 1.2;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ==========================================================<!-- [et_pb_line_break_holder] -->   TOPP \u2013 66 \/ 33<!-- [et_pb_line_break_holder] -->   ========================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-detail-top {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: 2fr 1fr;<!-- [et_pb_line_break_holder] -->    gap: 16px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ==========================================================<!-- [et_pb_line_break_holder] -->   V\u00c4RMEPUMPSKORT<!-- [et_pb_line_break_holder] -->   ========================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-pump-info {<!-- [et_pb_line_break_holder] -->    padding: 22px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border: 1px solid #dce5ea;<!-- [et_pb_line_break_holder] -->    border-radius: 8px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #fff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-pump-link {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: inherit !important;<!-- [et_pb_line_break_holder] -->    text-decoration: none !important;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    transition:<!-- [et_pb_line_break_holder] -->        border-color .2s ease,<!-- [et_pb_line_break_holder] -->        box-shadow .2s ease,<!-- [et_pb_line_break_holder] -->        transform .2s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-pump-link:hover {<!-- [et_pb_line_break_holder] -->    border-color: #079be8;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    box-shadow:<!-- [et_pb_line_break_holder] -->        0 5px 18px rgba(0, 0, 0, .07);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    transform: translateY(-1px);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Heading *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-pump-heading {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    gap: 20px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 18px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-manufacturer-logo {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    width: auto;<!-- [et_pb_line_break_holder] -->    max-width: 120px;<!-- [et_pb_line_break_holder] -->    height: 55px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    object-fit: contain;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-pump-title-wrap {<!-- [et_pb_line_break_holder] -->    min-width: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-pump-heading h2 {<!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [et_pb_line_break_holder] -->    padding: 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: #141a40;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 22px;<!-- [et_pb_line_break_holder] -->    line-height: 1.15;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-pump-link:hover h2 {<!-- [et_pb_line_break_holder] -->    color: #079be8;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-pump-type {<!-- [et_pb_line_break_holder] -->    margin-top: 5px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: #616d78;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 15px;<!-- [et_pb_line_break_holder] -->    line-height: 1.3;<!-- [et_pb_line_break_holder] -->    font-weight: 400;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Main content *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-pump-main {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    grid-template-columns:<!-- [et_pb_line_break_holder] -->        minmax(200px, .9fr)<!-- [et_pb_line_break_holder] -->        1.1fr;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 20px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Technical data *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-tech-row {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    grid-template-columns:<!-- [et_pb_line_break_holder] -->        48px minmax(0, 1fr);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 12px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 16px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-tech-row:last-child {<!-- [et_pb_line_break_holder] -->    margin-bottom: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-tech-row img {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    width: 42px;<!-- [et_pb_line_break_holder] -->    height: 42px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    object-fit: contain;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-tech-row span {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 2px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: #697782;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 13px;<!-- [et_pb_line_break_holder] -->    line-height: 1.2;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-tech-row strong {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: #141a40;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 18px;<!-- [et_pb_line_break_holder] -->    line-height: 1.2;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.hpf-tech-label {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 2px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: #697782;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 13px;<!-- [et_pb_line_break_holder] -->    line-height: 1.2;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-tech-subtext {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-top: 3px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: #697782;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 12px;<!-- [et_pb_line_break_holder] -->    line-height: 1.25;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Heat pump image *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-pump-image img {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    height: 240px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    object-fit: contain;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* ==========================================================<!-- [et_pb_line_break_holder] -->   KNAPP \u2013 VISA V\u00c4RMEPUMP<!-- [et_pb_line_break_holder] -->   ========================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-pump-button-wrap {<!-- [et_pb_line_break_holder] -->    margin-top: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-pump-button {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: space-between;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    min-height: 44px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 10px 16px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 5px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #079be8;<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 15px;<!-- [et_pb_line_break_holder] -->    line-height: 1.2;<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    transition:<!-- [et_pb_line_break_holder] -->        background .2s ease,<!-- [et_pb_line_break_holder] -->        transform .2s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-pump-button-arrow {<!-- [et_pb_line_break_holder] -->    margin-left: 15px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 20px;<!-- [et_pb_line_break_holder] -->    line-height: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-pump-link:hover .hpf-pump-button {<!-- [et_pb_line_break_holder] -->    background: #078ed4;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ==========================================================<!-- [et_pb_line_break_holder] -->   INFOBOX 33 %<!-- [et_pb_line_break_holder] -->   ========================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-info-box {<!-- [et_pb_line_break_holder] -->    padding: 24px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border: 0;<!-- [et_pb_line_break_holder] -->    border-radius: 8px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #f2faff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-info-heading {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    grid-template-columns:<!-- [et_pb_line_break_holder] -->        44px minmax(0, 1fr);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 13px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 18px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-info-symbol {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    width: 44px;<!-- [et_pb_line_break_holder] -->    height: 44px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 50%;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #079be8;<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 27px;<!-- [et_pb_line_break_holder] -->    line-height: 1;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-info-heading h3 {<!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [et_pb_line_break_holder] -->    padding: 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: #141a40;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 20px;<!-- [et_pb_line_break_holder] -->    line-height: 1.2;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-info-box p {<!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: #505d69;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 15px;<!-- [et_pb_line_break_holder] -->    line-height: 1.5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ==========================================================<!-- [et_pb_line_break_holder] -->   REKOMMENDERADE PRODUKTER<!-- [et_pb_line_break_holder] -->   ========================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-recommendations {<!-- [et_pb_line_break_holder] -->    margin-top: 25px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-recommendations > h2 {<!-- [et_pb_line_break_holder] -->    margin: 0 0 13px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 24px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-rec-grid {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    grid-template-columns:<!-- [et_pb_line_break_holder] -->        repeat(3, minmax(0, 1fr));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 16px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-rec-card {<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] --><!-- [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] -->    min-width: 0;<!-- [et_pb_line_break_holder] -->    min-height: 390px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 18px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border: 1px solid #dce5ea;<!-- [et_pb_line_break_holder] -->    border-radius: 8px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #fff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: inherit !important;<!-- [et_pb_line_break_holder] -->    text-decoration: none !important;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    transition:<!-- [et_pb_line_break_holder] -->        border-color .2s ease,<!-- [et_pb_line_break_holder] -->        box-shadow .2s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-rec-card:hover {<!-- [et_pb_line_break_holder] -->    border-color: #079be8;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    box-shadow:<!-- [et_pb_line_break_holder] -->        0 4px 15px rgba(0,0,0,.05);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-rec-label {<!-- [et_pb_line_break_holder] -->    align-self: flex-start;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 10px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 6px 13px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 20px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #079be8;<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 12px;<!-- [et_pb_line_break_holder] -->    line-height: 1.2;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-rec-card img {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    height: 175px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 12px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    object-fit: contain;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-rec-card h3 {<!-- [et_pb_line_break_holder] -->    margin: 0 0 8px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 20px;<!-- [et_pb_line_break_holder] -->    line-height: 1.2;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-rec-card p {<!-- [et_pb_line_break_holder] -->    margin: 0 0 15px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    line-height: 1.4;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-rec-link {<!-- [et_pb_line_break_holder] -->    margin-top: auto;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: #079be8;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ==========================================================<!-- [et_pb_line_break_holder] -->   FRITEXT<!-- [et_pb_line_break_holder] -->   ========================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-global-results {<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->    z-index: 10;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-top: 5px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #fff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ==========================================================<!-- [et_pb_line_break_holder] -->   PLACEHOLDER<!-- [et_pb_line_break_holder] -->   ========================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-placeholder {<!-- [et_pb_line_break_holder] -->    padding: 10px 12px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: #65717b;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 13px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ==========================================================<!-- [et_pb_line_break_holder] -->   TABLET<!-- [et_pb_line_break_holder] -->   ========================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media (max-width: 980px) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hpf-layout {<!-- [et_pb_line_break_holder] -->        grid-template-columns: 1fr;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hpf-detail-top {<!-- [et_pb_line_break_holder] -->        grid-template-columns: 1fr;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hpf-rec-grid {<!-- [et_pb_line_break_holder] -->        grid-template-columns:<!-- [et_pb_line_break_holder] -->            repeat(2, minmax(0, 1fr));<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ==========================================================<!-- [et_pb_line_break_holder] -->   MOBILE<!-- [et_pb_line_break_holder] -->   ========================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media (max-width: 600px) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hpf-sidebar {<!-- [et_pb_line_break_holder] -->        padding: 16px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hpf-pump-main {<!-- [et_pb_line_break_holder] -->        grid-template-columns: 1fr;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hpf-pump-heading {<!-- [et_pb_line_break_holder] -->        align-items: flex-start;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hpf-manufacturer-logo {<!-- [et_pb_line_break_holder] -->        max-width: 95px;<!-- [et_pb_line_break_holder] -->        height: 45px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hpf-pump-image img {<!-- [et_pb_line_break_holder] -->        height: 200px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hpf-rec-grid {<!-- [et_pb_line_break_holder] -->        grid-template-columns: 1fr;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hpf-start-message,<!-- [et_pb_line_break_holder] -->    .hpf-step-message {<!-- [et_pb_line_break_holder] -->        padding: 22px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hpf-step-message {<!-- [et_pb_line_break_holder] -->        align-items: flex-start;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* ==========================================================<!-- [et_pb_line_break_holder] -->   BOTTOM LINKS<!-- [et_pb_line_break_holder] -->   ========================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-bottom-links {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-columns: repeat(3, minmax(0, 1fr));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-top: 30px;<!-- [et_pb_line_break_holder] -->    padding: 24px 28px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #f2faff;<!-- [et_pb_line_break_holder] -->    border-radius: 6px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* En kolumn *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-bottom-item {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 18px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    min-width: 0;<!-- [et_pb_line_break_holder] -->    padding: 0 28px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-right: 1px solid #9bd5f7;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-bottom-item:first-child {<!-- [et_pb_line_break_holder] -->    padding-left: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-bottom-item:last-child {<!-- [et_pb_line_break_holder] -->    padding-right: 0;<!-- [et_pb_line_break_holder] -->    border-right: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Tillverkarlogga *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-installer-logo-wrap {<!-- [et_pb_line_break_holder] -->    flex: 0 0 90px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-installer-logo {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    width: auto;<!-- [et_pb_line_break_holder] -->    max-width: 90px;<!-- [et_pb_line_break_holder] -->    max-height: 55px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    object-fit: contain;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Statiska ikoner *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-bottom-icon {<!-- [et_pb_line_break_holder] -->    flex: 0 0 58px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    width: 58px;<!-- [et_pb_line_break_holder] -->    height: 58px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border-radius: 50%;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #079be8;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 30px;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] -->    line-height: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Inneh\u00e5ll *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-bottom-content {<!-- [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] -->    min-width: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-bottom-content > strong {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 5px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: #11183b;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 17px;<!-- [et_pb_line_break_holder] -->    line-height: 1.25;<!-- [et_pb_line_break_holder] -->    font-weight: 700;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-bottom-content > span {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    margin-bottom: 12px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: #626e78;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 13px;<!-- [et_pb_line_break_holder] -->    line-height: 1.4;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* L\u00e4nkknapp *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-bottom-content > a {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: space-between;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gap: 15px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    width: fit-content;<!-- [et_pb_line_break_holder] -->    max-width: 100%;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    padding: 8px 12px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    border: 1px solid #079be8;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    background: #fff;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    color: #079be8 !important;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 13px;<!-- [et_pb_line_break_holder] -->    line-height: 1.2;<!-- [et_pb_line_break_holder] -->    font-weight: 500;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    text-decoration: none !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-bottom-content > a:hover {<!-- [et_pb_line_break_holder] -->    background: #079be8;<!-- [et_pb_line_break_holder] -->    color: #fff !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.hpf-arrow {<!-- [et_pb_line_break_holder] -->    flex: 0 0 auto;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    font-size: 20px;<!-- [et_pb_line_break_holder] -->    line-height: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ==========================================================<!-- [et_pb_line_break_holder] -->   TABLET \/ MOBILE<!-- [et_pb_line_break_holder] -->   ========================================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media (max-width: 980px) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hpf-bottom-links {<!-- [et_pb_line_break_holder] -->        grid-template-columns: 1fr;<!-- [et_pb_line_break_holder] -->        padding: 22px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hpf-bottom-item,<!-- [et_pb_line_break_holder] -->    .hpf-bottom-item:first-child,<!-- [et_pb_line_break_holder] -->    .hpf-bottom-item:last-child {<!-- [et_pb_line_break_holder] -->        padding: 20px 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        border-right: 0;<!-- [et_pb_line_break_holder] -->        border-bottom: 1px solid #9bd5f7;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hpf-bottom-item:first-child {<!-- [et_pb_line_break_holder] -->        padding-top: 0;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hpf-bottom-item:last-child {<!-- [et_pb_line_break_holder] -->        padding-bottom: 0;<!-- [et_pb_line_break_holder] -->        border-bottom: 0;<!-- [et_pb_line_break_holder] -->    }<!-- [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] --><!-- [et_pb_line_break_holder] -->    .hpf-bottom-item {<!-- [et_pb_line_break_holder] -->        align-items: flex-start;<!-- [et_pb_line_break_holder] -->        gap: 14px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hpf-installer-logo-wrap,<!-- [et_pb_line_break_holder] -->    .hpf-bottom-icon {<!-- [et_pb_line_break_holder] -->        flex-basis: 65px;<!-- [et_pb_line_break_holder] -->        width: 65px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hpf-installer-logo {<!-- [et_pb_line_break_holder] -->        max-width: 65px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hpf-bottom-content > strong {<!-- [et_pb_line_break_holder] -->        font-size: 16px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hpf-bottom-content > a {<!-- [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] -->  <\/style>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;on|on|on&#8221; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;gcid-cad8784e-bcdd-427d-99df-31bd58a269ec&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; disabled=&#8221;on&#8221; global_colors_info=&#8221;{%22gcid-cad8784e-bcdd-427d-99df-31bd58a269ec%22:%91%22background_color%22%93}&#8221;][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|||90px|false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; width__hover_enabled=&#8221;off|desktop&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; border_width_right=&#8221;1px&#8221; border_color_right=&#8221;gcid-primary-color&#8221; border_width_right_tablet=&#8221;0px&#8221; border_width_right_phone=&#8221;0px&#8221; border_width_right_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{%22gcid-primary-color%22:%91%22border_color_right%22%93}&#8221;][et_pb_blurb title=&#8221;Are you an Installer?&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf0ad;||fa||900&#8243; icon_color=&#8221;#FFFFFF&#8221; image_icon_background_color=&#8221;gcid-primary-color&#8221; icon_placement=&#8221;left&#8221; _builder_version=&#8221;4.27.8&#8243; _dynamic_attributes=&#8221;link_option_url&#8221; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_font_size=&#8221;1.3em&#8221; header_line_height=&#8221;1.1em&#8221; image_icon_custom_padding=&#8221;10px|10px|10px|10px|false|true&#8221; link_option_url=&#8221;@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjExMTUxIn19@&#8221; border_radii_image=&#8221;on|100px|100px|100px|100px&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{%22gcid-primary-color%22:%91%22image_icon_background_color%22%93}&#8221;]See all models for your brand in a printable list of recommended trays, drainage kits and accessories.<\/p>\n<p> <strong><a href=\"#\">Go to Installer Guide \u2192<\/a><\/strong>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; border_width_right=&#8221;1px&#8221; border_color_right=&#8221;gcid-primary-color&#8221; border_width_right_tablet=&#8221;0px&#8221; border_width_right_phone=&#8221;0px&#8221; border_width_right_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{%22gcid-primary-color%22:%91%22border_color_right%22%93}&#8221;][et_pb_blurb title=&#8221;Need help&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xe027;||divi||400&#8243; icon_placement=&#8221;left&#8221; _builder_version=&#8221;4.27.8&#8243; _dynamic_attributes=&#8221;link_option_url&#8221; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_font_size=&#8221;1.3em&#8221; header_line_height=&#8221;1.1em&#8221; link_option_url=&#8221;@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjExMTUxIn19@&#8221; global_colors_info=&#8221;{}&#8221;]Contact our technical support and we will help you find the right products.<\/p>\n<p> <strong><a href=\"https:\/\/beta.climaco.com\/kontakt\/\">Contact &#038; Support \u2192<\/a><\/strong>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;Frequently Asked Questions&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xe027;||divi||400&#8243; icon_placement=&#8221;left&#8221; _builder_version=&#8221;4.27.8&#8243; _dynamic_attributes=&#8221;link_option_url&#8221; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_font_size=&#8221;1.3em&#8221; header_line_height=&#8221;1.1em&#8221; link_option_url=&#8221;@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjExMTUxIn19@&#8221; global_colors_info=&#8221;{}&#8221;]Get answers to frequently asked questions about troughs, drainage and installation.<\/p>\n<p> <strong><a href=\"#\">To FAQ \u2192<\/a><\/strong>[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;on|on|on&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; disabled=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; disabled_on=&#8221;on|on|on&#8221; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; disabled=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;Complete solution for your heat pump&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf05a;||fa||900&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;50px&#8221; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||10px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][et_pb_text _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||10px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]For safe and trouble-free operation, we recommend using both the drainage tray, the drainage kit and the right accessories.[\/et_pb_text][et_pb_blurb use_icon=&#8221;on&#8221; font_icon=&#8221;&#xe052;||divi||400&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;28px&#8221; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||5px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]Prevents ice formation[\/et_pb_blurb][et_pb_blurb use_icon=&#8221;on&#8221; font_icon=&#8221;&#xe052;||divi||400&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;28px&#8221; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;||||||||&#8221; header_font_size=&#8221;1em&#8221; custom_margin=&#8221;||5px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]Safe drainage of water[\/et_pb_blurb][et_pb_blurb use_icon=&#8221;on&#8221; font_icon=&#8221;&#xe052;||divi||400&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;28px&#8221; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||5px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]Adapted for the Nordic climate[\/et_pb_blurb][et_pb_blurb use_icon=&#8221;on&#8221; font_icon=&#8221;&#xe052;||divi||400&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;28px&#8221; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; global_colors_info=&#8221;{}&#8221;]Easy installation[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.27.8&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_toggle title=&#8221;Here you can find the model number&#8221; closed_toggle_background_color=&#8221;#FFFFFF&#8221; icon_color=&#8221;#0C71C3&#8243; toggle_icon=&#8221;&#xf055;||fa||900&#8243; open_icon_color=&#8221;#0C71C3&#8243; open_toggle_icon=&#8221;&#xf056;||fa||900&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; title_level=&#8221;h4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><span>On most heat pumps&#8217; outdoor parts, there is a nameplate on the side. It can also be located on the back or front, but most commonly it is on one edge. It says &#8220;Model&#8221; followed by a designation.  <\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/beta.climaco.com\/wp-content\/uploads\/2021\/01\/TypskyltarLQ-1024x683.jpg\" width=\"1024\" height=\"683\" alt=\"\" class=\"wp-image-4102 alignnone size-large\" srcset=\"https:\/\/beta.climaco.com\/wp-content\/uploads\/2021\/01\/TypskyltarLQ-980x653.jpg 980w, https:\/\/beta.climaco.com\/wp-content\/uploads\/2021\/01\/TypskyltarLQ-480x320.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/p>\n<p><span><\/span><\/p>\n<p>[\/et_pb_toggle][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_toggle title=&#8221;How you can divert water&#8221; closed_toggle_background_color=&#8221;#FFFFFF&#8221; icon_color=&#8221;#0C71C3&#8243; toggle_icon=&#8221;&#xf055;||fa||900&#8243; open_icon_color=&#8221;#0C71C3&#8243; open_toggle_icon=&#8221;&#xf056;||fa||900&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; title_level=&#8221;h4&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Text&#8230;<\/p>\n<p>[\/et_pb_toggle][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Find the right tray Choose your heat pump manufacturer, model and climate and the drainage tray, drainage kit and accessories are recommended.Find the right products in secondsComplete solution for safe operationRecommendations from installers in the Nordic countries<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-18604","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/beta.climaco.com\/en\/wp-json\/wp\/v2\/pages\/18604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beta.climaco.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beta.climaco.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beta.climaco.com\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/beta.climaco.com\/en\/wp-json\/wp\/v2\/comments?post=18604"}],"version-history":[{"count":2,"href":"https:\/\/beta.climaco.com\/en\/wp-json\/wp\/v2\/pages\/18604\/revisions"}],"predecessor-version":[{"id":18607,"href":"https:\/\/beta.climaco.com\/en\/wp-json\/wp\/v2\/pages\/18604\/revisions\/18607"}],"wp:attachment":[{"href":"https:\/\/beta.climaco.com\/en\/wp-json\/wp\/v2\/media?parent=18604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}