{"title":"Indoor Water Heater","description":"","products":[{"product_id":"camplux-by264-indoor-gas-water-heater-10-litres-domestic-instantaneous-lpg-shower-for-household-butane-propane-3v-energy-class-a","title":"LPG Tankless Combi Boiler Instant Water Heater Indoor Domestic","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\" data-mce-fragment=\"1\"\u003e\n\u003cli class=\"a-spacing-mini\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"a-list-item\" data-mce-fragment=\"1\"\u003e2 Points Water Supply - Instantly delivers 10 litres of hot water per minute, meeting your hot water desires for bathroom shower and kitchen sink simultaneously in summer\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"a-list-item\" data-mce-fragment=\"1\"\u003eButane or Propane Gas Suitable - Just use the correct gas regulator. 28-30mbar for butane gas and 37mbar for propane gas. Gas fitting nut: G1\/2''\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"a-list-item\" data-mce-fragment=\"1\"\u003e2pcs D-Size Batteries Ignition - No 230V electricity mains required, it is great for tiny houses, mobile home, barns and other off-grid areas (batteries not included)\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"a-list-item\" data-mce-fragment=\"1\"\u003eEasy to Handle Temperature - Water temperature is easily to adjusted via gas and water control knobs. You can get your desired water temperature via the intuitive LED display\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"a-list-item\" data-mce-fragment=\"1\"\u003e108mm Exhuast Gas Outlet - You will need to intall a vent pipe to drain the exhaust gas outside normally. Flue tube 3 metres maximum\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"a-list-item\" data-mce-fragment=\"1\"\u003eIndoor Installation - Please install the appliance on the balcony, kitchen or other well-ventilated areas\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"a-list-item\" data-mce-fragment=\"1\"\u003e6 Protection Configurations - Anti-frozen protection, dry combustion protection, overheat protection, flame failure protection, low water pressure protection, high water pressure protection, caring for your family safety\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"camplux.uk","offers":[{"title":"Default Title","offer_id":49396586774831,"sku":"BY264","price":269.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0741\/6784\/5167\/files\/10LM_LP-01.jpg?v=1713859256"},{"product_id":"camplux-bd300-11-litres-gas-water-heater-indoor-low-nox-erp-domestic-instant-lpg-shower-for-household-3v-22kw-white","title":"11L Propane Gas Tankless Combi Boiler Instant Water Heater Indoor","description":"\u003cbody\u003e\n  \u003ctitle\u003eProduct page with energy efficiency\u003c\/title\u003e\n  \u003cstyle\u003e\n    #energyEfficiency {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin-bottom: 3px;\n    }\n\n    #energyEfficiency a {\n      color: #0077cc !important;\n      font-weight: bold;\n      text-decoration: underline;\n      cursor: pointer;\n      font-weight: 400;\n    }\n\n    #modalOverlay {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0, 0, 0, 0.5);\n      z-index: 9999;\n      justify-content: center;\n      align-items: center;\n      padding: 50px 20px;\n      box-sizing: border-box;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n    }\n\n    .modal-hidden {\n      display: none !important;\n    }\n\n    .modal-visible {\n      display: flex !important;\n    }\n\n    #modalContent {\n      background: #fff;\n      padding: 20px;\n      border-radius: 8px;\n      max-width: 800px;\n      width: 60%;\n      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n      max-height: 750px;\n      height: 750px;\n      overflow-y: auto;\n    }\n\n    #tabContents {\n      border: 1px solid #ddd;\n      padding: 10px;\n      min-height: 300px;\n    }\n\n    #tabContents img {\n      display: block;\n      max-width: 100%;\n      height: auto;\n    }\n\n    #modalContent header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      border-bottom: 1px solid #ddd;\n      padding-bottom: 10px;\n      margin-bottom: 10px;\n    }\n\n    .table th,\n    .rte table th {\n      border-bottom: none !important;\n    }\n\n    #modalContent header h4 {\n      margin: 0;\n    }\n\n    .rte table td {\n      font-size: 12px;\n      padding: 4px 8px;\n    }\n\n    [dir=ltr] .rte table th:not([class*=text--]) {\n      padding: 4px 8px;\n    }\n\n    #closeModal {\n      color: #3e3e3e !important border: none;\n      font-size: 29px;\n      cursor: pointer;\n      padding-left: 10px;\n      padding-right: 10px;\n    }\n  \u003c\/style\u003e\n\n  \u003cstyle\u003e\n    #tabsWrapper {\n      position: relative;\n      overflow: visible;\n      margin-bottom: 10px;\n    }\n\n    #tabsScroll {\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n    }\n\n    #tabs {\n      display: flex;\n      list-style: none;\n      padding: 0;\n      margin: 0;\n    }\n\n    @media screen and (max-width: 741px) {\n      #tabs {\n        flex-direction: row;\n        white-space: nowrap;\n      }\n    }\n\n    #tabs li {\n      padding: 10px;\n      cursor: pointer;\n      border: 1px solid #ddd;\n      border-bottom: none;\n      border-radius: 4px 4px 0 0;\n      margin-right: 5px;\n      background: #fff;\n      color: #000;\n    }\n\n    #tabs li.active {\n      background: rgb(160, 22, 18) !important;\n      color: #fff !important;\n    }\n\n    #tabSlider {\n      position: absolute;\n      bottom: -4px;\n      height: 2px;\n      background: #881613;\n      transition: left 0.6s ease, width 0.6s ease;\n      z-index: 9999;\n    }\n  \u003c\/style\u003e\n\n  \u003cstyle\u003e\n    .camplux-description-s1 {\n      line-height: 1.6;\n      font-size: 14px;\n      color: #333;\n      background-color: #f9f9f9;\n      padding: 20px;\n      border-radius: 8px;\n      border: 1px solid #e5e5e5;\n      margin: 0px 0;\n      margin-bottom: 5px;\n    }\n\n    .camplux-description-s1 strong {\n      color: #0077cc;\n    }\n\n    .camplux-description-s1 p {\n      margin: 0px 0;\n    }\n\n    .camplux-description-s1 br {\n      margin-bottom: 0px;\n    }\n\n    @media (max-width: 768px) {\n      .camplux-description-s1 {\n        font-size: 12px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .camplux-description-s2 {\n        font-size: 12px !important;\n      }\n    }\n\n    @media (max-width: 768px) {\n      #modalContent {\n        width: 100% !important;\n        max-height: 750px;\n        height: 750px;\n      }\n\n      #contentProdukt table td {\n        padding: 1px 8px !important;\n      }\n\n      #tabContents {\n        padding-bottom: 0px !important;\n      }\n\n      .table-wrapper {\n        padding-bottom: 0px !important;\n      }\n    }\n\n    @media (max-width: 768px) {\n      th[colspan=\"2\"] {\n        font-size: 12px !important;\n      }\n    }\n\n    .table-wrapper {\n      padding-bottom: 97px;\n    }\n\n    #contentProdukt table {\n      border-collapse: collapse;\n      width: 100%;\n      text-align: left;\n      font-size: 12px;\n      height: 100%;\n    }\n\n    #contentProdukt table th,\n    #contentProdukt table td {\n      font-size: 12px;\n      padding: 4px 8px;\n    }\n\n    #contentProdukt table td:first-child {\n      padding-left: 16px;\n    }\n\n    [dir=\"ltr\"] .rte table td:first-child {\n      padding-left: 16px;\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv id=\"energyEfficiency\"\u003e\n    \u003cdiv id=\"badge\" style=\"cursor: default\"\u003e\n      \u003csvg width=\"60\" height=\"24\" viewbox=\"0 0 59 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n        \u003cpath d=\"M0,0 L46.9,0 L58.6,12 L46.9,24 L0,24 Z\" fill=\"#00a451\"\u003e\u003c\/path\u003e\n        \u003ctext x=\"6\" y=\"20\" font-size=\"22\" fill=\"#ffffff\" style=\"font-weight: 600\"\u003e\n          A\n        \u003c\/text\u003e\n        \u003ctext x=\"21\" y=\"14\" font-size=\"14\" fill=\"#ffffff\"\u003e+\u003c\/text\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003ca href=\"javascript:void(0)\" id=\"productFicheLink\" style=\"padding-bottom: 6px\"\u003eProduct data sheet\u003c\/a\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv id=\"modalOverlay\" class=\"modal-hidden\"\u003e\n    \u003cdiv id=\"modalContent\"\u003e\n      \u003cheader\u003e\n        \u003ch4\u003eUK Label \u0026amp; Product data sheet\u003c\/h4\u003e\n        \u003cbutton id=\"closeModal\" aria-label=\"Close\"\u003e×\u003c\/button\u003e\n      \u003c\/header\u003e\n      \u003cdiv style=\"margin-top: 10px\"\u003e\n        \u003cdiv id=\"tabsWrapper\"\u003e\n          \u003cdiv id=\"tabsScroll\"\u003e\n            \u003cul id=\"tabs\"\u003e\n              \u003cli id=\"tabEnergie\" class=\"active\"\u003eEnergy efficiency\u003c\/li\u003e\n              \u003cli id=\"tabProdukt\"\u003eProduct data sheet\u003c\/li\u003e\n              \u003cli id=\"tabTechnische\"\u003eTechnical specification\u003c\/li\u003e\n            \u003c\/ul\u003e\n          \u003c\/div\u003e\n          \u003cspan id=\"tabSlider\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv id=\"tabContents\"\u003e\n          \u003cdiv id=\"contentEnergie\" style=\"display: block\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0741\/6784\/5167\/files\/BD300-energy_efficiency.png?v=1742540557\" alt=\"camplux BD300 Energy efficiency\" style=\"max-width: 100%\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv id=\"contentProdukt\" style=\"display: none\"\u003e\n            \u003ctable border=\"1\"\u003e\n              \u003cthead\u003e\n                \u003ctr\u003e\n                  \u003cth colspan=\"2\" style=\"text-align: left; font-weight: bold; font-size: 32px\"\u003e\n                    Product data sheet\n                  \u003c\/th\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003cth colspan=\"2\" style=\"text-align: left\"\u003e\n                    Delegated Regulation (UK) Nr. 812\/2013\n                  \u003c\/th\u003e\n                \u003c\/tr\u003e\n              \u003c\/thead\u003e\n              \u003ctbody\u003e\n                \u003ctr\u003e\n                  \u003ctd style=\"width: 50%\"\u003e\n                    Name or trade mark of the supplier\n                  \u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003eCAMPLUX\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eModel\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003eBD300\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eSpecified load profile\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003eM\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eClass for water heating energy efficiency\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003eA\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eWater heating energy efficiency\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e75 %\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eAnnual electricity consumption\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e- kWh\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eAnnual fuel consumption\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e6 GJ\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003cth colspan=\"2\" style=\"text-align: left\"\u003eMore information\u003c\/th\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eTemperature settings of the temperature controller\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e-\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eSound power level (indoors)\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e59 dB\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eSpecial precautions\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e-\u003c\/td\u003e\n                \u003c\/tr\u003e\n              \u003c\/tbody\u003e\n            \u003c\/table\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv id=\"contentTechnische\" style=\"display: none\"\u003e\n            \u003ctable border=\"1\"\u003e\n              \u003cthead\u003e\n                \u003ctr\u003e\n                  \u003cth colspan=\"2\" style=\"text-align: left; font-weight: bold; font-size: 32px\"\u003e\n                    Technical specification\n                  \u003c\/th\u003e\n                \u003c\/tr\u003e\n              \u003c\/thead\u003e\n              \u003ctbody\u003e\n                \u003ctr\u003e\n                  \u003ctd style=\"width: 50%\"\u003eMax. Hot water output\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e\n                    11 L\/min\n                  \u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eNominal heat input.\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e22 kW\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eGas pressure\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e37\/28-30mbar\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eType of gas\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e\n                    Propane gas or butane gas\n                  \u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eApplicable water pressure\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e\n                    0,25 ~ 10 bar\n                  \u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eOverheat protection\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e75 °C\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eGas connector\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003eG1\/2\"\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003ewater connector\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003eG1\/2\"\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003ePowered by\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e\n                    DC 3V\n                  \u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eSize (L x B x H)\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e\n                    550 x 325 x 214 mm\n                  \u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eProduct weight\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e10.2 kg\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd colspan=\"2\" style=\"text-align: left\"\u003e\n                    Included Components: 1 x CAMPLUX BD300 11L gas water heater, \n                    5 x ST4*30 mm screws, \n                    2 x M6*60 mm expansion bolts, \n                    3 x φ18.5*11.3mm gaskets, \n                    5 x 60mm anchors\n                    \n\n                  \u003c\/td\u003e\n                \u003c\/tr\u003e\n              \u003c\/tbody\u003e\n            \u003c\/table\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    function smoothScroll(element, to, duration) {\n      const start = element.scrollLeft;\n      const change = to - start;\n      const startTime = performance.now();\n      function easeInOutCubic(t) {\n        return t \u003c 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) \/ 2;\n      }\n      function animateScroll(currentTime) {\n        let elapsed = currentTime - startTime;\n        let t = elapsed \/ duration;\n        if (t \u003e 1) t = 1;\n        const ease = easeInOutCubic(t);\n        element.scrollLeft = start + change * ease;\n        if (elapsed \u003c duration) {\n          requestAnimationFrame(animateScroll);\n        } else {\n          element.scrollLeft = to;\n        }\n      }\n      requestAnimationFrame(animateScroll);\n    }\n  \u003c\/script\u003e\n\n  \u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      var modalOverlay = document.getElementById(\"modalOverlay\");\n      var productFicheLink = document.getElementById(\"productFicheLink\");\n      var closeModal = document.getElementById(\"closeModal\");\n\n      var tabEnergie = document.getElementById(\"tabEnergie\");\n      var tabProdukt = document.getElementById(\"tabProdukt\");\n      var tabTechnische = document.getElementById(\"tabTechnische\");\n\n      var contentEnergie = document.getElementById(\"contentEnergie\");\n      var contentProdukt = document.getElementById(\"contentProdukt\");\n      var contentTechnische = document.getElementById(\"contentTechnische\");\n\n      function switchTab(activeTab, activeContent) {\n        [tabEnergie, tabProdukt, tabTechnische].forEach(function (tab) {\n          tab.classList.remove(\"active\");\n        });\n        [contentEnergie, contentProdukt, contentTechnische].forEach(function (\n          content\n        ) {\n          content.style.transition = \"opacity 0.6s ease\";\n          content.style.opacity = 0;\n          content.style.display = \"none\";\n        });\n        activeTab.classList.add(\"active\");\n        activeContent.style.display = \"block\";\n        setTimeout(function () {\n          activeContent.style.opacity = 1;\n        }, 10);\n        updateSlider();\n        autoScrollTabs(activeTab);\n      }\n\n      function updateSlider() {\n        var tabsScroll = document.getElementById(\"tabsScroll\");\n        var tabs = document.getElementById(\"tabs\");\n        var activeTab = tabs.querySelector(\"li.active\");\n        var tabSlider = document.getElementById(\"tabSlider\");\n        if (activeTab) {\n          var offsetLeft = activeTab.offsetLeft - tabsScroll.scrollLeft;\n          tabSlider.style.left = offsetLeft + \"px\";\n          tabSlider.style.width = activeTab.offsetWidth + \"px\";\n        }\n      }\n\n      function autoScrollTabs(activeTab) {\n        if (window.innerWidth \u003c= 741) {\n          var tabsScroll = document.getElementById(\"tabsScroll\");\n          var containerWidth = tabsScroll.clientWidth;\n          if (activeTab.id === \"tabEnergie\") {\n            smoothScroll(tabsScroll, 0, 500);\n          } else if (activeTab.id === \"tabTechnische\") {\n            var maxScroll = tabsScroll.scrollWidth - containerWidth;\n            smoothScroll(tabsScroll, maxScroll, 500);\n          } else if (activeTab.id === \"tabProdukt\") {\n            var desiredScroll =\n              activeTab.offsetLeft +\n              activeTab.offsetWidth \/ 2 -\n              containerWidth \/ 2;\n            if (desiredScroll \u003c 0) desiredScroll = 0;\n            var maxScroll = tabsScroll.scrollWidth - containerWidth;\n            if (desiredScroll \u003e maxScroll) desiredScroll = maxScroll;\n            smoothScroll(tabsScroll, desiredScroll, 500);\n          }\n        }\n      }\n\n      document\n        .getElementById(\"tabsScroll\")\n        .addEventListener(\"scroll\", function () {\n          requestAnimationFrame(updateSlider);\n        });\n\n      productFicheLink.addEventListener(\"click\", function () {\n        modalOverlay.classList.remove(\"modal-hidden\");\n        modalOverlay.classList.add(\"modal-visible\");\n        setTimeout(function () {\n          switchTab(tabEnergie, contentEnergie);\n        }, 50);\n      });\n\n      modalOverlay.addEventListener(\"click\", function (e) {\n        if (e.target === modalOverlay) {\n          closeModalHandler();\n        }\n      });\n\n      closeModal.addEventListener(\"click\", closeModalHandler);\n\n      function closeModalHandler() {\n        modalOverlay.classList.remove(\"modal-visible\");\n        modalOverlay.classList.add(\"modal-hidden\");\n      }\n\n      tabEnergie.addEventListener(\"click\", function () {\n        switchTab(tabEnergie, contentEnergie);\n      });\n\n      tabProdukt.addEventListener(\"click\", function () {\n        switchTab(tabProdukt, contentProdukt);\n      });\n\n      tabTechnische.addEventListener(\"click\", function () {\n        switchTab(tabTechnische, contentTechnische);\n      });\n\n      window.addEventListener(\"resize\", updateSlider);\n\n      updateSlider();\n    });\n  \u003c\/script\u003e\n\n  \u003cdiv class=\"camplux-description-s1\"\u003e\n    \u003cstrong style=\"color: #1f1309\"\u003eUltra-low NOx Emission, efficient and instant hot water\u003c\/strong\u003e\n    \u003cp style=\"margin-top: 10px\"\u003e\n      The \u003cstrong\u003eCamplux BD300\u003c\/strong\u003e delivers in only\n      \u003cstrong\u003e5 seconds\u003c\/strong\u003e \u003cstrong\u003e11L\/min Hot water\u003c\/strong\u003e –\n      2 Points Water Supply,Satisfies both kitchen and bathroom hot water needs.\n      Safety oxygen-free copper heat exchanger, it ensures efficient, stable, and reliable performance. \n      Compact design, energy-saving operation—perfect for your home\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"camplux-description-s2\"\u003e\n    \u003ch5\u003eCAMPLUX BD300 11L Gas Tankless Indoor Domestic Instant LPG Water Heater\u003c\/h5\u003e\n    \u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n    \u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eUltra-low NOx Emission - Significantly reducing nitrogen oxide emissions, lower 56mg\/kWh. Complies with stringent environmental standards for a greener lifestyle. Energy class A.\u003c\/span\u003e\u003c\/li\u003e\n    \u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eOxygen-free Copper Heat Exchanger - Water heats up in 5 seconds. Antibacterial rate up to 99.99%, making the hot water more hygienic and purer, caring for your family's health.\u003c\/span\u003e\u003c\/li\u003e\n    \u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e2 Points Water Supply - Instantly delivering 11 litres of hot water per minute, meeting your hot water desires for bathroom shower and kitchen sink simultaneously.\u003c\/span\u003e\u003c\/li\u003e\n    \u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eButane or Propane Gas Convertible - Just use the correct gas regulator. 28-30mbar for butane gas and 37mbar for propane gas. Gas fitting nut: G1\/2''\u003c\/span\u003e\u003c\/li\u003e\n    \u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eConvenient Ignition - Automatically ignited by 2-D-cell batteries, and no 230V electricity mains required (batteries not included).\u003c\/span\u003e\u003c\/li\u003e\n    \u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eEasy to Handle Temperature - Water temperature is easily to adjusted via gas and water control knobs. You can get your desired water temperature via the intuitive LED display.\u003c\/span\u003e\u003c\/li\u003e\n    \u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e108mm Exhuast Gas Outlet - You will need to intall a vent pipe to drain the exhaust gas outside normally. Flue tube 3 metres maximum.\u003c\/span\u003e\u003c\/li\u003e\n    \u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eIndoor Installation - Please install the appliance on the balcony, kitchen or other well-ventilated areas.\u003c\/span\u003e\u003c\/li\u003e\n    \u003c\/ul\u003e\n    \n  \u003c\/div\u003e\n\u003c\/body\u003e","brand":"camplux.uk","offers":[{"title":"Default Title","offer_id":49396600930607,"sku":"BD300-LP","price":279.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0741\/6784\/5167\/files\/11LM_LP-01.jpg?v=1713859508"},{"product_id":"camplux-bd300ng-11-l-min-gas-water-heater-domestic-low-nox-erp-indoor-natural-gas-shower-for-household-bathroom-kitchen","title":"11L Natural Gas Tankless Combi Boiler Instant Water Heater Indoor","description":"\u003cbody\u003e\n  \u003ctitle\u003eProduct page with energy efficiency\u003c\/title\u003e\n  \u003cstyle\u003e\n    #energyEfficiency {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin-bottom: 3px;\n    }\n\n    #energyEfficiency a {\n      color: #0077cc !important;\n      font-weight: bold;\n      text-decoration: underline;\n      cursor: pointer;\n      font-weight: 400;\n    }\n\n    #modalOverlay {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0, 0, 0, 0.5);\n      z-index: 9999;\n      justify-content: center;\n      align-items: center;\n      padding: 50px 20px;\n      box-sizing: border-box;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n    }\n\n    .modal-hidden {\n      display: none !important;\n    }\n\n    .modal-visible {\n      display: flex !important;\n    }\n\n    #modalContent {\n      background: #fff;\n      padding: 20px;\n      border-radius: 8px;\n      max-width: 800px;\n      width: 60%;\n      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n      max-height: 750px;\n      height: 750px;\n      overflow-y: auto;\n    }\n\n    #tabContents {\n      border: 1px solid #ddd;\n      padding: 10px;\n      min-height: 300px;\n    }\n\n    #tabContents img {\n      display: block;\n      max-width: 100%;\n      height: auto;\n    }\n\n    #modalContent header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      border-bottom: 1px solid #ddd;\n      padding-bottom: 10px;\n      margin-bottom: 10px;\n    }\n\n    .table th,\n    .rte table th {\n      border-bottom: none !important;\n    }\n\n    #modalContent header h4 {\n      margin: 0;\n    }\n\n    .rte table td {\n      font-size: 12px;\n      padding: 4px 8px;\n    }\n\n    [dir=ltr] .rte table th:not([class*=text--]) {\n      padding: 4px 8px;\n    }\n\n    #closeModal {\n      color: #3e3e3e !important border: none;\n      font-size: 29px;\n      cursor: pointer;\n      padding-left: 10px;\n      padding-right: 10px;\n    }\n  \u003c\/style\u003e\n\n  \u003cstyle\u003e\n    #tabsWrapper {\n      position: relative;\n      overflow: visible;\n      margin-bottom: 10px;\n    }\n\n    #tabsScroll {\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: none;\n    }\n\n    #tabs {\n      display: flex;\n      list-style: none;\n      padding: 0;\n      margin: 0;\n    }\n\n    @media screen and (max-width: 741px) {\n      #tabs {\n        flex-direction: row;\n        white-space: nowrap;\n      }\n    }\n\n    #tabs li {\n      padding: 10px;\n      cursor: pointer;\n      border: 1px solid #ddd;\n      border-bottom: none;\n      border-radius: 4px 4px 0 0;\n      margin-right: 5px;\n      background: #fff;\n      color: #000;\n    }\n\n    #tabs li.active {\n      background: rgb(160, 22, 18) !important;\n      color: #fff !important;\n    }\n\n    #tabSlider {\n      position: absolute;\n      bottom: -4px;\n      height: 2px;\n      background: #881613;\n      transition: left 0.6s ease, width 0.6s ease;\n      z-index: 9999;\n    }\n  \u003c\/style\u003e\n\n  \u003cstyle\u003e\n    .camplux-description-s1 {\n      line-height: 1.6;\n      font-size: 14px;\n      color: #333;\n      background-color: #f9f9f9;\n      padding: 20px;\n      border-radius: 8px;\n      border: 1px solid #e5e5e5;\n      margin: 0px 0;\n      margin-bottom: 5px;\n    }\n\n    .camplux-description-s1 strong {\n      color: #0077cc;\n    }\n\n    .camplux-description-s1 p {\n      margin: 0px 0;\n    }\n\n    .camplux-description-s1 br {\n      margin-bottom: 0px;\n    }\n\n    @media (max-width: 768px) {\n      .camplux-description-s1 {\n        font-size: 12px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .camplux-description-s2 {\n        font-size: 12px !important;\n      }\n    }\n\n    @media (max-width: 768px) {\n      #modalContent {\n        width: 100% !important;\n        max-height: 750px;\n        height: 750px;\n      }\n\n      #contentProdukt table td {\n        padding: 1px 8px !important;\n      }\n\n      #tabContents {\n        padding-bottom: 0px !important;\n      }\n\n      .table-wrapper {\n        padding-bottom: 0px !important;\n      }\n    }\n\n    @media (max-width: 768px) {\n      th[colspan=\"2\"] {\n        font-size: 12px !important;\n      }\n    }\n\n    .table-wrapper {\n      padding-bottom: 97px;\n    }\n\n    #contentProdukt table {\n      border-collapse: collapse;\n      width: 100%;\n      text-align: left;\n      font-size: 12px;\n      height: 100%;\n    }\n\n    #contentProdukt table th,\n    #contentProdukt table td {\n      font-size: 12px;\n      padding: 4px 8px;\n    }\n\n    #contentProdukt table td:first-child {\n      padding-left: 16px;\n    }\n\n    [dir=\"ltr\"] .rte table td:first-child {\n      padding-left: 16px;\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv id=\"energyEfficiency\"\u003e\n    \u003cdiv id=\"badge\" style=\"cursor: default\"\u003e\n      \u003csvg width=\"60\" height=\"24\" viewbox=\"0 0 59 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n        \u003cpath d=\"M0,0 L46.9,0 L58.6,12 L46.9,24 L0,24 Z\" fill=\"#00a451\"\u003e\u003c\/path\u003e\n        \u003ctext x=\"6\" y=\"20\" font-size=\"22\" fill=\"#ffffff\" style=\"font-weight: 600\"\u003e\n          A\n        \u003c\/text\u003e\n        \u003ctext x=\"21\" y=\"14\" font-size=\"14\" fill=\"#ffffff\"\u003e+\u003c\/text\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003ca href=\"javascript:void(0)\" id=\"productFicheLink\" style=\"padding-bottom: 6px\"\u003eProduct data sheet\u003c\/a\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv id=\"modalOverlay\" class=\"modal-hidden\"\u003e\n    \u003cdiv id=\"modalContent\"\u003e\n      \u003cheader\u003e\n        \u003ch4\u003eUK Label \u0026amp; Product data sheet\u003c\/h4\u003e\n        \u003cbutton id=\"closeModal\" aria-label=\"Close\"\u003e×\u003c\/button\u003e\n      \u003c\/header\u003e\n      \u003cdiv style=\"margin-top: 10px\"\u003e\n        \u003cdiv id=\"tabsWrapper\"\u003e\n          \u003cdiv id=\"tabsScroll\"\u003e\n            \u003cul id=\"tabs\"\u003e\n              \u003cli id=\"tabEnergie\" class=\"active\"\u003eEnergy efficiency\u003c\/li\u003e\n              \u003cli id=\"tabProdukt\"\u003eProduct data sheet\u003c\/li\u003e\n              \u003cli id=\"tabTechnische\"\u003eTechnical specification\u003c\/li\u003e\n            \u003c\/ul\u003e\n          \u003c\/div\u003e\n          \u003cspan id=\"tabSlider\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv id=\"tabContents\"\u003e\n          \u003cdiv id=\"contentEnergie\" style=\"display: block\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0741\/6784\/5167\/files\/BD300NG-energy_efficiency.png?v=1742540557\" alt=\"camplux BD300NG Energy efficiency\" style=\"max-width: 100%\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv id=\"contentProdukt\" style=\"display: none\"\u003e\n            \u003ctable border=\"1\"\u003e\n              \u003cthead\u003e\n                \u003ctr\u003e\n                  \u003cth colspan=\"2\" style=\"text-align: left; font-weight: bold; font-size: 32px\"\u003e\n                    Product data sheet\n                  \u003c\/th\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003cth colspan=\"2\" style=\"text-align: left\"\u003e\n                    Delegated Regulation (UK) Nr. 812\/2013\n                  \u003c\/th\u003e\n                \u003c\/tr\u003e\n              \u003c\/thead\u003e\n              \u003ctbody\u003e\n                \u003ctr\u003e\n                  \u003ctd style=\"width: 50%\"\u003e\n                    Name or trade mark of the supplier\n                  \u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003eCAMPLUX\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eModel\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003eBD300NG\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eSpecified load profile\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003eM\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eClass for water heating energy efficiency\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003eA\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eWater heating energy efficiency\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e75 %\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eAnnual electricity consumption\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e- kWh\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eAnnual fuel consumption\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e6 GJ\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003cth colspan=\"2\" style=\"text-align: left\"\u003eMore information\u003c\/th\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eTemperature settings of the temperature controller\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e-\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eSound power level (indoors)\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e59 dB\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eSpecial precautions\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e-\u003c\/td\u003e\n                \u003c\/tr\u003e\n              \u003c\/tbody\u003e\n            \u003c\/table\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv id=\"contentTechnische\" style=\"display: none\"\u003e\n            \u003ctable border=\"1\"\u003e\n              \u003cthead\u003e\n                \u003ctr\u003e\n                  \u003cth colspan=\"2\" style=\"text-align: left; font-weight: bold; font-size: 32px\"\u003e\n                    Technical specification\n                  \u003c\/th\u003e\n                \u003c\/tr\u003e\n              \u003c\/thead\u003e\n              \u003ctbody\u003e\n                \u003ctr\u003e\n                  \u003ctd style=\"width: 50%\"\u003eMax. Hot water output\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e\n                    11 L\/min\n                  \u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eNominal heat input.\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e22 kW\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eGas pressure\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e20mbar\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eType of gas\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e\n                    Natural Gas\n                  \u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eApplicable water pressure\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e\n                    0,25 ~ 10 bar\n                  \u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eOverheat protection\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e75 °C\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eGas connector\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003eG1\/2\"\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eWater connector\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003eG1\/2\"\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003ePowered by\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e\n                    DC 3V\n                  \u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eSize (L x B x H)\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e\n                    550 x 325 x 214 mm\n                  \u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd\u003eProduct weight\u003c\/td\u003e\n                  \u003ctd style=\"text-align: center; font-weight: bold\"\u003e10.2 kg\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                  \u003ctd colspan=\"2\" style=\"text-align: left\"\u003e\n                    Included Components: 1 x CAMPLUX BD300 11L gas water heater, \n                    5 x ST4*30 mm screws, \n                    2 x M6*60 mm expansion bolts, \n                    3 x φ18.5*11.3mm gaskets, \n                    5 x 60mm anchors\n                    \n\n                  \u003c\/td\u003e\n                \u003c\/tr\u003e\n              \u003c\/tbody\u003e\n            \u003c\/table\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    function smoothScroll(element, to, duration) {\n      const start = element.scrollLeft;\n      const change = to - start;\n      const startTime = performance.now();\n      function easeInOutCubic(t) {\n        return t \u003c 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) \/ 2;\n      }\n      function animateScroll(currentTime) {\n        let elapsed = currentTime - startTime;\n        let t = elapsed \/ duration;\n        if (t \u003e 1) t = 1;\n        const ease = easeInOutCubic(t);\n        element.scrollLeft = start + change * ease;\n        if (elapsed \u003c duration) {\n          requestAnimationFrame(animateScroll);\n        } else {\n          element.scrollLeft = to;\n        }\n      }\n      requestAnimationFrame(animateScroll);\n    }\n  \u003c\/script\u003e\n\n  \u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      var modalOverlay = document.getElementById(\"modalOverlay\");\n      var productFicheLink = document.getElementById(\"productFicheLink\");\n      var closeModal = document.getElementById(\"closeModal\");\n\n      var tabEnergie = document.getElementById(\"tabEnergie\");\n      var tabProdukt = document.getElementById(\"tabProdukt\");\n      var tabTechnische = document.getElementById(\"tabTechnische\");\n\n      var contentEnergie = document.getElementById(\"contentEnergie\");\n      var contentProdukt = document.getElementById(\"contentProdukt\");\n      var contentTechnische = document.getElementById(\"contentTechnische\");\n\n      function switchTab(activeTab, activeContent) {\n        [tabEnergie, tabProdukt, tabTechnische].forEach(function (tab) {\n          tab.classList.remove(\"active\");\n        });\n        [contentEnergie, contentProdukt, contentTechnische].forEach(function (\n          content\n        ) {\n          content.style.transition = \"opacity 0.6s ease\";\n          content.style.opacity = 0;\n          content.style.display = \"none\";\n        });\n        activeTab.classList.add(\"active\");\n        activeContent.style.display = \"block\";\n        setTimeout(function () {\n          activeContent.style.opacity = 1;\n        }, 10);\n        updateSlider();\n        autoScrollTabs(activeTab);\n      }\n\n      function updateSlider() {\n        var tabsScroll = document.getElementById(\"tabsScroll\");\n        var tabs = document.getElementById(\"tabs\");\n        var activeTab = tabs.querySelector(\"li.active\");\n        var tabSlider = document.getElementById(\"tabSlider\");\n        if (activeTab) {\n          var offsetLeft = activeTab.offsetLeft - tabsScroll.scrollLeft;\n          tabSlider.style.left = offsetLeft + \"px\";\n          tabSlider.style.width = activeTab.offsetWidth + \"px\";\n        }\n      }\n\n      function autoScrollTabs(activeTab) {\n        if (window.innerWidth \u003c= 741) {\n          var tabsScroll = document.getElementById(\"tabsScroll\");\n          var containerWidth = tabsScroll.clientWidth;\n          if (activeTab.id === \"tabEnergie\") {\n            smoothScroll(tabsScroll, 0, 500);\n          } else if (activeTab.id === \"tabTechnische\") {\n            var maxScroll = tabsScroll.scrollWidth - containerWidth;\n            smoothScroll(tabsScroll, maxScroll, 500);\n          } else if (activeTab.id === \"tabProdukt\") {\n            var desiredScroll =\n              activeTab.offsetLeft +\n              activeTab.offsetWidth \/ 2 -\n              containerWidth \/ 2;\n            if (desiredScroll \u003c 0) desiredScroll = 0;\n            var maxScroll = tabsScroll.scrollWidth - containerWidth;\n            if (desiredScroll \u003e maxScroll) desiredScroll = maxScroll;\n            smoothScroll(tabsScroll, desiredScroll, 500);\n          }\n        }\n      }\n\n      document\n        .getElementById(\"tabsScroll\")\n        .addEventListener(\"scroll\", function () {\n          requestAnimationFrame(updateSlider);\n        });\n\n      productFicheLink.addEventListener(\"click\", function () {\n        modalOverlay.classList.remove(\"modal-hidden\");\n        modalOverlay.classList.add(\"modal-visible\");\n        setTimeout(function () {\n          switchTab(tabEnergie, contentEnergie);\n        }, 50);\n      });\n\n      modalOverlay.addEventListener(\"click\", function (e) {\n        if (e.target === modalOverlay) {\n          closeModalHandler();\n        }\n      });\n\n      closeModal.addEventListener(\"click\", closeModalHandler);\n\n      function closeModalHandler() {\n        modalOverlay.classList.remove(\"modal-visible\");\n        modalOverlay.classList.add(\"modal-hidden\");\n      }\n\n      tabEnergie.addEventListener(\"click\", function () {\n        switchTab(tabEnergie, contentEnergie);\n      });\n\n      tabProdukt.addEventListener(\"click\", function () {\n        switchTab(tabProdukt, contentProdukt);\n      });\n\n      tabTechnische.addEventListener(\"click\", function () {\n        switchTab(tabTechnische, contentTechnische);\n      });\n\n      window.addEventListener(\"resize\", updateSlider);\n\n      updateSlider();\n    });\n  \u003c\/script\u003e\n\n  \u003cdiv class=\"camplux-description-s1\"\u003e\n    \u003cstrong style=\"color: #1f1309\"\u003eUltra-low NOx Emission, Efficient and Instant Hot Water\u003c\/strong\u003e\n    \u003cp style=\"margin-top: 10px\"\u003e\n      The \u003cstrong\u003eCamplux BD300NG\u003c\/strong\u003e delivers in only\n      \u003cstrong\u003e5 seconds\u003c\/strong\u003e \u003cstrong\u003e11L\/min Hot water\u003c\/strong\u003e –\n      2 points water supply,satisfies both kitchen and bathroom hot water needs.\n      Safety oxygen-free copper heat exchanger, it ensures efficient, stable, and reliable performance. \n      Compact design, energy-saving operation—perfect for your home\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"camplux-description-s2\"\u003e\n    \u003ch5\u003eCAMPLUX BD300NG 11 L\/min  Indoor Natural Gas Domestic Instant Water Heater\u003c\/h5\u003e\n    \u003cul class=\"a-unordered-list a-vertical a-spacing-mini\" data-mce-fragment=\"1\"\u003e\n      \u003cli class=\"a-spacing-mini\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"a-list-item\" data-mce-fragment=\"1\"\u003eUltra-low NOx emission- Significantly reducing nitrogen oxide emissions, lower 56mg\/kWh. Complies with stringent environmental standards for a greener lifestyle. Energy class A.\u003c\/span\u003e\u003c\/li\u003e\n      \u003cli class=\"a-spacing-mini\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"a-list-item\" data-mce-fragment=\"1\"\u003e2 Points Water Supply - Produces 11 litres of hot water per minute, meeting your hot water desires for bathroom shower and kitchen sink simultaneously.\u003c\/span\u003e\u003c\/li\u003e\n      \u003cli class=\"a-spacing-mini\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"a-list-item\" data-mce-fragment=\"1\"\u003eFueled by natural gas and powered by 2-D-cell batteries. No 230V electricity mains required (batteries not included).\u003c\/span\u003e\u003c\/li\u003e\n      \u003cli class=\"a-spacing-mini\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"a-list-item\" data-mce-fragment=\"1\"\u003eOxygen-free heat exchanger, optimize thermal conductivity and extend the lifespan of the heat exchanger, ensuring long-term reliability. With copper ion in water, bacterial growth is effectively inhibited, which makes the hot water more hygienic and purer, caring for your family's health.\u003c\/span\u003e\u003c\/li\u003e\n      \u003cli class=\"a-spacing-mini\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"a-list-item\" data-mce-fragment=\"1\"\u003e108mm Exhuast Gas Outlet - You will need to intall a vent pipe to drain the exhaust gas outside normally. Flue tube 3 metres maximum. Please install the appliance on the balcony or in your kitchen.\u003c\/span\u003e\u003c\/li\u003e\n      \u003cli class=\"a-spacing-mini\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"a-list-item\" data-mce-fragment=\"1\"\u003eWater temperature is easily to adjusted via gas and water control knobs. You can get your desired water temperature via the intuitive LED display.\u003c\/span\u003e\u003c\/li\u003e\n      \u003cli class=\"a-spacing-mini\" data-mce-fragment=\"1\"\u003e\u003cspan class=\"a-list-item\" data-mce-fragment=\"1\"\u003eOnly need 0.25 bar water pressure to start up, great for old communities, high-rise residential areas and other areas during peak water use periods.\u003c\/span\u003e\u003c\/li\u003e\n      \u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"camplux.uk","offers":[{"title":"Default Title","offer_id":49396611547439,"sku":"BD300-NG","price":279.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0741\/6784\/5167\/files\/11LM_LP-01_07709a8e-0499-4ac3-8a1d-070cb484b6e0.jpg?v=1713859678"},{"product_id":"camplux-climatech-4-gas-water-heater-indoor-12-l-min-domestic-lpg-gas-shower-for-bathroom-kitchen-28-50-mbar-gx318lp","title":"12L Propane Gas Instant Water Heater Tankless Indoor Shower","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e12 L\/min High Flow Rate: Delivers up to 24 kW of heating power, supplying 2 water points simultaneously, ideal for daily needs like showers and kitchen use\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e±1°C Precise Temperature Control: Enjoy a consistently comfortable shower, no more hot-cold surprises\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eSleek \u0026amp; Space-Saving Design: Compact size (350×193×550 mm) fits perfectly in apartments, small homes, and cabins with LPG installations\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eBalanced Flue System (60\/100 mm): Compatible with both coaxial and twin-pipe flue setups for safe indoor installation in enclosed spaces. Easily replaces most existing systems\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eFlexible LPG Installation: Supports a wide LPG pressure range (28-50 mbar) for easy setup in various residential gas systems\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eBuilt-in Anti-Freeze Protection: Equipped with 4 internal anti-freeze modules to ensure reliable performance in cold weather conditions\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eLow NOx Technology: Advanced burner design reduces nitrogen oxide emissions to below 46  mg\/kWh, meeting strict European efficiency and sustainability standards\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"camplux.uk","offers":[{"title":"Default Title","offer_id":51770906870063,"sku":"GX318-LP","price":359.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0741\/6784\/5167\/files\/GX318LP1.png?v=1755140445"},{"product_id":"gx318ng-12-l-min-natural-gas-climatech-4-indoor-gas-water-heater","title":"12L Natural Gas Instant Water Heater Tankless Indoor Shower","description":"\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e12 L\/min High Flow Rate: Delivers up to 24 kW of heating power, supplying 2 water points simultaneously, ideal for daily needs like showers and kitchen use\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e±1°C Precise Temperature Control: Enjoy a consistently comfortable shower, no more hot-cold surprises\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eCompact Design for Tight Spaces: At just 350×193×550 mm, it’s ideal for NG-equipped apartments, cabins, and space-limited homes\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eBalanced Flue System (φ60\/100 mm): Compatible with both coaxial and twin-pipe flue setups for safe indoor installation in enclosed spaces. Easily replaces most existing systems\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eFlexible Natural Gas Installation: Supports standard European natural gas pressure of 20 mbar for easy setup in various residential gas systems\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eBuilt-in Anti-Freeze Protection: Equipped with 4 internal anti-freeze modules to ensure reliable performance in cold weather conditions\u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003eLow NOx Technology: Advanced burner design reduces nitrogen oxide emissions to below 46 mg\/kWh, meeting strict European efficiency and sustainability standards\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"camplux.uk","offers":[{"title":"Default Title","offer_id":51771088732463,"sku":"GX318-NG","price":219.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0741\/6784\/5167\/files\/GX318NG1.png?v=1755141006"},{"product_id":"indoor-tankless-gas-water-heaters","title":"Indoor Tankless Gas Water Heaters","description":"\u003ch4\u003eIndoor Tankless Gas Water Heaters – Reliable Instant Hot Water for UK Homes\u003c\/h4\u003e\n\u003cp\u003eDiscover our premium range of \u003cstrong\u003eindoor tankless gas water heaters\u003c\/strong\u003e designed for safe, efficient, and endless hot water in UK bathrooms, kitchens, and whole-home use. Say goodbye to cold showers and bulky storage tanks – enjoy on-demand instant heating with compact, energy-saving combi boilers and shower models.\u003c\/p\u003e\n\u003ch4\u003eWhy Choose Camplux Indoor Tankless Water Heaters?\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eInstant \u0026amp; Endless Hot Water\u003c\/strong\u003e – Tankless design heats water on demand, perfect for families and daily use\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePropane or Natural Gas Options\u003c\/strong\u003e – 10L \u0026amp; 11L \u0026amp; 12L models available to suit your fuel type and home setup\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCompact Indoor Installation\u003c\/strong\u003e – Space-saving and suitable for domestic bathrooms, kitchens, and utility rooms\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnergy Efficient \u0026amp; Safe\u003c\/strong\u003e – Advanced combustion technology for lower running costs and reliable performance\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUK Compliant \u0026amp; Easy Setup\u003c\/strong\u003e – Meets British standards with professional installation recommended\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\u003e\n\u003cp\u003e✦All products come with free UK shipping on orders over a certain amount, plus exclusive discounts for new subscribers.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"camplux.uk","offers":[{"title":"10L\/Min","offer_id":52392078147887,"sku":null,"price":259.99,"currency_code":"GBP","in_stock":true},{"title":"11L\/Min-Propane","offer_id":52392078180655,"sku":null,"price":299.99,"currency_code":"GBP","in_stock":true},{"title":"11L\/Min-Natural Gas","offer_id":52392078213423,"sku":null,"price":299.99,"currency_code":"GBP","in_stock":true},{"title":"12L\/Min-Propane","offer_id":52392078246191,"sku":null,"price":359.99,"currency_code":"GBP","in_stock":true},{"title":"12L\/Min-Natural Gas","offer_id":52392078278959,"sku":null,"price":359.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0741\/6784\/5167\/files\/BY264.png?v=1767927446"}],"url":"https:\/\/camplux.uk\/collections\/indoor-water-heater.oembed?page=2","provider":"camplux.uk","version":"1.0","type":"link"}