{"title":"Onsen Products","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026display=swap');\n\n        \/* Scoped container with optimized tight padding to reduce vertical whitespace *\/\n        .onsen-collection-wrapper {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            background-color: transparent !important;\n            color: #ffffff !important; \n            max-width: 720px;\n            margin: 0 auto;\n            padding: 12px 15px;\n            box-sizing: border-box;\n        }\n\n        .onsen-collection-wrapper * { \n            box-sizing: border-box; \n        }\n\n        \/* Design tokens for the brand color palette *\/\n        .onsen-collection-wrapper {\n            --on-blue: #56beda;        \n            --on-red: #e01d3a;         \n            --on-dark: #ffffff;        \n            --on-muted: #94a3b8;       \n            --on-border: rgba(255, 255, 255, 0.15); \n        }\n\n        \/* Layout for the centered convection indicator with reduced bottom margin *\/\n        .onsen-collection-wrapper .convection-badge-row {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            margin-bottom: 16px;\n        }\n\n        .onsen-collection-wrapper .convection-arrow {\n            width: 14px;\n            height: 14px;\n            flex-shrink: 0;\n            display: block;\n        }\n\n        .onsen-collection-wrapper .tri-down-arrow {\n            fill: var(--on-blue);\n            animation: glideDown 3s infinite ease-in-out;\n        }\n\n        .onsen-collection-wrapper .tri-up-arrow {\n            fill: var(--on-red);\n            animation: glideUp 3s infinite ease-in-out;\n        }\n\n        @keyframes glideDown {\n            0%, 100% { transform: translateY(-2px); }\n            50% { transform: translateY(2px); }\n        }\n\n        @keyframes glideUp {\n            0%, 100% { transform: translateY(2px); }\n            50% { transform: translateY(-2px); }\n        }\n\n        .onsen-collection-wrapper .status-text {\n            font-size: 11px;\n            font-weight: 800;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            color: var(--on-dark);\n        }\n\n        \/* Typography spacing rules optimized to prevent overlapping and bunching *\/\n        .onsen-collection-wrapper .lead-text {\n            font-size: 14.5px;\n            color: #f1f5f9; \n            font-weight: 400;\n            margin: 0 0 18px 0;\n            line-height: 1.5;\n            text-align: center;\n        }\n\n        \/* CSS transition rules for highlight elements *\/\n        .onsen-collection-wrapper .highlight-blue,\n        .onsen-collection-wrapper .highlight-red {\n            transition: color 0.3s ease-in-out;\n        }\n\n        .onsen-collection-wrapper .highlight-blue {\n            color: var(--on-blue);\n            font-weight: 700;\n        }\n\n        .onsen-collection-wrapper .highlight-red {\n            color: var(--on-red);\n            font-weight: 700;\n        }\n\n        \/* Footer layout separating links and tags with tighter top margin *\/\n        .onsen-collection-wrapper .category-footer {\n            border-top: 1px solid var(--on-border);\n            padding: 12px 12px 10px 12px;\n            margin-top: 24px;\n            display: flex !important;\n            flex-direction: row !important;\n            flex-wrap: nowrap !important;\n            align-items: center !important;\n            justify-content: space-between !important;\n            gap: 15px;\n            width: 100%;\n        }\n\n        .onsen-collection-wrapper .footer-tag {\n            font-size: 11px;\n            font-weight: 800;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: var(--on-red);\n            flex: 1;\n        }\n\n        .onsen-collection-wrapper .support-prompt {\n            font-size: 12px;\n            color: #e2e8f0; \n            font-weight: 500;\n            text-align: right;\n            flex: 1;\n        }\n\n        .onsen-collection-wrapper .support-prompt a {\n            color: var(--on-blue);\n            font-weight: 700;\n            text-decoration: underline;\n            white-space: nowrap !important;\n            display: inline-block;\n        }\n\n        @media screen and (max-width: 768px) {\n            .onsen-collection-wrapper .lead-text { font-size: 13.5px; margin-bottom: 14px; }\n            .onsen-collection-wrapper .category-footer { padding: 10px 4px 6px 4px; margin-top: 18px; }\n            .onsen-collection-wrapper .footer-tag { font-size: 10px; }\n            .onsen-collection-wrapper .support-prompt { font-size: 10px; }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"onsen-collection-wrapper\"\u003e\n    \u003c!-- Centered brand convection indicator --\u003e\n    \u003cdiv class=\"convection-badge-row\"\u003e\n        \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n            \u003cpolygon class=\"tri-down-arrow\" points=\"2,4 22,4 12,20\"\u003e\u003c\/polygon\u003e\n        \u003c\/svg\u003e\n        \u003cspan class=\"status-text\"\u003eInstant Hot Water Anywhere\u003c\/span\u003e\n        \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n            \u003cpolygon class=\"tri-up-arrow\" points=\"12,4 22,20 2,20\"\u003e\u003c\/polygon\u003e\n        \u003c\/svg\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Core narrative elements with highlights distributed across paragraphs to spread out colors --\u003e\n    \u003cp class=\"lead-text\"\u003e\n        Bring the complete comfort of home utilities to your off-grid locations. Engineered to deliver rapid, on-demand warmth directly to campsites, hunting cabins, trekking base camps, RVs, and marine vessels, the Onsen family of portable tankless water heaters is built for the rugged demands of outdoor life. Uniquely designed for remote settings, our systems feature a proprietary \u003cspan class=\"highlight-blue\"\u003e3V\/12V dual-powered ignition\u003c\/span\u003e to ensure reliable activation anywhere.\n    \u003c\/p\u003e\n    \u003cp class=\"lead-text\"\u003e\n        Drawing upon over ten years of Canadian field experience and valuable customer feedback, Onsen systems are equipped with ruggedized multi-spray handheld shower heads and comprehensive, bilingual technical support in English and French. We back our rugged engineering with an industry-leading \u003cspan class=\"highlight-red\"\u003e2-year warranty\u003c\/span\u003e, because once you experience instant hot water in the wilderness, you never go back.\n    \u003c\/p\u003e\n\n    \u003c!-- Footer block --\u003e\n    \u003cdiv class=\"category-footer\"\u003e\n        \u003cdiv class=\"footer-tag\"\u003ePROUDLY CANADIAN\u003c\/div\u003e\n        \u003cdiv class=\"support-prompt\"\u003eNeed help? \u003ca href=\"https:\/\/share.hsforms.com\/1gcABoX2FRCa8LnBu0QtmFgrbc1e\" target=\"_blank\"\u003eContact Cabin Depot Online\u003c\/a\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","products":[{"product_id":"onsen-5l-portable-tankless-water-heater","title":"Onsen 5L Portable Tankless Water Heater","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026display=swap');\n\n        \/* Scoped Container to Prevent Theme Bleeding - Onsen Custom Light Theme *\/\n        .onsen-prod-wrapper {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            background-color: transparent !important;\n            color: #0f172a !important; \n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 5px 15px 15px;\n            line-height: 1.5;\n            box-sizing: border-box;\n        }\n\n        .onsen-prod-wrapper * { \n            box-sizing: border-box; \n        }\n\n        \/* Onsen Nature-Comfort Design Tokens (Light Mode \/ Dark Text) *\/\n        .onsen-prod-wrapper {\n            --on-blue: #56beda;        \n            --on-red: #e01d3a;         \n            --on-dark: #0f172a;        \n            --on-muted: #475569;       \n            --on-border: #cbd5e1;      \n        }\n\n        \/* Centered Brand Identifier Header with Flanking Animations *\/\n        .onsen-prod-wrapper .brand-header-area {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n\n        .onsen-prod-wrapper h1 {\n            font-size: 28px;\n            font-weight: 900;\n            color: var(--on-dark);\n            line-height: 1.2;\n            margin: 0;\n            letter-spacing: -0.75px;\n        }\n\n        \/* Subtitle \u0026 Sub-Header Styling *\/\n        .onsen-prod-wrapper .sub-header {\n            font-size: 15px;\n            color: var(--on-muted);\n            font-weight: 500;\n            line-height: 1.4;\n            margin: 12px auto 0 auto;\n            text-align: center;\n            max-width: 720px;\n        }\n\n        \/* Simplified Sales Highlights List without boxes or emojis *\/\n        .onsen-prod-wrapper .sales-highlights {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px 30px;\n            margin: 30px 0 40px 0;\n        }\n\n        .onsen-prod-wrapper .highlight-item {\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n\n        .onsen-prod-wrapper .highlight-item h4 {\n            margin: 0;\n            font-size: 14px;\n            font-weight: 800;\n            text-transform: uppercase;\n            color: var(--on-dark);\n            letter-spacing: 0.5px;\n        }\n\n        .onsen-prod-wrapper .highlight-item p {\n            margin: 0;\n            font-size: 13.5px;\n            color: var(--on-muted);\n            line-height: 1.45;\n        }\n\n        \/* Reined-in Width wrapper to maintain perfect line lengths on desktop *\/\n        .onsen-prod-wrapper .onsen-narrow-box {\n            max-width: 720px;\n            margin: 0 auto;\n        }\n\n        \/* Simplified Specifications and Kit List Headers *\/\n        .onsen-prod-wrapper .section-title {\n            color: var(--on-dark);\n            font-weight: 800;\n            text-transform: uppercase;\n            font-size: 14px;\n            letter-spacing: 1px;\n            margin-bottom: 16px;\n            border-bottom: 1px solid var(--on-border);\n            padding-bottom: 6px;\n        }\n\n        \/* Alignment utility for title blocks with flanking animations *\/\n        .onsen-prod-wrapper .spotlight-title {\n            display: flex;\n            align-items: center;\n            justify-content: flex-start;\n            gap: 4px;\n        }\n\n        \/* Highly Readable Specs Grid *\/\n        .onsen-prod-wrapper .specs-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 10px 40px;\n            margin-bottom: 35px;\n        }\n\n        .onsen-prod-wrapper .spec-item {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            border-bottom: 1px solid #e2e8f0;\n            padding: 6px 0;\n        }\n\n        .onsen-prod-wrapper .spec-label {\n            font-size: 11px;\n            font-weight: 700;\n            text-transform: uppercase;\n            color: var(--on-muted);\n            letter-spacing: 0.5px;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        .onsen-prod-wrapper .spec-value {\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--on-dark);\n            text-align: right;\n        }\n\n        \/* Gliding arrow icon parameters inside the specs list *\/\n        .onsen-prod-wrapper .convection-arrow {\n            width: 12px;\n            height: 12px;\n            display: inline-block;\n            flex-shrink: 0;\n        }\n\n        .onsen-prod-wrapper .tri-down-arrow {\n            fill: var(--on-blue);\n            animation: glideDown 3s infinite ease-in-out;\n        }\n\n        .onsen-prod-wrapper .tri-up-arrow {\n            fill: var(--on-red);\n            animation: glideUp 3s infinite ease-in-out;\n        }\n\n        @keyframes glideDown {\n            0%, 100% { transform: translateY(-2.5px); }\n            50% { transform: translateY(2.5px); }\n        }\n\n        @keyframes glideUp {\n            0%, 100% { transform: translateY(2.5px); }\n            50% { transform: translateY(-2.5px); }\n        }\n\n        \/* Highlighted Key Layman Tech Specs - Border only, no background coloring *\/\n        .onsen-prod-wrapper .spec-item-blue {\n            border-bottom: 1.5px solid var(--on-blue) !important;\n            background-color: transparent !important;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n\n        .onsen-prod-wrapper .spec-item-red {\n            border-bottom: 1.5px solid var(--on-red) !important;\n            background-color: transparent !important;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n\n        \/* Elegant Kit Contents List *\/\n        .onsen-prod-wrapper .kit-list {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n            margin-bottom: 40px;\n        }\n\n        .onsen-prod-wrapper .kit-row {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding-bottom: 8px;\n            border-bottom: 1px solid #e2e8f0;\n        }\n\n        .onsen-prod-wrapper .kit-name {\n            font-size: 13px;\n            font-weight: 700;\n            color: var(--on-dark);\n        }\n\n        .onsen-prod-wrapper .kit-detail {\n            font-size: 13px;\n            color: var(--on-muted);\n            text-align: right;\n        }\n\n        \/* Minimal Display Style for System Notes (No background) *\/\n        .onsen-prod-wrapper .minimal-notes-box {\n            margin-bottom: 40px;\n            border-left: 2px solid var(--on-border);\n            padding-left: 18px;\n        }\n\n        .onsen-prod-wrapper .minimal-notes-box ul {\n            margin: 0;\n            padding: 0;\n            list-style-type: none;\n        }\n\n        .onsen-prod-wrapper .minimal-notes-box li {\n            font-size: 13.5px;\n            color: var(--on-muted);\n            line-height: 1.55;\n            margin-bottom: 12px;\n            position: relative;\n        }\n\n        .onsen-prod-wrapper .minimal-notes-box li:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Video Display Elements *\/\n        .onsen-prod-wrapper .video-container {\n            position: relative;\n            width: 100%;\n            padding-bottom: 56.25%; \n            height: 0;\n            overflow: hidden;\n            border-radius: 6px;\n            border: 1px solid var(--on-border);\n            margin-bottom: 10px;\n        }\n\n        .onsen-prod-wrapper .video-container iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n        }\n\n        .onsen-prod-wrapper .video-channel-link {\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .onsen-prod-wrapper .video-channel-link a {\n            font-size: 12px;\n            font-weight: 600;\n            color: var(--on-blue);\n            text-decoration: underline;\n            transition: color 0.2s ease-in-out;\n        }\n\n        .onsen-prod-wrapper .video-channel-link a:hover {\n            color: var(--on-red);\n        }\n\n        \/* Link List to Other Models Section *\/\n        .onsen-prod-wrapper .other-models-section {\n            margin-bottom: 24px;\n        }\n\n        .onsen-prod-wrapper .subsection-title {\n            font-size: 11px;\n            font-weight: 800;\n            text-transform: uppercase;\n            color: var(--on-muted);\n            letter-spacing: 0.75px;\n            margin: 18px 0 10px 0;\n        }\n\n        \/* Grid locked to exactly 2 columns at all times on all screen breakpoints *\/\n        .onsen-prod-wrapper .models-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr) !important;\n            gap: 12px;\n        }\n\n        .onsen-prod-wrapper .model-link-btn {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 12px 16px;\n            background-color: #f8fafc;\n            border: 1px solid #e2e8f0;\n            border-radius: 6px;\n            color: var(--on-dark) !important;\n            text-decoration: none !important;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            transition: all 0.2s ease-in-out;\n        }\n\n        .onsen-prod-wrapper .model-link-btn:hover {\n            border-color: var(--on-blue);\n            background-color: rgba(86, 190, 218, 0.05);\n            transform: translateY(-1px);\n        }\n\n        .onsen-prod-wrapper .model-link-btn .arrow-icon {\n            color: var(--on-blue);\n            font-size: 14px;\n            transition: transform 0.2s ease-in-out;\n        }\n\n        .onsen-prod-wrapper .model-link-btn:hover .arrow-icon {\n            transform: translateX(3px);\n            color: var(--on-red);\n        }\n\n        \/* Footer card styling adjusted for Light Background Integration *\/\n        .onsen-prod-wrapper .light-footer-card {\n            background-color: #f8fafc;\n            border: 1px solid #e2e8f0;\n            border-radius: 6px;\n            padding: 18px 24px;\n            margin-top: 15px;\n        }\n\n        .onsen-prod-wrapper .support-footer {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            gap: 24px;\n            width: 100%;\n        }\n\n        .onsen-prod-wrapper .support-text-area {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 2px;\n        }\n\n        .onsen-prod-wrapper .support-footer h3 {\n            margin: 0;\n            font-size: 13px;\n            font-weight: 900;\n            text-transform: uppercase;\n            color: #000000; \n            letter-spacing: 0.5px;\n            border-left: 2px solid var(--on-red);\n            padding-left: 8px;\n        }\n\n        .onsen-prod-wrapper .support-footer p {\n            margin: 0;\n            font-size: 13px;\n            line-height: 1.4;\n            color: var(--on-muted);\n        }\n\n        .onsen-prod-wrapper .tel-link {\n            font-weight: 700;\n            color: var(--on-red); \n            text-decoration: underline;\n            white-space: nowrap;\n            display: inline-block;\n        }\n\n        .onsen-prod-wrapper .btn-group {\n            display: flex !important;\n            flex-direction: row !important;\n            flex-wrap: wrap !important;\n            gap: 8px !important;\n            flex-shrink: 1;\n        }\n\n        .onsen-prod-wrapper .quote-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            background-color: #0f172a; \n            color: #ffffff !important;\n            padding: 7px 12px;\n            border-radius: 4px;\n            text-decoration: none !important;\n            font-weight: 700;\n            font-size: 11px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            transition: all 0.2s ease-in-out;\n            white-space: nowrap;\n        }\n\n        .onsen-prod-wrapper .quote-btn-secondary {\n            background-color: transparent;\n            color: #0f172a !important;\n            border: 1px solid #cbd5e1;\n        }\n\n        .onsen-prod-wrapper .quote-btn:hover {\n            background-color: var(--on-blue);\n            color: #ffffff !important;\n            border-color: var(--on-blue);\n            transform: translateY(-1px);\n        }\n\n        .onsen-prod-wrapper .quote-btn-secondary:hover {\n            background-color: rgba(15, 23, 42, 0.04) !important;\n            border-color: #0f172a !important;\n            color: #0f172a !important;\n        }\n\n        @media screen and (max-width: 768px) {\n            .onsen-prod-wrapper h1 { font-size: 22px; }\n            .onsen-prod-wrapper .sub-header { font-size: 13px; }\n            .onsen-prod-wrapper .sales-highlights { grid-template-columns: 1fr; gap: 16px; margin: 25px 0 35px 0; }\n            .onsen-prod-wrapper .specs-grid { grid-template-columns: 1fr; gap: 4px; }\n            .onsen-prod-wrapper .kit-row { flex-direction: column; align-items: flex-start; gap: 2px; }\n            .onsen-prod-wrapper .kit-detail { text-align: left; }\n            \n            .onsen-prod-wrapper .support-footer {\n                flex-direction: column !important;\n                align-items: flex-start;\n                gap: 16px;\n            }\n            .onsen-prod-wrapper .btn-group {\n                width: auto !important;\n            }\n            .onsen-prod-wrapper .quote-btn {\n                flex: 0 0 auto !important;\n                padding: 8px 12px;\n                font-size: 11px;\n            }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"onsen-prod-wrapper\"\u003e\n    \u003c!-- Main Title Block with Flanking Animations --\u003e\n    \u003cdiv class=\"brand-header-area\"\u003e\n        \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\" style=\"width: 18px; height: 18px;\"\u003e\n            \u003cpolygon class=\"tri-down-arrow\" points=\"2,4 22,4 12,20\"\u003e\u003c\/polygon\u003e\n        \u003c\/svg\u003e\n        \u003ch1\u003eOnsen 5L Portable Tankless Water Heater\u003c\/h1\u003e\n        \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\" style=\"width: 18px; height: 18px;\"\u003e\n            \u003cpolygon class=\"tri-up-arrow\" points=\"12,4 22,20 2,20\"\u003e\u003c\/polygon\u003e\n        \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sub-header\" style=\"margin-top: 0; margin-bottom: 24px;\"\u003eInstant hot water for outdoor and off-grid use. Designed for heating typical summer water temperatures around 60°F \/ 15°C and warmer.\u003c\/p\u003e\n\n    \u003c!-- Typographic Sales Highlight Rows --\u003e\n    \u003cdiv class=\"sales-highlights\"\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003ePortable \u0026amp; Lightweight\u003c\/h4\u003e\n            \u003cp\u003eCompact design with integrated carrying handle for effortless off-grid transportation.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eDual Ignition System\u003c\/h4\u003e\n            \u003cp\u003eActivates anywhere using two standard \"D\" cell batteries or a simple 12V power source.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eEasy Temperature Control\u003c\/h4\u003e\n            \u003cp\u003eIntegrated bright LED display directly monitors water temperature and battery status.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003ePremium Shower Setup\u003c\/h4\u003e\n            \u003cp\u003eComes equipped with a multi-spray shower head featuring direct on\/off controls.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Narrow Box alignment zone --\u003e\n    \u003cdiv class=\"onsen-narrow-box\"\u003e\n        \n        \u003c!-- Technical Specifications Grid with Symmetric Highlight Alignment --\u003e\n        \u003cdiv class=\"section-title\"\u003eTechnical Specifications\u003c\/div\u003e\n        \u003cdiv class=\"specs-grid\"\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eModel SKU\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eOnsen 5L\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eFuel Type\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eLiquid Propane\u003c\/span\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Side-by-Side Highlight Row Alignment --\u003e\n            \u003cdiv class=\"spec-item spec-item-blue\"\u003e\n                \u003cspan class=\"spec-label\" style=\"color: var(--on-blue); font-weight: 800;\"\u003e\n                    \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n                        \u003cpolygon class=\"tri-down-arrow\" points=\"2,4 22,4 12,20\"\u003e\u003c\/polygon\u003e\n                    \u003c\/svg\u003e\n                    Water Flow Rate\n                \u003c\/span\u003e\n                \u003cspan class=\"spec-value\" style=\"color: var(--on-blue); font-weight: 800;\"\u003e1.32 GPM (5 Liters\/Min)\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item spec-item-red\"\u003e\n                \u003cspan class=\"spec-label\" style=\"color: var(--on-red); font-weight: 800;\"\u003e\n                    \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n                        \u003cpolygon class=\"tri-up-arrow\" points=\"12,4 22,20 2,20\"\u003e\u003c\/polygon\u003e\n                    \u003c\/svg\u003e\n                    Heating Output\n                \u003c\/span\u003e\n                \u003cspan class=\"spec-value\" style=\"color: var(--on-red); font-weight: 800;\"\u003e32,000 BTU\/HR\u003c\/span\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWater Connection\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e1\/2\" Fittings\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWater Pressure Required\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e10 - 80 PSI\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eIgnition System\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e2 \"D\" Batteries \/ 12V Alligator Clips\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eMax Temperature\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e50°C \/ 122°F\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eHeater Weight\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e10.5 lbs \/ 4.76 kg\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eDimensions\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e18.35\" x 11.89\" x 6.69\"\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eCertifications\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eCSA Listed\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\" style=\"border-bottom: none;\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWarranty Scheme\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e2-Year Limited Warranty\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- High-readability Kit Contents list --\u003e\n        \u003cdiv class=\"section-title\"\u003eKit Contents\u003c\/div\u003e\n        \u003cdiv class=\"kit-list\"\u003e\n            \u003cdiv class=\"kit-row\"\u003e\n                \u003cspan class=\"kit-name\"\u003eOnsen 5L Water Heater\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x Main Portable Tankless Burner Unit\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"kit-row\"\u003e\n                \u003cspan class=\"kit-name\"\u003ePremium Shower Head\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x Handheld Head with integrated on\/off control\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"kit-row\"\u003e\n                \u003cspan class=\"kit-name\"\u003eGas Regulator Hose\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x CSA approved assembly for standard 20 lb propane tank\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"kit-row\"\u003e\n                \u003cspan class=\"kit-name\"\u003e12V Ignition Alligator Clips\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x Connector cable for 12V battery ignition option\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"kit-row\"\u003e\n                \u003cspan class=\"kit-name\"\u003eGarden Hose Adapter Kit\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x Standard male\/female QuickConnect coupling set\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"kit-row\"\u003e\n                \u003cspan class=\"kit-name\"\u003eTeflon Tape Roll\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x Thread sealant tape for leak-free connections\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"kit-row\" style=\"border-bottom: none;\"\u003e\n                \u003cspan class=\"kit-name\"\u003eMounting Hardware Kit\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x Anchor screws and wall attachment set\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Minimal Open Format System Notes Block --\u003e\n        \u003cdiv class=\"section-title\"\u003eImportant System Notes\u003c\/div\u003e\n        \u003cdiv class=\"minimal-notes-box\"\u003e\n            \u003cul\u003e\n                \u003cli\u003e\n\u003cstrong\u003eEnvironment Requirements:\u003c\/strong\u003e Engineered and certified strictly for outdoor, ventilated setups only. Not approved for indoor installation.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePressurization:\u003c\/strong\u003e Requires clean pressurized water source supplying at least 10 PSI. Lakes and holding tank feeds require an inline water pump system.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eHose Sizing Tip:\u003c\/strong\u003e We strongly recommend using a standard 1\/2\" diameter connection hose between the source and pump. While pumps supply adequate PSI, ignition failures are frequently caused by oversized 5\/8\" or 3\/4\" feed hoses.\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Responsive YouTube Video Embed Showcase with Flanking Triangle Animations --\u003e\n        \u003cdiv class=\"section-title spotlight-title\"\u003e\n            \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n                \u003cpolygon class=\"tri-down-arrow\" points=\"2,4 22,4 12,20\"\u003e\u003c\/polygon\u003e\n            \u003c\/svg\u003e\n            \u003cspan\u003eProduct Spotlight \u0026amp; Assembly Guide\u003c\/span\u003e\n            \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n                \u003cpolygon class=\"tri-up-arrow\" points=\"12,4 22,20 2,20\"\u003e\u003c\/polygon\u003e\n            \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"video-container\"\u003e\n            \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/jw-u_Lf-hHg\" title=\"Onsen 5L Tankless Water Heater Video Guide\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen\u003e\u003c\/iframe\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"video-channel-link\"\u003e\n            \u003ca href=\"https:\/\/www.youtube.com\/@onsen5358\" target=\"_blank\"\u003eExplore the official Onsen YouTube Channel →\u003c\/a\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Compact Directory Link List --\u003e\n        \u003cdiv class=\"section-title\"\u003eOther Product Options\u003c\/div\u003e\n        \u003cdiv class=\"other-models-section\"\u003e\n            \u003cdiv class=\"models-grid\"\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-7l-portable-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    7L Portable \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-10l-portable-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    10L Portable \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-14l-indoor-propane-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    14L Indoor Propane \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-26l-indoor-propane-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    26L Indoor Propane \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"subsection-title\"\u003eNatural Gas Options\u003c\/div\u003e\n            \u003cdiv class=\"models-grid\"\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-14l-indoor-natural-gas-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    14L Indoor NG \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-26l-indoor-natural-gas-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    26L Indoor NG \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Support footer block --\u003e\n        \u003cdiv class=\"light-footer-card\"\u003e\n            \u003cdiv class=\"support-footer\"\u003e\n                \u003cdiv class=\"support-text-area\"\u003e\n                    \u003ch3\u003ePLAN YOUR COMFORT\u003c\/h3\u003e\n                    \u003cp\u003eNeed assistance? Call our sales team toll-free at \u003cspan class=\"tel-link\"\u003e\u003ca href=\"tel:+18446034743\" class=\"tel-link\"\u003e+1 (844) 603-4743\u003c\/a\u003e\u003c\/span\u003e.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"btn-group\"\u003e\n                    \u003ca href=\"https:\/\/thecabindepot.ca\/pages\/solar-calculator\" target=\"_blank\" class=\"quote-btn quote-btn-secondary\"\u003eSolar Quote Request\u003c\/a\u003e\n                    \u003ca href=\"https:\/\/share.hsforms.com\/1gcABoX2FRCa8LnBu0QtmFgrbc1e\" target=\"_blank\" class=\"quote-btn\"\u003eContact Us Online\u003c\/a\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"Onsen","offers":[{"title":"Default Title","offer_id":45195350966369,"sku":"ON-PWH-5L","price":199.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Onsen5LPortableTanklessWaterHeaterimg0.webp?v=1781707669"},{"product_id":"onsen-7l-portable-tankless-water-heater","title":"Onsen 7L Portable Tankless Water Heater","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026display=swap');\n\n        \/* Scoped Container to Prevent Theme Bleeding - Onsen Custom Light Theme *\/\n        .onsen-prod-wrapper {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            background-color: transparent !important;\n            color: #0f172a !important; \n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 5px 15px 15px;\n            line-height: 1.5;\n            box-sizing: border-box;\n        }\n\n        .onsen-prod-wrapper * { \n            box-sizing: border-box; \n        }\n\n        \/* Onsen Nature-Comfort Design Tokens (Light Mode \/ Dark Text) *\/\n        .onsen-prod-wrapper {\n            --on-blue: #56beda;        \n            --on-red: #e01d3a;         \n            --on-dark: #0f172a;        \n            --on-muted: #475569;       \n            --on-border: #cbd5e1;      \n        }\n\n        \/* Centered Brand Identifier Header with Flanking Animations *\/\n        .onsen-prod-wrapper .brand-header-area {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n\n        .onsen-prod-wrapper h1 {\n            font-size: 28px;\n            font-weight: 900;\n            color: var(--on-dark);\n            line-height: 1.2;\n            margin: 0;\n            letter-spacing: -0.75px;\n        }\n\n        \/* Subtitle \u0026 Sub-Header Styling *\/\n        .onsen-prod-wrapper .sub-header {\n            font-size: 15px;\n            color: var(--on-muted);\n            font-weight: 500;\n            line-height: 1.4;\n            margin: 12px auto 0 auto;\n            text-align: center;\n            max-width: 720px;\n        }\n\n        \/* Simplified Sales Highlights List without boxes or emojis *\/\n        .onsen-prod-wrapper .sales-highlights {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px 30px;\n            margin: 30px 0 40px 0;\n        }\n\n        .onsen-prod-wrapper .highlight-item {\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n\n        .onsen-prod-wrapper .highlight-item h4 {\n            margin: 0;\n            font-size: 14px;\n            font-weight: 800;\n            text-transform: uppercase;\n            color: var(--on-dark);\n            letter-spacing: 0.5px;\n        }\n\n        .onsen-prod-wrapper .highlight-item p {\n            margin: 0;\n            font-size: 13.5px;\n            color: var(--on-muted);\n            line-height: 1.45;\n        }\n\n        \/* Reined-in Width wrapper to maintain perfect line lengths on desktop *\/\n        .onsen-prod-wrapper .onsen-narrow-box {\n            max-width: 720px;\n            margin: 0 auto;\n        }\n\n        \/* Simplified Specifications and Kit List Headers *\/\n        .onsen-prod-wrapper .section-title {\n            color: var(--on-dark);\n            font-weight: 800;\n            text-transform: uppercase;\n            font-size: 14px;\n            letter-spacing: 1px;\n            margin-bottom: 16px;\n            border-bottom: 1px solid var(--on-border);\n            padding-bottom: 6px;\n        }\n\n        \/* Alignment utility for title blocks with flanking animations *\/\n        .onsen-prod-wrapper .spotlight-title {\n            display: flex;\n            align-items: center;\n            justify-content: flex-start;\n            gap: 4px;\n        }\n\n        \/* Highly Readable Specs Grid *\/\n        .onsen-prod-wrapper .specs-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 10px 40px;\n            margin-bottom: 35px;\n        }\n\n        .onsen-prod-wrapper .spec-item {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            border-bottom: 1px solid #e2e8f0;\n            padding: 6px 0;\n        }\n\n        .onsen-prod-wrapper .spec-label {\n            font-size: 11px;\n            font-weight: 700;\n            text-transform: uppercase;\n            color: var(--on-muted);\n            letter-spacing: 0.5px;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        .onsen-prod-wrapper .spec-value {\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--on-dark);\n            text-align: right;\n        }\n\n        \/* Gliding arrow icon parameters inside the specs list *\/\n        .onsen-prod-wrapper .convection-arrow {\n            width: 12px;\n            height: 12px;\n            display: inline-block;\n            flex-shrink: 0;\n        }\n\n        .onsen-prod-wrapper .tri-down-arrow {\n            fill: var(--on-blue);\n            animation: glideDown 3s infinite ease-in-out;\n        }\n\n        .onsen-prod-wrapper .tri-up-arrow {\n            fill: var(--on-red);\n            animation: glideUp 3s infinite ease-in-out;\n        }\n\n        @keyframes glideDown {\n            0%, 100% { transform: translateY(-2.5px); }\n            50% { transform: translateY(2.5px); }\n        }\n\n        @keyframes glideUp {\n            0%, 100% { transform: translateY(2.5px); }\n            50% { transform: translateY(-2.5px); }\n        }\n\n        \/* Highlighted Key Layman Tech Specs - Border only, no background coloring *\/\n        .onsen-prod-wrapper .spec-item-blue {\n            border-bottom: 1.5px solid var(--on-blue) !important;\n            background-color: transparent !important;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n\n        .onsen-prod-wrapper .spec-item-red {\n            border-bottom: 1.5px solid var(--on-red) !important;\n            background-color: transparent !important;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n\n        \/* Elegant Kit Contents List *\/\n        .onsen-prod-wrapper .kit-list {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n            margin-bottom: 40px;\n        }\n\n        .onsen-prod-wrapper .kit-row {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding-bottom: 8px;\n            border-bottom: 1px solid #e2e8f0;\n        }\n\n        .onsen-prod-wrapper .kit-name {\n            font-size: 13px;\n            font-weight: 700;\n            color: var(--on-dark);\n        }\n\n        .onsen-prod-wrapper .kit-detail {\n            font-size: 13px;\n            color: var(--on-muted);\n            text-align: right;\n        }\n\n        \/* Minimal Display Style for System Notes (No background) *\/\n        .onsen-prod-wrapper .minimal-notes-box {\n            margin-bottom: 40px;\n            border-left: 2px solid var(--on-border);\n            padding-left: 18px;\n        }\n\n        .onsen-prod-wrapper .minimal-notes-box ul {\n            margin: 0;\n            padding: 0;\n            list-style-type: none;\n        }\n\n        .onsen-prod-wrapper .minimal-notes-box li {\n            font-size: 13.5px;\n            color: var(--on-muted);\n            line-height: 1.55;\n            margin-bottom: 12px;\n            position: relative;\n        }\n\n        .onsen-prod-wrapper .minimal-notes-box li:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Video Display Elements *\/\n        .onsen-prod-wrapper .video-container {\n            position: relative;\n            width: 100%;\n            padding-bottom: 56.25%; \n            height: 0;\n            overflow: hidden;\n            border-radius: 6px;\n            border: 1px solid var(--on-border);\n            margin-bottom: 10px;\n        }\n\n        .onsen-prod-wrapper .video-container iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n        }\n\n        .onsen-prod-wrapper .video-channel-link {\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .onsen-prod-wrapper .video-channel-link a {\n            font-size: 12px;\n            font-weight: 600;\n            color: var(--on-blue);\n            text-decoration: underline;\n            transition: color 0.2s ease-in-out;\n        }\n\n        .onsen-prod-wrapper .video-channel-link a:hover {\n            color: var(--on-red);\n        }\n\n        \/* Link List to Other Models Section *\/\n        .onsen-prod-wrapper .other-models-section {\n            margin-bottom: 24px;\n        }\n\n        .onsen-prod-wrapper .subsection-title {\n            font-size: 11px;\n            font-weight: 800;\n            text-transform: uppercase;\n            color: var(--on-muted);\n            letter-spacing: 0.75px;\n            margin: 18px 0 10px 0;\n        }\n\n        \/* Grid locked to exactly 2 columns at all times on all screen breakpoints *\/\n        .onsen-prod-wrapper .models-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr) !important;\n            gap: 12px;\n        }\n\n        .onsen-prod-wrapper .model-link-btn {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 12px 16px;\n            background-color: #f8fafc;\n            border: 1px solid #e2e8f0;\n            border-radius: 6px;\n            color: var(--on-dark) !important;\n            text-decoration: none !important;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            transition: all 0.2s ease-in-out;\n        }\n\n        .onsen-prod-wrapper .model-link-btn:hover {\n            border-color: var(--on-blue);\n            background-color: rgba(86, 190, 218, 0.05);\n            transform: translateY(-1px);\n        }\n\n        .onsen-prod-wrapper .model-link-btn .arrow-icon {\n            color: var(--on-blue);\n            font-size: 14px;\n            transition: transform 0.2s ease-in-out;\n        }\n\n        .onsen-prod-wrapper .model-link-btn:hover .arrow-icon {\n            transform: translateX(3px);\n            color: var(--on-red);\n        }\n\n        \/* Footer card styling adjusted for Light Background Integration *\/\n        .onsen-prod-wrapper .light-footer-card {\n            background-color: #f8fafc;\n            border: 1px solid #e2e8f0;\n            border-radius: 6px;\n            padding: 18px 24px;\n            margin-top: 15px;\n        }\n\n        .onsen-prod-wrapper .support-footer {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            gap: 24px;\n            width: 100%;\n        }\n\n        .onsen-prod-wrapper .support-text-area {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 2px;\n        }\n\n        .onsen-prod-wrapper .support-footer h3 {\n            margin: 0;\n            font-size: 13px;\n            font-weight: 900;\n            text-transform: uppercase;\n            color: #000000; \n            letter-spacing: 0.5px;\n            border-left: 2px solid var(--on-red);\n            padding-left: 8px;\n        }\n\n        .onsen-prod-wrapper .support-footer p {\n            margin: 0;\n            font-size: 13px;\n            line-height: 1.4;\n            color: var(--on-muted);\n        }\n\n        .onsen-prod-wrapper .tel-link {\n            font-weight: 700;\n            color: var(--on-red); \n            text-decoration: underline;\n            white-space: nowrap;\n            display: inline-block;\n        }\n\n        .onsen-prod-wrapper .btn-group {\n            display: flex !important;\n            flex-direction: row !important;\n            flex-wrap: wrap !important;\n            gap: 8px !important;\n            flex-shrink: 1;\n        }\n\n        .onsen-prod-wrapper .quote-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            background-color: #0f172a; \n            color: #ffffff !important;\n            padding: 7px 12px;\n            border-radius: 4px;\n            text-decoration: none !important;\n            font-weight: 700;\n            font-size: 11px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            transition: all 0.2s ease-in-out;\n            white-space: nowrap;\n        }\n\n        .onsen-prod-wrapper .quote-btn-secondary {\n            background-color: transparent;\n            color: #0f172a !important;\n            border: 1px solid #cbd5e1;\n        }\n\n        .onsen-prod-wrapper .quote-btn:hover {\n            background-color: var(--on-blue);\n            color: #ffffff !important;\n            border-color: var(--on-blue);\n            transform: translateY(-1px);\n        }\n\n        .onsen-prod-wrapper .quote-btn-secondary:hover {\n            background-color: rgba(15, 23, 42, 0.04) !important;\n            border-color: #0f172a !important;\n            color: #0f172a !important;\n        }\n\n        @media screen and (max-width: 768px) {\n            .onsen-prod-wrapper h1 { font-size: 22px; }\n            .onsen-prod-wrapper .sub-header { font-size: 13px; }\n            .onsen-prod-wrapper .sales-highlights { grid-template-columns: 1fr; gap: 16px; margin: 25px 0 35px 0; }\n            .onsen-prod-wrapper .specs-grid { grid-template-columns: 1fr; gap: 4px; }\n            .onsen-prod-wrapper .kit-row { flex-direction: column; align-items: flex-start; gap: 2px; }\n            .onsen-prod-wrapper .kit-detail { text-align: left; }\n            \n            .onsen-prod-wrapper .support-footer {\n                flex-direction: column !important;\n                align-items: flex-start;\n                gap: 16px;\n            }\n            .onsen-prod-wrapper .btn-group {\n                width: auto !important;\n            }\n            .onsen-prod-wrapper .quote-btn {\n                flex: 0 0 auto !important;\n                padding: 8px 12px;\n                font-size: 11px;\n            }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"onsen-prod-wrapper\"\u003e\n    \u003c!-- Main Title Block with Flanking Animations --\u003e\n    \u003cdiv class=\"brand-header-area\"\u003e\n        \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\" style=\"width: 18px; height: 18px;\"\u003e\n            \u003cpolygon class=\"tri-down-arrow\" points=\"2,4 22,4 12,20\"\u003e\u003c\/polygon\u003e\n        \u003c\/svg\u003e\n        \u003ch1\u003eOnsen 7L Portable Tankless Water Heater\u003c\/h1\u003e\n        \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\" style=\"width: 18px; height: 18px;\"\u003e\n            \u003cpolygon class=\"tri-up-arrow\" points=\"12,4 22,20 2,20\"\u003e\u003c\/polygon\u003e\n        \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sub-header\" style=\"margin-top: 0; margin-bottom: 24px;\"\u003eInstant hot water for outdoor and off-grid use. Delivering increased power and flow capacity ideal for late spring and early fall conditions around 45°F \/ 7°C and warmer.\u003c\/p\u003e\n\n    \u003c!-- Typographic Sales Highlight Rows --\u003e\n    \u003cdiv class=\"sales-highlights\"\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eHigher Output Portable System\u003c\/h4\u003e\n            \u003cp\u003eIncreased heating capacity specifically built to tackle cooler inlet water temperatures.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eDual Ignition System\u003c\/h4\u003e\n            \u003cp\u003eActivates anywhere using two standard \"D\" cell batteries or a simple 12V power source.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eEasy Temperature Control\u003c\/h4\u003e\n            \u003cp\u003eIntegrated bright LED display directly monitors water temperature and battery status.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003ePremium Shower Setup\u003c\/h4\u003e\n            \u003cp\u003eComes equipped with a multi-spray shower head featuring direct on\/off controls.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Narrow Box alignment zone --\u003e\n    \u003cdiv class=\"onsen-narrow-box\"\u003e\n        \n        \u003c!-- Technical Specifications Grid with Symmetric Highlight Alignment --\u003e\n        \u003cdiv class=\"section-title\"\u003eTechnical Specifications\u003c\/div\u003e\n        \u003cdiv class=\"specs-grid\"\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eModel SKU\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eOnsen 7L\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eFuel Type\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eLiquid Propane\u003c\/span\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Side-by-Side Highlight Row Alignment --\u003e\n            \u003cdiv class=\"spec-item spec-item-blue\"\u003e\n                \u003cspan class=\"spec-label\" style=\"color: var(--on-blue); font-weight: 800;\"\u003e\n                    \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n                        \u003cpolygon class=\"tri-down-arrow\" points=\"2,4 22,4 12,20\"\u003e\u003c\/polygon\u003e\n                    \u003c\/svg\u003e\n                    Water Flow Rate\n                \u003c\/span\u003e\n                \u003cspan class=\"spec-value\" style=\"color: var(--on-blue); font-weight: 800;\"\u003e1.85 GPM (7 Liters\/Min)\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item spec-item-red\"\u003e\n                \u003cspan class=\"spec-label\" style=\"color: var(--on-red); font-weight: 800;\"\u003e\n                    \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n                        \u003cpolygon class=\"tri-up-arrow\" points=\"12,4 22,20 2,20\"\u003e\u003c\/polygon\u003e\n                    \u003c\/svg\u003e\n                    Heating Output\n                \u003c\/span\u003e\n                \u003cspan class=\"spec-value\" style=\"color: var(--on-red); font-weight: 800;\"\u003e50,000 BTU\/HR\u003c\/span\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWater Connection\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e1\/2\" Fittings\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWater Pressure Required\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e10 - 80 PSI\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eIgnition System\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e2 \"D\" Batteries \/ 12V Alligator Clips\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eMax Temperature\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e60°C \/ 140°F\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eHeater Weight\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e12.5 lbs \/ 5.67 kg\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eDimensions\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e21.85\" x 11.89\" x 7.05\"\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eCertifications\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eCSA Listed\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\" style=\"border-bottom: none;\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWarranty Scheme\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e2-Year Limited Warranty\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- High-readability Kit Contents list --\u003e\n        \u003cdiv class=\"section-title\"\u003eKit Contents\u003c\/div\u003e\n        \u003cdiv class=\"kit-list\"\u003e\n            \u003cdiv class=\"kit-row\"\u003e\n                \u003cspan class=\"kit-name\"\u003eOnsen 7L Water Heater\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x Main Portable Tankless Burner Unit\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"kit-row\"\u003e\n                \u003cspan class=\"kit-name\"\u003ePremium Shower Head\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x Handheld Head with integrated on\/off control\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"kit-row\"\u003e\n                \u003cspan class=\"kit-name\"\u003eGas Regulator Hose\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x CSA approved assembly for standard 20 lb propane tank\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"kit-row\"\u003e\n                \u003cspan class=\"kit-name\"\u003e12V Ignition Alligator Clips\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x Connector cable for 12V battery ignition option\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"kit-row\"\u003e\n                \u003cspan class=\"kit-name\"\u003eGarden Hose Adapter Kit\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x Standard male\/female QuickConnect coupling set\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"kit-row\"\u003e\n                \u003cspan class=\"kit-name\"\u003eTeflon Tape Roll\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x Thread sealant tape for leak-free connections\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"kit-row\" style=\"border-bottom: none;\"\u003e\n                \u003cspan class=\"kit-name\"\u003eMounting Hardware Kit\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x Anchor screws and wall attachment set\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Minimal Open Format System Notes Block --\u003e\n        \u003cdiv class=\"section-title\"\u003eImportant System Notes\u003c\/div\u003e\n        \u003cdiv class=\"minimal-notes-box\"\u003e\n            \u003cul\u003e\n                \u003cli\u003e\n\u003cstrong\u003eEnvironment Requirements:\u003c\/strong\u003e Engineered and certified strictly for outdoor, ventilated setups only. Not approved for indoor installation.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePressurization:\u003c\/strong\u003e Requires clean pressurized water source supplying at least 10 PSI. Lakes and holding tank feeds require an inline water pump system.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eHose Sizing Tip:\u003c\/strong\u003e We strongly recommend using a standard 1\/2\" diameter connection hose between the source and pump. While pumps supply adequate PSI, ignition failures are frequently caused by oversized 5\/8\" or 3\/4\" feed hoses.\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Responsive YouTube Video Embed Showcase with Flanking Triangle Animations --\u003e\n        \u003cdiv class=\"section-title spotlight-title\"\u003e\n            \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n                \u003cpolygon class=\"tri-down-arrow\" points=\"2,4 22,4 12,20\"\u003e\u003c\/polygon\u003e\n            \u003c\/svg\u003e\n            \u003cspan\u003eProduct Spotlight \u0026amp; Assembly Guide\u003c\/span\u003e\n            \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n                \u003cpolygon class=\"tri-up-arrow\" points=\"12,4 22,20 2,20\"\u003e\u003c\/polygon\u003e\n            \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"video-container\"\u003e\n            \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/jw-u_Lf-hHg\" title=\"Onsen 7L Tankless Water Heater Video Guide\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen\u003e\u003c\/iframe\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"video-channel-link\"\u003e\n            \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-5l-portable-tankless-water-heater\" target=\"_blank\"\u003eExplore the official Onsen YouTube Channel →\u003c\/a\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Compact Directory Link List --\u003e\n        \u003cdiv class=\"section-title\"\u003eOther Product Options\u003c\/div\u003e\n        \u003cdiv class=\"other-models-section\"\u003e\n            \u003cdiv class=\"models-grid\"\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-5l-portable-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    5L Portable \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-10l-portable-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    10L Portable \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-14l-indoor-propane-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    14L Indoor Propane \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-26l-indoor-propane-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    26L Indoor Propane \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"subsection-title\"\u003eNatural Gas Options\u003c\/div\u003e\n            \u003cdiv class=\"models-grid\"\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-14l-indoor-natural-gas-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    14L Indoor NG \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-26l-indoor-natural-gas-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    26L Indoor NG \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Support footer block --\u003e\n        \u003cdiv class=\"light-footer-card\"\u003e\n            \u003cdiv class=\"support-footer\"\u003e\n                \u003cdiv class=\"support-text-area\"\u003e\n                    \u003ch3\u003ePLAN YOUR COMFORT\u003c\/h3\u003e\n                    \u003cp\u003eNeed assistance? Call our sales team toll-free at \u003cspan class=\"tel-link\"\u003e\u003ca href=\"tel:+18446034743\" class=\"tel-link\"\u003e+1 (844) 603-4743\u003c\/a\u003e\u003c\/span\u003e.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"btn-group\"\u003e\n                    \u003ca href=\"https:\/\/thecabindepot.ca\/pages\/solar-calculator\" target=\"_blank\" class=\"quote-btn quote-btn-secondary\"\u003eSolar Quote Request\u003c\/a\u003e\n                    \u003ca href=\"https:\/\/share.hsforms.com\/1gcABoX2FRCa8LnBu0QtmFgrbc1e\" target=\"_blank\" class=\"quote-btn\"\u003eContact Us Online\u003c\/a\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"Onsen","offers":[{"title":"Default Title","offer_id":45195351294049,"sku":"ON-PWH-7L","price":249.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Onsen_Heater_7Limg1.webp?v=1781709482"},{"product_id":"onsen-10l-portable-tankless-water-heater","title":"Onsen 10L Portable Tankless Water Heater","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026display=swap');\n\n        \/* Scoped Container to Prevent Theme Bleeding - Onsen Custom Light Theme *\/\n        .onsen-prod-wrapper {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            background-color: transparent !important;\n            color: #0f172a !important; \n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 5px 15px 15px;\n            line-height: 1.5;\n            box-sizing: border-box;\n        }\n\n        .onsen-prod-wrapper * { \n            box-sizing: border-box; \n        }\n\n        \/* Onsen Nature-Comfort Design Tokens (Light Mode \/ Dark Text) *\/\n        .onsen-prod-wrapper {\n            --on-blue: #56beda;        \n            --on-red: #e01d3a;         \n            --on-dark: #0f172a;        \n            --on-muted: #475569;       \n            --on-border: #cbd5e1;      \n        }\n\n        \/* Centered Brand Identifier Header with Flanking Animations *\/\n        .onsen-prod-wrapper .brand-header-area {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n\n        .onsen-prod-wrapper h1 {\n            font-size: 28px;\n            font-weight: 900;\n            color: var(--on-dark);\n            line-height: 1.2;\n            margin: 0;\n            letter-spacing: -0.75px;\n        }\n\n        \/* Subtitle \u0026 Sub-Header Styling *\/\n        .onsen-prod-wrapper .sub-header {\n            font-size: 15px;\n            color: var(--on-muted);\n            font-weight: 500;\n            line-height: 1.4;\n            margin: 12px auto 0 auto;\n            text-align: center;\n            max-width: 720px;\n        }\n\n        \/* Simplified Sales Highlights List without boxes or emojis *\/\n        .onsen-prod-wrapper .sales-highlights {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px 30px;\n            margin: 30px 0 40px 0;\n        }\n\n        .onsen-prod-wrapper .highlight-item {\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n\n        .onsen-prod-wrapper .highlight-item h4 {\n            margin: 0;\n            font-size: 14px;\n            font-weight: 800;\n            text-transform: uppercase;\n            color: var(--on-dark);\n            letter-spacing: 0.5px;\n        }\n\n        .onsen-prod-wrapper .highlight-item p {\n            margin: 0;\n            font-size: 13.5px;\n            color: var(--on-muted);\n            line-height: 1.45;\n        }\n\n        \/* Reined-in Width wrapper to maintain perfect line lengths on desktop *\/\n        .onsen-prod-wrapper .onsen-narrow-box {\n            max-width: 720px;\n            margin: 0 auto;\n        }\n\n        \/* Simplified Specifications and Kit List Headers *\/\n        .onsen-prod-wrapper .section-title {\n            color: var(--on-dark);\n            font-weight: 800;\n            text-transform: uppercase;\n            font-size: 14px;\n            letter-spacing: 1px;\n            margin-bottom: 16px;\n            border-bottom: 1px solid var(--on-border);\n            padding-bottom: 6px;\n        }\n\n        \/* Alignment utility for title blocks with flanking animations *\/\n        .onsen-prod-wrapper .spotlight-title {\n            display: flex;\n            align-items: center;\n            justify-content: flex-start;\n            gap: 4px;\n        }\n\n        \/* Highly Readable Specs Grid *\/\n        .onsen-prod-wrapper .specs-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 10px 40px;\n            margin-bottom: 35px;\n        }\n\n        .onsen-prod-wrapper .spec-item {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            border-bottom: 1px solid #e2e8f0;\n            padding: 6px 0;\n        }\n\n        .onsen-prod-wrapper .spec-label {\n            font-size: 11px;\n            font-weight: 700;\n            text-transform: uppercase;\n            color: var(--on-muted);\n            letter-spacing: 0.5px;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        .onsen-prod-wrapper .spec-value {\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--on-dark);\n            text-align: right;\n        }\n\n        \/* Gliding arrow icon parameters inside the specs list *\/\n        .onsen-prod-wrapper .convection-arrow {\n            width: 12px;\n            height: 12px;\n            display: inline-block;\n            flex-shrink: 0;\n        }\n\n        .onsen-prod-wrapper .tri-down-arrow {\n            fill: var(--on-blue);\n            animation: glideDown 3s infinite ease-in-out;\n        }\n\n        .onsen-prod-wrapper .tri-up-arrow {\n            fill: var(--on-red);\n            animation: glideUp 3s infinite ease-in-out;\n        }\n\n        @keyframes glideDown {\n            0%, 100% { transform: translateY(-2.5px); }\n            50% { transform: translateY(2.5px); }\n        }\n\n        @keyframes glideUp {\n            0%, 100% { transform: translateY(2.5px); }\n            50% { transform: translateY(-2.5px); }\n        }\n\n        \/* Highlighted Key Layman Tech Specs - Border only, no background coloring *\/\n        .onsen-prod-wrapper .spec-item-blue {\n            border-bottom: 1.5px solid var(--on-blue) !important;\n            background-color: transparent !important;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n\n        .onsen-prod-wrapper .spec-item-red {\n            border-bottom: 1.5px solid var(--on-red) !important;\n            background-color: transparent !important;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n\n        \/* Elegant Kit Contents List *\/\n        .onsen-prod-wrapper .kit-list {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n            margin-bottom: 40px;\n        }\n\n        .onsen-prod-wrapper .kit-row {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding-bottom: 8px;\n            border-bottom: 1px solid #e2e8f0;\n        }\n\n        .onsen-prod-wrapper .kit-name {\n            font-size: 13px;\n            font-weight: 700;\n            color: var(--on-dark);\n        }\n\n        .onsen-prod-wrapper .kit-detail {\n            font-size: 13px;\n            color: var(--on-muted);\n            text-align: right;\n        }\n\n        \/* Minimal Display Style for System Notes (No background) *\/\n        .onsen-prod-wrapper .minimal-notes-box {\n            margin-bottom: 40px;\n            border-left: 2px solid var(--on-border);\n            padding-left: 18px;\n        }\n\n        .onsen-prod-wrapper .minimal-notes-box ul {\n            margin: 0;\n            padding: 0;\n            list-style-type: none;\n        }\n\n        .onsen-prod-wrapper .minimal-notes-box li {\n            font-size: 13.5px;\n            color: var(--on-muted);\n            line-height: 1.55;\n            margin-bottom: 12px;\n            position: relative;\n        }\n\n        .onsen-prod-wrapper .minimal-notes-box li:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Video Display Elements *\/\n        .onsen-prod-wrapper .video-container {\n            position: relative;\n            width: 100%;\n            padding-bottom: 56.25%; \n            height: 0;\n            overflow: hidden;\n            border-radius: 6px;\n            border: 1px solid var(--on-border);\n            margin-bottom: 10px;\n        }\n\n        .onsen-prod-wrapper .video-container iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n        }\n\n        .onsen-prod-wrapper .video-channel-link {\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .onsen-prod-wrapper .video-channel-link a {\n            font-size: 12px;\n            font-weight: 600;\n            color: var(--on-blue);\n            text-decoration: underline;\n            transition: color 0.2s ease-in-out;\n        }\n\n        .onsen-prod-wrapper .video-channel-link a:hover {\n            color: var(--on-red);\n        }\n\n        \/* Link List to Other Models Section *\/\n        .onsen-prod-wrapper .other-models-section {\n            margin-bottom: 24px;\n        }\n\n        .onsen-prod-wrapper .subsection-title {\n            font-size: 11px;\n            font-weight: 800;\n            text-transform: uppercase;\n            color: var(--on-muted);\n            letter-spacing: 0.75px;\n            margin: 18px 0 10px 0;\n        }\n\n        \/* Grid locked to exactly 2 columns at all times on all screen breakpoints *\/\n        .onsen-prod-wrapper .models-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr) !important;\n            gap: 12px;\n        }\n\n        .onsen-prod-wrapper .model-link-btn {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 12px 16px;\n            background-color: #f8fafc;\n            border: 1px solid #e2e8f0;\n            border-radius: 6px;\n            color: var(--on-dark) !important;\n            text-decoration: none !important;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            transition: all 0.2s ease-in-out;\n        }\n\n        .onsen-prod-wrapper .model-link-btn:hover {\n            border-color: var(--on-blue);\n            background-color: rgba(86, 190, 218, 0.05);\n            transform: translateY(-1px);\n        }\n\n        .onsen-prod-wrapper .model-link-btn .arrow-icon {\n            color: var(--on-blue);\n            font-size: 14px;\n            transition: transform 0.2s ease-in-out;\n        }\n\n        .onsen-prod-wrapper .model-link-btn:hover .arrow-icon {\n            transform: translateX(3px);\n            color: var(--on-red);\n        }\n\n        \/* Footer card styling adjusted for Light Background Integration *\/\n        .onsen-prod-wrapper .light-footer-card {\n            background-color: #f8fafc;\n            border: 1px solid #e2e8f0;\n            border-radius: 6px;\n            padding: 18px 24px;\n            margin-top: 15px;\n        }\n\n        .onsen-prod-wrapper .support-footer {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            gap: 24px;\n            width: 100%;\n        }\n\n        .onsen-prod-wrapper .support-text-area {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 2px;\n        }\n\n        .onsen-prod-wrapper .support-footer h3 {\n            margin: 0;\n            font-size: 13px;\n            font-weight: 900;\n            text-transform: uppercase;\n            color: #000000; \n            letter-spacing: 0.5px;\n            border-left: 2px solid var(--on-red);\n            padding-left: 8px;\n        }\n\n        .onsen-prod-wrapper .support-footer p {\n            margin: 0;\n            font-size: 13px;\n            line-height: 1.4;\n            color: var(--on-muted);\n        }\n\n        .onsen-prod-wrapper .tel-link {\n            font-weight: 700;\n            color: var(--on-red); \n            text-decoration: underline;\n            white-space: nowrap;\n            display: inline-block;\n        }\n\n        .onsen-prod-wrapper .btn-group {\n            display: flex !important;\n            flex-direction: row !important;\n            flex-wrap: wrap !important;\n            gap: 8px !important;\n            flex-shrink: 1;\n        }\n\n        .onsen-prod-wrapper .quote-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            background-color: #0f172a; \n            color: #ffffff !important;\n            padding: 7px 12px;\n            border-radius: 4px;\n            text-decoration: none !important;\n            font-weight: 700;\n            font-size: 11px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            transition: all 0.2s ease-in-out;\n            white-space: nowrap;\n        }\n\n        .onsen-prod-wrapper .quote-btn-secondary {\n            background-color: transparent;\n            color: #0f172a !important;\n            border: 1px solid #cbd5e1;\n        }\n\n        .onsen-prod-wrapper .quote-btn:hover {\n            background-color: var(--on-blue);\n            color: #ffffff !important;\n            border-color: var(--on-blue);\n            transform: translateY(-1px);\n        }\n\n        .onsen-prod-wrapper .quote-btn-secondary:hover {\n            background-color: rgba(15, 23, 42, 0.04) !important;\n            border-color: #0f172a !important;\n            color: #0f172a !important;\n        }\n\n        @media screen and (max-width: 768px) {\n            .onsen-prod-wrapper h1 { font-size: 22px; }\n            .onsen-prod-wrapper .sub-header { font-size: 13px; }\n            .onsen-prod-wrapper .sales-highlights { grid-template-columns: 1fr; gap: 16px; margin: 25px 0 35px 0; }\n            .onsen-prod-wrapper .specs-grid { grid-template-columns: 1fr; gap: 4px; }\n            .onsen-prod-wrapper .kit-row { flex-direction: column; align-items: flex-start; gap: 2px; }\n            .onsen-prod-wrapper .kit-detail { text-align: left; }\n            \n            .onsen-prod-wrapper .support-footer {\n                flex-direction: column !important;\n                align-items: flex-start;\n                gap: 16px;\n            }\n            .onsen-prod-wrapper .btn-group {\n                width: auto !important;\n            }\n            .onsen-prod-wrapper .quote-btn {\n                flex: 0 0 auto !important;\n                padding: 8px 12px;\n                font-size: 11px;\n            }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"onsen-prod-wrapper\"\u003e\n    \u003c!-- Main Title Block with Flanking Animations --\u003e\n    \u003cdiv class=\"brand-header-area\"\u003e\n        \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\" style=\"width: 18px; height: 18px;\"\u003e\n            \u003cpolygon class=\"tri-down-arrow\" points=\"2,4 22,4 12,20\"\u003e\u003c\/polygon\u003e\n        \u003c\/svg\u003e\n        \u003ch1\u003eOnsen 10L Portable Tankless Water Heater\u003c\/h1\u003e\n        \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\" style=\"width: 18px; height: 18px;\"\u003e\n            \u003cpolygon class=\"tri-up-arrow\" points=\"12,4 22,20 2,20\"\u003e\u003c\/polygon\u003e\n        \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sub-header\" style=\"margin-top: 0; margin-bottom: 24px;\"\u003eInstant hot water for outdoor and off-grid use. Delivering high-powered heating and flow capacity ideal for freezing inlet water temperatures down to 45°F \/ 7°C and colder.\u003c\/p\u003e\n\n    \u003c!-- Typographic Sales Highlight Rows --\u003e\n    \u003cdiv class=\"sales-highlights\"\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eHighest Output Portable System\u003c\/h4\u003e\n            \u003cp\u003eMaximum heating capacity designed specifically to combat colder water feeds.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eDual Ignition System\u003c\/h4\u003e\n            \u003cp\u003eActivates anywhere using two standard \"D\" cell batteries or a simple 12V power source.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eEasy Temperature Control\u003c\/h4\u003e\n            \u003cp\u003eIntegrated bright LED display directly monitors water temperature and battery status.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003ePremium Shower Setup\u003c\/h4\u003e\n            \u003cp\u003eComes equipped with a multi-spray shower head featuring direct on\/off controls.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Narrow Box alignment zone --\u003e\n    \u003cdiv class=\"onsen-narrow-box\"\u003e\n        \n        \u003c!-- Technical Specifications Grid with Symmetric Highlight Alignment --\u003e\n        \u003cdiv class=\"section-title\"\u003eTechnical Specifications\u003c\/div\u003e\n        \u003cdiv class=\"specs-grid\"\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eModel SKU\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eOnsen 10L\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eFuel Type\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eLiquid Propane\u003c\/span\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Side-by-Side Highlight Row Alignment --\u003e\n            \u003cdiv class=\"spec-item spec-item-blue\"\u003e\n                \u003cspan class=\"spec-label\" style=\"color: var(--on-blue); font-weight: 800;\"\u003e\n                    \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n                        \u003cpolygon class=\"tri-down-arrow\" points=\"2,4 22,4 12,20\"\u003e\u003c\/polygon\u003e\n                    \u003c\/svg\u003e\n                    Water Flow Rate\n                \u003c\/span\u003e\n                \u003cspan class=\"spec-value\" style=\"color: var(--on-blue); font-weight: 800;\"\u003e2.64 GPM (10 Liters\/Min)\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item spec-item-red\"\u003e\n                \u003cspan class=\"spec-label\" style=\"color: var(--on-red); font-weight: 800;\"\u003e\n                    \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n                        \u003cpolygon class=\"tri-up-arrow\" points=\"12,4 22,20 2,20\"\u003e\u003c\/polygon\u003e\n                    \u003c\/svg\u003e\n                    Heating Output\n                \u003c\/span\u003e\n                \u003cspan class=\"spec-value\" style=\"color: var(--on-red); font-weight: 800;\"\u003e75,000 BTU\/HR\u003c\/span\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWater Connection\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e1\/2\" Fittings\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWater Pressure Required\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e10 - 80 PSI\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eIgnition System\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e2 \"D\" Batteries \/ 12V Alligator Clips\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eMax Temperature\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e60°C \/ 140°F\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eHeater Weight\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e19 lbs \/ 8.62 kg\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eDimensions\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e25.83\" x 13.43\" x 8.19\"\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eCertifications\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eCSA Listed\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\" style=\"border-bottom: none;\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWarranty Scheme\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e2-Year Limited Warranty\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- High-readability Kit Contents list --\u003e\n        \u003cdiv class=\"section-title\"\u003eKit Contents\u003c\/div\u003e\n        \u003cdiv class=\"kit-list\"\u003e\n            \u003cdiv class=\"kit-row\"\u003e\n                \u003cspan class=\"kit-name\"\u003eOnsen 10L Water Heater\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x Main Portable Tankless Burner Unit\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"kit-row\"\u003e\n                \u003cspan class=\"kit-name\"\u003ePremium Shower Head\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x Handheld Head with integrated on\/off control\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"kit-row\"\u003e\n                \u003cspan class=\"kit-name\"\u003eGas Regulator Hose\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x CSA approved assembly for standard 20 lb propane tank\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"kit-row\"\u003e\n                \u003cspan class=\"kit-name\"\u003e12V Ignition Alligator Clips\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x Connector cable for 12V battery ignition option\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"kit-row\"\u003e\n                \u003cspan class=\"kit-name\"\u003eGarden Hose Adapter Kit\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x Standard male\/female QuickConnect coupling set\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"kit-row\"\u003e\n                \u003cspan class=\"kit-name\"\u003eTeflon Tape Roll\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x Thread sealant tape for leak-free connections\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"kit-row\" style=\"border-bottom: none;\"\u003e\n                \u003cspan class=\"kit-name\"\u003eMounting Hardware Kit\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x Anchor screws and wall attachment set\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Minimal Open Format System Notes Block --\u003e\n        \u003cdiv class=\"section-title\"\u003eImportant System Notes\u003c\/div\u003e\n        \u003cdiv class=\"minimal-notes-box\"\u003e\n            \u003cul\u003e\n                \u003cli\u003e\n\u003cstrong\u003eEnvironment Requirements:\u003c\/strong\u003e Engineered and certified strictly for outdoor, ventilated setups only. Not approved for indoor installation.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePressurization:\u003c\/strong\u003e Requires clean pressurized water source supplying at least 10 PSI. Lakes and holding tank feeds require an inline water pump system.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eHose Sizing Tip:\u003c\/strong\u003e We strongly recommend using a standard 1\/2\" diameter connection hose between the source and pump. While pumps supply adequate PSI, ignition failures are frequently caused by oversized 5\/8\" or 3\/4\" feed hoses.\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Responsive YouTube Video Embed Showcase with Flanking Triangle Animations --\u003e\n        \u003cdiv class=\"section-title spotlight-title\"\u003e\n            \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n                \u003cpolygon class=\"tri-down-arrow\" points=\"2,4 22,4 12,20\"\u003e\u003c\/polygon\u003e\n            \u003c\/svg\u003e\n            \u003cspan\u003eProduct Spotlight \u0026amp; Assembly Guide\u003c\/span\u003e\n            \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n                \u003cpolygon class=\"tri-up-arrow\" points=\"12,4 22,20 2,20\"\u003e\u003c\/polygon\u003e\n            \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"video-container\"\u003e\n            \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/jw-u_Lf-hHg\" title=\"Onsen 10L Tankless Water Heater Video Guide\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen\u003e\u003c\/iframe\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"video-channel-link\"\u003e\n            \u003ca href=\"https:\/\/www.youtube.com\/@onsen5358\" target=\"_blank\"\u003eExplore the official Onsen YouTube Channel →\u003c\/a\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Compact Directory Link List --\u003e\n        \u003cdiv class=\"section-title\"\u003eOther Product Options\u003c\/div\u003e\n        \u003cdiv class=\"other-models-section\"\u003e\n            \u003cdiv class=\"models-grid\"\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-5l-portable-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    5L Portable \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-7l-portable-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    7L Portable \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-14l-indoor-propane-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    14L Indoor Propane \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-26l-indoor-propane-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    26L Indoor Propane \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"subsection-title\"\u003eNatural Gas Options\u003c\/div\u003e\n            \u003cdiv class=\"models-grid\"\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-14l-indoor-natural-gas-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    14L Indoor NG \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-26l-indoor-natural-gas-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    26L Indoor NG \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Support footer block --\u003e\n        \u003cdiv class=\"light-footer-card\"\u003e\n            \u003cdiv class=\"support-footer\"\u003e\n                \u003cdiv class=\"support-text-area\"\u003e\n                    \u003ch3\u003ePLAN YOUR COMFORT\u003c\/h3\u003e\n                    \u003cp\u003eNeed assistance? Call our sales team toll-free at \u003cspan class=\"tel-link\"\u003e\u003ca href=\"tel:+18446034743\" class=\"tel-link\"\u003e+1 (844) 603-4743\u003c\/a\u003e\u003c\/span\u003e.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"btn-group\"\u003e\n                    \u003ca href=\"https:\/\/thecabindepot.ca\/pages\/solar-calculator\" target=\"_blank\" class=\"quote-btn quote-btn-secondary\"\u003eSolar Quote Request\u003c\/a\u003e\n                    \u003ca href=\"https:\/\/share.hsforms.com\/1gcABoX2FRCa8LnBu0QtmFgrbc1e\" target=\"_blank\" class=\"quote-btn\"\u003eContact Us Online\u003c\/a\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"Onsen","offers":[{"title":"Default Title","offer_id":45195351621729,"sku":"ON-PWH-10L","price":299.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Onsen10LPortableTanklessWaterHeaterimg1.webp?v=1781711730"},{"product_id":"onsen-14l-indoor-propane-tankless-water-heater","title":"Onsen 14L Indoor Propane Tankless Water Heater","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026display=swap');\n\n        \/* Scoped Container to Prevent Theme Bleeding - Onsen Custom Light Theme *\/\n        .onsen-prod-wrapper {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            background-color: transparent !important;\n            color: #0f172a !important; \n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 5px 15px 15px;\n            line-height: 1.5;\n            box-sizing: border-box;\n        }\n\n        .onsen-prod-wrapper * { \n            box-sizing: border-box; \n        }\n\n        \/* Onsen Nature-Comfort Design Tokens (Configured for Light Mode \/ Dark Text) *\/\n        .onsen-prod-wrapper {\n            --on-blue: #56beda;        \n            --on-red: #e01d3a;         \n            --on-dark: #0f172a;        \n            --on-muted: #475569;       \n            --on-border: #cbd5e1;      \n        }\n\n        \/* Centered Brand Identifier Header with Flanking Animations *\/\n        .onsen-prod-wrapper .brand-header-area {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n\n        .onsen-prod-wrapper h1 {\n            font-size: 28px;\n            font-weight: 900;\n            color: var(--on-dark);\n            line-height: 1.2;\n            margin: 0;\n            letter-spacing: -0.75px;\n        }\n\n        \/* Subtitle \u0026 Sub-Header Styling *\/\n        .onsen-prod-wrapper .sub-header {\n            font-size: 15px;\n            color: var(--on-muted);\n            font-weight: 500;\n            line-height: 1.4;\n            margin: 12px auto 0 auto;\n            text-align: center;\n            max-width: 720px;\n        }\n\n        \/* Simplified Sales Highlights List without boxes or emojis *\/\n        .onsen-prod-wrapper .sales-highlights {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px 30px;\n            margin: 30px 0 40px 0;\n        }\n\n        .onsen-prod-wrapper .highlight-item {\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n\n        .onsen-prod-wrapper .highlight-item h4 {\n            margin: 0;\n            font-size: 14px;\n            font-weight: 800;\n            text-transform: uppercase;\n            color: var(--on-dark);\n            letter-spacing: 0.5px;\n        }\n\n        .onsen-prod-wrapper .highlight-item p {\n            margin: 0;\n            font-size: 13.5px;\n            color: var(--on-muted);\n            line-height: 1.45;\n        }\n\n        \/* Reined-in Width wrapper to maintain perfect line lengths on desktop *\/\n        .onsen-prod-wrapper .onsen-narrow-box {\n            max-width: 720px;\n            margin: 0 auto;\n        }\n\n        \/* Simplified Specifications and Kit List Headers *\/\n        .onsen-prod-wrapper .section-title {\n            color: var(--on-dark);\n            font-weight: 800;\n            text-transform: uppercase;\n            font-size: 14px;\n            letter-spacing: 1px;\n            margin-bottom: 16px;\n            border-bottom: 1px solid var(--on-border);\n            padding-bottom: 6px;\n        }\n\n        \/* Highly Readable Specs Grid *\/\n        .onsen-prod-wrapper .specs-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 10px 40px;\n            margin-bottom: 35px;\n        }\n\n        .onsen-prod-wrapper .spec-item {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            border-bottom: 1px solid #e2e8f0;\n            padding: 6px 0;\n        }\n\n        .onsen-prod-wrapper .spec-label {\n            font-size: 11px;\n            font-weight: 700;\n            text-transform: uppercase;\n            color: var(--on-muted);\n            letter-spacing: 0.5px;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        .onsen-prod-wrapper .spec-value {\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--on-dark);\n            text-align: right;\n        }\n\n        \/* Gliding arrow icon parameters inside the specs list *\/\n        .onsen-prod-wrapper .convection-arrow {\n            width: 12px;\n            height: 12px;\n            display: inline-block;\n            flex-shrink: 0;\n        }\n\n        .onsen-prod-wrapper .tri-down-arrow {\n            fill: var(--on-blue);\n            animation: glideDown 3s infinite ease-in-out;\n        }\n\n        .onsen-prod-wrapper .tri-up-arrow {\n            fill: var(--on-red);\n            animation: glideUp 3s infinite ease-in-out;\n        }\n\n        @keyframes glideDown {\n            0%, 100% { transform: translateY(-2.5px); }\n            50% { transform: translateY(2.5px); }\n        }\n\n        @keyframes glideUp {\n            0%, 100% { transform: translateY(2.5px); }\n            50% { transform: translateY(-2.5px); }\n        }\n\n        \/* Highlighted Key Layman Tech Specs - Border only, no background coloring *\/\n        .onsen-prod-wrapper .spec-item-blue {\n            border-bottom: 1.5px solid var(--on-blue) !important;\n            background-color: transparent !important;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n\n        .onsen-prod-wrapper .spec-item-red {\n            border-bottom: 1.5px solid var(--on-red) !important;\n            background-color: transparent !important;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n\n        \/* Elegant Kit Contents List *\/\n        .onsen-prod-wrapper .kit-list {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n            margin-bottom: 40px;\n        }\n\n        .onsen-prod-wrapper .kit-row {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding-bottom: 8px;\n            border-bottom: 1px solid #e2e8f0;\n        }\n\n        .onsen-prod-wrapper .kit-name {\n            font-size: 13px;\n            font-weight: 700;\n            color: var(--on-dark);\n        }\n\n        .onsen-prod-wrapper .kit-detail {\n            font-size: 13px;\n            color: var(--on-muted);\n            text-align: right;\n        }\n\n        \/* Minimal Display Style for System Notes (No background or javascript wrapper) *\/\n        .onsen-prod-wrapper .minimal-notes-box {\n            margin-bottom: 40px;\n            border-left: 2px solid var(--on-border);\n            padding-left: 18px;\n        }\n\n        .onsen-prod-wrapper .minimal-notes-box ul {\n            margin: 0;\n            padding: 0;\n            list-style-type: none;\n        }\n\n        .onsen-prod-wrapper .minimal-notes-box li {\n            font-size: 13.5px;\n            color: var(--on-muted);\n            line-height: 1.55;\n            margin-bottom: 12px;\n            position: relative;\n        }\n\n        .onsen-prod-wrapper .minimal-notes-box li:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Link List to Other Models Section *\/\n        .onsen-prod-wrapper .other-models-section {\n            margin-bottom: 24px;\n        }\n\n        .onsen-prod-wrapper .subsection-title {\n            font-size: 11px;\n            font-weight: 800;\n            text-transform: uppercase;\n            color: var(--on-muted);\n            letter-spacing: 0.75px;\n            margin: 18px 0 10px 0;\n        }\n\n        \/* Grid locked to exactly 2 columns at all times on all screen breakpoints *\/\n        .onsen-prod-wrapper .models-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr) !important;\n            gap: 12px;\n        }\n\n        .onsen-prod-wrapper .model-link-btn {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 12px 16px;\n            background-color: #f8fafc;\n            border: 1px solid #e2e8f0;\n            border-radius: 6px;\n            color: var(--on-dark) !important;\n            text-decoration: none !important;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            transition: all 0.2s ease-in-out;\n        }\n\n        .onsen-prod-wrapper .model-link-btn:hover {\n            border-color: var(--on-blue);\n            background-color: rgba(86, 190, 218, 0.05);\n            transform: translateY(-1px);\n        }\n\n        .onsen-prod-wrapper .model-link-btn .arrow-icon {\n            color: var(--on-blue);\n            font-size: 14px;\n            transition: transform 0.2s ease-in-out;\n        }\n\n        .onsen-prod-wrapper .model-link-btn:hover .arrow-icon {\n            transform: translateX(3px);\n            color: var(--on-red);\n        }\n\n        \/* Footer card styling adjusted for Light Background Integration *\/\n        .onsen-prod-wrapper .light-footer-card {\n            background-color: #f8fafc;\n            border: 1px solid #e2e8f0;\n            border-radius: 6px;\n            padding: 18px 24px;\n            margin-top: 15px;\n        }\n\n        .onsen-prod-wrapper .support-footer {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            gap: 24px;\n            width: 100%;\n        }\n\n        .onsen-prod-wrapper .support-text-area {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 2px;\n        }\n\n        .onsen-prod-wrapper .support-footer h3 {\n            margin: 0;\n            font-size: 13px;\n            font-weight: 900;\n            text-transform: uppercase;\n            color: #000000; \n            letter-spacing: 0.5px;\n            border-left: 2px solid var(--on-red);\n            padding-left: 8px;\n        }\n\n        .onsen-prod-wrapper .support-footer p {\n            margin: 0;\n            font-size: 13px;\n            line-height: 1.4;\n            color: var(--on-muted);\n        }\n\n        .onsen-prod-wrapper .tel-link {\n            font-weight: 700;\n            color: var(--on-red); \n            text-decoration: underline;\n            white-space: nowrap;\n            display: inline-block;\n        }\n\n        .onsen-prod-wrapper .btn-group {\n            display: flex !important;\n            flex-direction: row !important;\n            flex-wrap: wrap !important;\n            gap: 8px !important;\n            flex-shrink: 1;\n        }\n\n        .onsen-prod-wrapper .quote-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            background-color: #0f172a; \n            color: #ffffff !important;\n            padding: 7px 12px;\n            border-radius: 4px;\n            text-decoration: none !important;\n            font-weight: 700;\n            font-size: 11px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            transition: all 0.2s ease-in-out;\n            white-space: nowrap;\n        }\n\n        .onsen-prod-wrapper .quote-btn-secondary {\n            background-color: transparent;\n            color: #0f172a !important;\n            border: 1px solid #cbd5e1;\n        }\n\n        .onsen-prod-wrapper .quote-btn:hover {\n            background-color: var(--on-blue);\n            color: #ffffff !important;\n            border-color: var(--on-blue);\n            transform: translateY(-1px);\n        }\n\n        .onsen-prod-wrapper .quote-btn-secondary:hover {\n            background-color: rgba(15, 23, 42, 0.04) !important;\n            border-color: #0f172a !important;\n            color: #0f172a !important;\n        }\n\n        @media screen and (max-width: 768px) {\n            .onsen-prod-wrapper h1 { font-size: 22px; }\n            .onsen-prod-wrapper .sub-header { font-size: 13px; }\n            .onsen-prod-wrapper .sales-highlights { grid-template-columns: 1fr; gap: 16px; margin: 25px 0 35px 0; }\n            .onsen-prod-wrapper .specs-grid { grid-template-columns: 1fr; gap: 4px; }\n            .onsen-prod-wrapper .kit-row { flex-direction: column; align-items: flex-start; gap: 2px; }\n            .onsen-prod-wrapper .kit-detail { text-align: left; }\n            \n            .onsen-prod-wrapper .support-footer {\n                flex-direction: column !important;\n                align-items: flex-start;\n                gap: 16px;\n            }\n            .onsen-prod-wrapper .btn-group {\n                width: auto !important;\n            }\n            .onsen-prod-wrapper .quote-btn {\n                flex: 0 0 auto !important;\n                padding: 8px 12px;\n                font-size: 11px;\n            }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"onsen-prod-wrapper\"\u003e\n    \u003c!-- Main Title Block with Flanking Animations --\u003e\n    \u003cdiv class=\"brand-header-area\"\u003e\n        \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\" style=\"width: 18px; height: 18px;\"\u003e\n            \u003cpolygon class=\"tri-down-arrow\" points=\"2,4 22,4 12,20\"\u003e\u003c\/polygon\u003e\n        \u003c\/svg\u003e\n        \u003ch1\u003eOnsen 14L Indoor Propane Tankless Water Heater\u003c\/h1\u003e\n        \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\" style=\"width: 18px; height: 18px;\"\u003e\n            \u003cpolygon class=\"tri-up-arrow\" points=\"12,4 22,20 2,20\"\u003e\u003c\/polygon\u003e\n        \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sub-header\" style=\"margin-top: 0; margin-bottom: 24px;\"\u003eEndless hot water, sized for smaller homes. Compact and certified indoor design built for apartments, cabins, and cottages.\u003c\/p\u003e\n\n    \u003c!-- Typographic Sales Highlight Rows --\u003e\n    \u003cdiv class=\"sales-highlights\"\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eCompact Indoor Design\u003c\/h4\u003e\n            \u003cp\u003eDirect-vent system supports space-saving vertical configurations in restricted areas.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eElectronic Ignition\u003c\/h4\u003e\n            \u003cp\u003eActivates instantly using a standard 120V household outlet—no continuous pilot light.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eEasy Temperature Control\u003c\/h4\u003e\n            \u003cp\u003eLED digital thermostat display operates with three built-in preset heating levels.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eEco Energy Savings\u003c\/h4\u003e\n            \u003cp\u003eSaves resources by executing powerful high-efficiency heating only on demand.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Narrow Box alignment zone --\u003e\n    \u003cdiv class=\"onsen-narrow-box\"\u003e\n        \n        \u003c!-- Technical Specifications Grid with Symmetric Highlight Alignment --\u003e\n        \u003cdiv class=\"section-title\"\u003eTechnical Specifications\u003c\/div\u003e\n        \u003cdiv class=\"specs-grid\"\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eModel SKU\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eOnsen 14L\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eFuel Type\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eLiquid Propane\u003c\/span\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Side-by-Side Highlight Row Alignment --\u003e\n            \u003cdiv class=\"spec-item spec-item-blue\"\u003e\n                \u003cspan class=\"spec-label\" style=\"color: var(--on-blue); font-weight: 800;\"\u003e\n                    \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n                        \u003cpolygon class=\"tri-down-arrow\" points=\"2,4 22,4 12,20\"\u003e\u003c\/polygon\u003e\n                    \u003c\/svg\u003e\n                    Water Flow Rate\n                \u003c\/span\u003e\n                \u003cspan class=\"spec-value\" style=\"color: var(--on-blue); font-weight: 800;\"\u003e3.70 GPM (14 Liters\/Min)\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item spec-item-red\"\u003e\n                \u003cspan class=\"spec-label\" style=\"color: var(--on-red); font-weight: 800;\"\u003e\n                    \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n                        \u003cpolygon class=\"tri-up-arrow\" points=\"12,4 22,20 2,20\"\u003e\u003c\/polygon\u003e\n                    \u003c\/svg\u003e\n                    Heating Output\n                \u003c\/span\u003e\n                \u003cspan class=\"spec-value\" style=\"color: var(--on-red); font-weight: 800;\"\u003e97,000 BTU\/HR\u003c\/span\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWater Connection\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e1\/2\" Fittings\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWater Pressure Required\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e15 - 80 PSI\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eIgnition System\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e120V Electric Plug\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eMax Temperature\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e60°C \/ 140°F\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eVent Configuration\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eDirect Vent (3\" Cat III venting)\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eUnit Weight\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e32 lbs \/ 14.51 kg\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eDimensions\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e25.94\" x 13.90\" x 5.59\"\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\" style=\"border-bottom: none;\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWarranty Scheme\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e2-Year Limited Warranty\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- High-readability Kit Contents list --\u003e\n        \u003cdiv class=\"section-title\"\u003eKit Contents\u003c\/div\u003e\n        \u003cdiv class=\"kit-list\"\u003e\n            \u003cdiv class=\"kit-row\" style=\"border-bottom: none;\"\u003e\n                \u003cspan class=\"kit-name\"\u003eOnsen 14L Indoor Gas Heater\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x CSA approved main indoor burner unit (venting components sold separately)\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Minimal Open Format System Notes Block --\u003e\n        \u003cdiv class=\"section-title\"\u003eImportant System Notes\u003c\/div\u003e\n        \u003cdiv class=\"minimal-notes-box\"\u003e\n            \u003cul\u003e\n                \u003cli\u003e\n\u003cstrong\u003eEnvironment Requirements:\u003c\/strong\u003e Certified and engineered strictly for indoor installations. Ensure direct venting to outdoor atmosphere is configured correctly.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eGas Configuration:\u003c\/strong\u003e Units are factory-set and cannot be converted between gas types. Confirm setup requirements before installation.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eSystem Compatibility:\u003c\/strong\u003e Not approved or certified for hydronic, closed-loop, recirculating, or standard floor-heating configurations.\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Compact Directory Link List --\u003e\n        \u003cdiv class=\"section-title\"\u003eOther Product Options\u003c\/div\u003e\n        \u003cdiv class=\"other-models-section\"\u003e\n            \u003cdiv class=\"models-grid\"\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-5l-portable-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    5L Portable \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-7l-portable-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    7L Portable \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-10l-portable-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    10L Portable \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-26l-indoor-propane-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    26L Indoor Propane \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"subsection-title\"\u003eNatural Gas Options\u003c\/div\u003e\n            \u003cdiv class=\"models-grid\"\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-14l-indoor-natural-gas-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    14L Indoor NG \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-26l-indoor-natural-gas-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    26L Indoor NG \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Support footer block --\u003e\n        \u003cdiv class=\"light-footer-card\"\u003e\n            \u003cdiv class=\"support-footer\"\u003e\n                \u003cdiv class=\"support-text-area\"\u003e\n                    \u003ch3\u003ePLAN YOUR COMFORT\u003c\/h3\u003e\n                    \u003cp\u003eNeed assistance? Call our sales team toll-free at \u003cspan class=\"tel-link\"\u003e\u003ca href=\"tel:+18446034743\" class=\"tel-link\"\u003e+1 (844) 603-4743\u003c\/a\u003e\u003c\/span\u003e.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"btn-group\"\u003e\n                    \u003ca href=\"https:\/\/thecabindepot.ca\/pages\/solar-calculator\" target=\"_blank\" class=\"quote-btn quote-btn-secondary\"\u003eSolar Quote Request\u003c\/a\u003e\n                    \u003ca href=\"https:\/\/share.hsforms.com\/1gcABoX2FRCa8LnBu0QtmFgrbc1e\" target=\"_blank\" class=\"quote-btn\"\u003eContact Us Online\u003c\/a\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"Onsen","offers":[{"title":"Default Title","offer_id":45195351916641,"sku":"ON-I14L-LP","price":729.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Onsen14LIndoorPropaneTanklessWaterHeaterimg1.webp?v=1781714473"},{"product_id":"onsen-14l-indoor-natural-gas-tankless-water-heater","title":"Onsen 14L Indoor Natural Gas Tankless Water Heater","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026display=swap');\n\n        \/* Scoped Container to Prevent Theme Bleeding - Onsen Custom Light Theme *\/\n        .onsen-prod-wrapper {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            background-color: transparent !important;\n            color: #0f172a !important; \n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 5px 15px 15px;\n            line-height: 1.5;\n            box-sizing: border-box;\n        }\n\n        .onsen-prod-wrapper * { \n            box-sizing: border-box; \n        }\n\n        \/* Onsen Nature-Comfort Design Tokens (Light Mode \/ Dark Text) *\/\n        .onsen-prod-wrapper {\n            --on-blue: #56beda;        \n            --on-red: #e01d3a;         \n            --on-dark: #0f172a;        \n            --on-muted: #475569;       \n            --on-border: #cbd5e1;      \n        }\n\n        \/* Centered Brand Identifier Header with Flanking Animations *\/\n        .onsen-prod-wrapper .brand-header-area {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n\n        .onsen-prod-wrapper h1 {\n            font-size: 28px;\n            font-weight: 900;\n            color: var(--on-dark);\n            line-height: 1.2;\n            margin: 0;\n            letter-spacing: -0.75px;\n        }\n\n        \/* Subtitle \u0026 Sub-Header Styling *\/\n        .onsen-prod-wrapper .sub-header {\n            font-size: 15px;\n            color: var(--on-muted);\n            font-weight: 500;\n            line-height: 1.4;\n            margin: 12px auto 0 auto;\n            text-align: center;\n            max-width: 720px;\n        }\n\n        \/* Simplified Sales Highlights List without boxes or emojis *\/\n        .onsen-prod-wrapper .sales-highlights {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px 30px;\n            margin: 30px 0 40px 0;\n        }\n\n        .onsen-prod-wrapper .highlight-item {\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n\n        .onsen-prod-wrapper .highlight-item h4 {\n            margin: 0;\n            font-size: 14px;\n            font-weight: 800;\n            text-transform: uppercase;\n            color: var(--on-dark);\n            letter-spacing: 0.5px;\n        }\n\n        .onsen-prod-wrapper .highlight-item p {\n            margin: 0;\n            font-size: 13.5px;\n            color: var(--on-muted);\n            line-height: 1.45;\n        }\n\n        \/* Reined-in Width wrapper to maintain perfect line lengths on desktop *\/\n        .onsen-prod-wrapper .onsen-narrow-box {\n            max-width: 720px;\n            margin: 0 auto;\n        }\n\n        \/* Simplified Specifications and Kit List Headers *\/\n        .onsen-prod-wrapper .section-title {\n            color: var(--on-dark);\n            font-weight: 800;\n            text-transform: uppercase;\n            font-size: 14px;\n            letter-spacing: 1px;\n            margin-bottom: 16px;\n            border-bottom: 1px solid var(--on-border);\n            padding-bottom: 6px;\n        }\n\n        \/* Highly Readable Specs Grid *\/\n        .onsen-prod-wrapper .specs-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 10px 40px;\n            margin-bottom: 35px;\n        }\n\n        .onsen-prod-wrapper .spec-item {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            border-bottom: 1px solid #e2e8f0;\n            padding: 6px 0;\n        }\n\n        .onsen-prod-wrapper .spec-label {\n            font-size: 11px;\n            font-weight: 700;\n            text-transform: uppercase;\n            color: var(--on-muted);\n            letter-spacing: 0.5px;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        .onsen-prod-wrapper .spec-value {\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--on-dark);\n            text-align: right;\n        }\n\n        \/* Gliding arrow icon parameters inside the specs list *\/\n        .onsen-prod-wrapper .convection-arrow {\n            width: 12px;\n            height: 12px;\n            display: inline-block;\n            flex-shrink: 0;\n        }\n\n        .onsen-prod-wrapper .tri-down-arrow {\n            fill: var(--on-blue);\n            animation: glideDown 3s infinite ease-in-out;\n        }\n\n        .onsen-prod-wrapper .tri-up-arrow {\n            fill: var(--on-red);\n            animation: glideUp 3s infinite ease-in-out;\n        }\n\n        @keyframes glideDown {\n            0%, 100% { transform: translateY(-2.5px); }\n            50% { transform: translateY(2.5px); }\n        }\n\n        @keyframes glideUp {\n            0%, 100% { transform: translateY(2.5px); }\n            50% { transform: translateY(-2.5px); }\n        }\n\n        \/* Highlighted Key Layman Tech Specs - Border only, no background coloring *\/\n        .onsen-prod-wrapper .spec-item-blue {\n            border-bottom: 1.5px solid var(--on-blue) !important;\n            background-color: transparent !important;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n\n        .onsen-prod-wrapper .spec-item-red {\n            border-bottom: 1.5px solid var(--on-red) !important;\n            background-color: transparent !important;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n\n        \/* Elegant Kit Contents List *\/\n        .onsen-prod-wrapper .kit-list {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n            margin-bottom: 40px;\n        }\n\n        .onsen-prod-wrapper .kit-row {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding-bottom: 8px;\n            border-bottom: 1px solid #e2e8f0;\n        }\n\n        .onsen-prod-wrapper .kit-name {\n            font-size: 13px;\n            font-weight: 700;\n            color: var(--on-dark);\n        }\n\n        .onsen-prod-wrapper .kit-detail {\n            font-size: 13px;\n            color: var(--on-muted);\n            text-align: right;\n        }\n\n        \/* Minimal Display Style for System Notes (No background or javascript wrapper) *\/\n        .onsen-prod-wrapper .minimal-notes-box {\n            margin-bottom: 40px;\n            border-left: 2px solid var(--on-border);\n            padding-left: 18px;\n        }\n\n        .onsen-prod-wrapper .minimal-notes-box ul {\n            margin: 0;\n            padding: 0;\n            list-style-type: none;\n        }\n\n        .onsen-prod-wrapper .minimal-notes-box li {\n            font-size: 13.5px;\n            color: var(--on-muted);\n            line-height: 1.55;\n            margin-bottom: 12px;\n            position: relative;\n        }\n\n        .onsen-prod-wrapper .minimal-notes-box li:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Highly Symmetrical Dual-Column Comparison Menu CSS *\/\n        .onsen-prod-wrapper .collection-split-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 24px;\n            margin-bottom: 40px;\n        }\n\n        .onsen-prod-wrapper .collection-column {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n\n        .onsen-prod-wrapper .subsection-title {\n            font-size: 11px;\n            font-weight: 800;\n            text-transform: uppercase;\n            color: var(--on-muted);\n            letter-spacing: 0.75px;\n            margin: 0;\n            padding-bottom: 4px;\n            border-bottom: 1px solid #f1f5f9;\n        }\n\n        .onsen-prod-wrapper .column-links {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }\n\n        .onsen-prod-wrapper .model-link-btn {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 12px 16px;\n            background-color: #f8fafc;\n            border: 1px solid #e2e8f0;\n            border-radius: 6px;\n            color: var(--on-dark) !important;\n            text-decoration: none !important;\n            font-size: 11px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            transition: all 0.2s ease-in-out;\n        }\n\n        .onsen-prod-wrapper .model-link-btn:hover {\n            border-color: var(--on-blue);\n            background-color: rgba(86, 190, 218, 0.05);\n            transform: translateY(-1px);\n        }\n\n        .onsen-prod-wrapper .model-link-btn .arrow-icon {\n            color: var(--on-blue);\n            font-size: 14px;\n            transition: transform 0.2s ease-in-out;\n        }\n\n        .onsen-prod-wrapper .model-link-btn:hover .arrow-icon {\n            transform: translateX(3px);\n            color: var(--on-red);\n        }\n\n        \/* Footer card styling adjusted for Light Background Integration *\/\n        .onsen-prod-wrapper .light-footer-card {\n            background-color: #f8fafc;\n            border: 1px solid #e2e8f0;\n            border-radius: 6px;\n            padding: 18px 24px;\n            margin-top: 15px;\n        }\n\n        .onsen-prod-wrapper .support-footer {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            gap: 24px;\n            width: 100%;\n        }\n\n        .onsen-prod-wrapper .support-text-area {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 2px;\n        }\n\n        .onsen-prod-wrapper .support-footer h3 {\n            margin: 0;\n            font-size: 13px;\n            font-weight: 900;\n            text-transform: uppercase;\n            color: #000000; \n            letter-spacing: 0.5px;\n            border-left: 2px solid var(--on-red);\n            padding-left: 8px;\n        }\n\n        .onsen-prod-wrapper .support-footer p {\n            margin: 0;\n            font-size: 13px;\n            line-height: 1.4;\n            color: var(--on-muted);\n        }\n\n        .onsen-prod-wrapper .tel-link {\n            font-weight: 700;\n            color: var(--on-red); \n            text-decoration: underline;\n            white-space: nowrap;\n            display: inline-block;\n        }\n\n        .onsen-prod-wrapper .btn-group {\n            display: flex !important;\n            flex-direction: row !important;\n            flex-wrap: wrap !important;\n            gap: 8px !important;\n            flex-shrink: 1;\n        }\n\n        .onsen-prod-wrapper .quote-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            background-color: #0f172a; \n            color: #ffffff !important;\n            padding: 7px 12px;\n            border-radius: 4px;\n            text-decoration: none !important;\n            font-weight: 700;\n            font-size: 11px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            transition: all 0.2s ease-in-out;\n            white-space: nowrap;\n            flex-shrink: 1;\n        }\n\n        .onsen-prod-wrapper .quote-btn-secondary {\n            background-color: transparent;\n            color: #0f172a !important;\n            border: 1px solid #cbd5e1;\n        }\n\n        .onsen-prod-wrapper .quote-btn:hover {\n            background-color: var(--on-blue);\n            color: #ffffff !important;\n            border-color: var(--on-blue);\n            transform: translateY(-1px);\n        }\n\n        .onsen-prod-wrapper .quote-btn-secondary:hover {\n            background-color: rgba(15, 23, 42, 0.04) !important;\n            border-color: #0f172a !important;\n            color: #0f172a !important;\n        }\n\n        @media screen and (max-width: 768px) {\n            .onsen-prod-wrapper h1 { font-size: 22px; }\n            .onsen-prod-wrapper .sub-header { font-size: 13px; }\n            .onsen-prod-wrapper .sales-highlights { grid-template-columns: 1fr; gap: 16px; margin: 25px 0 35px 0; }\n            .onsen-prod-wrapper .specs-grid { grid-template-columns: 1fr; gap: 4px; }\n            .onsen-prod-wrapper .kit-row { flex-direction: column; align-items: flex-start; gap: 2px; }\n            .onsen-prod-wrapper .kit-detail { text-align: left; }\n            \n            \/* Preserving the dual-column comparison layout with scaled metrics on mobile *\/\n            .onsen-prod-wrapper .collection-split-grid { gap: 12px; }\n            .onsen-prod-wrapper .model-link-btn { padding: 8px 10px; font-size: 9px; letter-spacing: 0.25px; }\n            \n            .onsen-prod-wrapper .support-footer {\n                flex-direction: column !important;\n                align-items: flex-start;\n                gap: 16px;\n            }\n            .onsen-prod-wrapper .btn-group {\n                width: auto !important;\n            }\n            .onsen-prod-wrapper .quote-btn {\n                flex: 0 0 auto !important;\n                padding: 8px 12px;\n                font-size: 11px;\n            }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"onsen-prod-wrapper\"\u003e\n    \u003c!-- Main Title Block with Flanking Animations --\u003e\n    \u003cdiv class=\"brand-header-area\"\u003e\n        \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\" style=\"width: 18px; height: 18px;\"\u003e\n            \u003cpolygon class=\"tri-down-arrow\" points=\"2,4 22,4 12,20\"\u003e\u003c\/polygon\u003e\n        \u003c\/svg\u003e\n        \u003ch1\u003eOnsen 14L Indoor Natural Gas Tankless Water Heater\u003c\/h1\u003e\n        \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\" style=\"width: 18px; height: 18px;\"\u003e\n            \u003cpolygon class=\"tri-up-arrow\" points=\"12,4 22,20 2,20\"\u003e\u003c\/polygon\u003e\n        \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sub-header\" style=\"margin-top: 0; margin-bottom: 24px;\"\u003eEndless hot water, sized for smaller homes. Compact and certified indoor design built for apartments, cabins, and cottages.\u003c\/p\u003e\n\n    \u003c!-- Typographic Sales Highlight Rows --\u003e\n    \u003cdiv class=\"sales-highlights\"\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eCompact Indoor Design\u003c\/h4\u003e\n            \u003cp\u003eDirect-vent system supports space-saving vertical configurations in restricted areas.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eElectronic Ignition\u003c\/h4\u003e\n            \u003cp\u003eActivates instantly using a standard 120V household outlet—no continuous pilot light.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eEasy Temperature Control\u003c\/h4\u003e\n            \u003cp\u003eLED digital thermostat display operates with three built-in preset heating levels.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eEco Energy Savings\u003c\/h4\u003e\n            \u003cp\u003eSaves resources by executing powerful high-efficiency heating only on demand.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Narrow Box alignment zone --\u003e\n    \u003cdiv class=\"onsen-narrow-box\"\u003e\n        \n        \u003c!-- Technical Specifications Grid with Symmetric Highlight Alignment --\u003e\n        \u003cdiv class=\"section-title\"\u003eTechnical Specifications\u003c\/div\u003e\n        \u003cdiv class=\"specs-grid\"\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eModel SKU\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eOnsen 14L\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eFuel Type\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eNatural Gas\u003c\/span\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Side-by-Side Highlight Row Alignment --\u003e\n            \u003cdiv class=\"spec-item spec-item-blue\"\u003e\n                \u003cspan class=\"spec-label\" style=\"color: var(--on-blue); font-weight: 800;\"\u003e\n                    \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n                        \u003cpolygon class=\"tri-down-arrow\" points=\"2,4 22,4 12,20\"\u003e\u003c\/polygon\u003e\n                    \u003c\/svg\u003e\n                    Water Flow Rate\n                \u003c\/span\u003e\n                \u003cspan class=\"spec-value\" style=\"color: var(--on-blue); font-weight: 800;\"\u003e3.70 GPM (14 Liters\/Min)\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item spec-item-red\"\u003e\n                \u003cspan class=\"spec-label\" style=\"color: var(--on-red); font-weight: 800;\"\u003e\n                    \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n                        \u003cpolygon class=\"tri-up-arrow\" points=\"12,4 22,20 2,20\"\u003e\u003c\/polygon\u003e\n                    \u003c\/svg\u003e\n                    Heating Output\n                \u003c\/span\u003e\n                \u003cspan class=\"spec-value\" style=\"color: var(--on-red); font-weight: 800;\"\u003e100,000 BTU\/HR\u003c\/span\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWater Connection\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e1\/2\" Fittings\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWater Pressure Required\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e15 - 80 PSI\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eIgnition System\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e120V Electric Plug\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eMax Temperature\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e60°C \/ 140°F\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eVent Configuration\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eDirect Vent (3\" Cat III venting)\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eUnit Weight\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e32 lbs \/ 14.51 kg\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eDimensions\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e25.94\" x 13.90\" x 5.59\"\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\" style=\"border-bottom: none;\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWarranty Scheme\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e2-Year Limited Warranty\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- High-readability Kit Contents list --\u003e\n        \u003cdiv class=\"section-title\"\u003eKit Contents\u003c\/div\u003e\n        \u003cdiv class=\"kit-list\"\u003e\n            \u003cdiv class=\"kit-row\" style=\"border-bottom: none;\"\u003e\n                \u003cspan class=\"kit-name\"\u003eOnsen 14L Indoor Gas Heater\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x CSA approved main indoor burner unit (venting components sold separately)\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Minimal Open Format System Notes Block --\u003e\n        \u003cdiv class=\"section-title\"\u003eImportant System Notes\u003c\/div\u003e\n        \u003cdiv class=\"minimal-notes-box\"\u003e\n            \u003cul\u003e\n                \u003cli\u003e\n\u003cstrong\u003eEnvironment Requirements:\u003c\/strong\u003e Certified and engineered strictly for indoor installations. Ensure direct venting to outdoor atmosphere is configured correctly.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eGas Configuration:\u003c\/strong\u003e Units are factory-set and cannot be converted between gas types. Confirm setup requirements before installation.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eSystem Compatibility:\u003c\/strong\u003e Not approved or certified for hydronic, closed-loop, recirculating, or standard floor-heating configurations.\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Balanced, High-Symmetry Brand Directory Navigation Layout --\u003e\n        \u003cdiv class=\"section-title\"\u003eExplore the Onsen Collection\u003c\/div\u003e\n        \u003cdiv class=\"collection-split-grid\"\u003e\n            \u003c!-- Left Side: Clean Indoor Alternatives --\u003e\n            \u003cdiv class=\"collection-column\"\u003e\n                \u003cdiv class=\"subsection-title\"\u003eIndoor Heating Alternatives\u003c\/div\u003e\n                \u003cdiv class=\"column-links\"\u003e\n                    \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-14l-indoor-propane-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                        14L Indoor Propane \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                    \u003c\/a\u003e\n                    \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-26l-indoor-propane-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                        26L Indoor Propane \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                    \u003c\/a\u003e\n                    \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-26l-indoor-natural-gas-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                        26L Indoor NG \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                    \u003c\/a\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Right Side: Portable Outdoor Products --\u003e\n            \u003cdiv class=\"collection-column\"\u003e\n                \u003cdiv class=\"subsection-title\"\u003ePortable Outdoor Models\u003c\/div\u003e\n                \u003cdiv class=\"column-links\"\u003e\n                    \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-5l-portable-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                        5L Portable (LP) \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                    \u003c\/a\u003e\n                    \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-7l-portable-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                        7L Portable (LP) \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                    \u003c\/a\u003e\n                    \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-10l-portable-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                        10L Portable (LP) \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                    \u003c\/a\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Support footer block with updated wrapping button group classes --\u003e\n        \u003cdiv class=\"light-footer-card\"\u003e\n            \u003cdiv class=\"support-footer\"\u003e\n                \u003cdiv class=\"support-text-area\"\u003e\n                    \u003ch3\u003ePLAN YOUR COMFORT\u003c\/h3\u003e\n                    \u003cp\u003eNeed assistance? Call our sales team toll-free at \u003cspan class=\"tel-link\"\u003e\u003ca href=\"tel:+18446034743\" class=\"tel-link\"\u003e+1 (844) 603-4743\u003c\/a\u003e\u003c\/span\u003e.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"btn-group\"\u003e\n                    \u003ca href=\"https:\/\/thecabindepot.ca\/pages\/solar-calculator\" target=\"_blank\" class=\"quote-btn quote-btn-secondary\"\u003eSolar Quote Request\u003c\/a\u003e\n                    \u003ca href=\"https:\/\/share.hsforms.com\/1gcABoX2FRCa8LnBu0QtmFgrbc1e\" target=\"_blank\" class=\"quote-btn\"\u003eContact Us Online\u003c\/a\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"Onsen","offers":[{"title":"Default Title","offer_id":45195352211553,"sku":"ON-I14L-NG","price":729.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Onsen14LIndoorPropaneTanklessWaterHeaterimg1.webp?v=1781714473"},{"product_id":"onsen-26l-indoor-propane-tankless-water-heater","title":"Onsen 26L Indoor Propane Tankless Water Heater","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026display=swap');\n\n        \/* Scoped Container to Prevent Theme Bleeding - Onsen Custom Light Theme *\/\n        .onsen-prod-wrapper {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            background-color: transparent !important;\n            color: #0f172a !important; \n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 5px 15px 15px;\n            line-height: 1.5;\n            box-sizing: border-box;\n        }\n\n        .onsen-prod-wrapper * { \n            box-sizing: border-box; \n        }\n\n        \/* Onsen Nature-Comfort Design Tokens (Configured for Light Mode \/ Dark Text) *\/\n        .onsen-prod-wrapper {\n            --on-blue: #56beda;        \n            --on-red: #e01d3a;         \n            --on-dark: #0f172a;        \n            --on-muted: #475569;       \n            --on-border: #cbd5e1;      \n        }\n\n        \/* Centered Brand Identifier Header with Flanking Animations *\/\n        .onsen-prod-wrapper .brand-header-area {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n\n        .onsen-prod-wrapper h1 {\n            font-size: 28px;\n            font-weight: 900;\n            color: var(--on-dark);\n            line-height: 1.2;\n            margin: 0;\n            letter-spacing: -0.75px;\n        }\n\n        \/* Subtitle \u0026 Sub-Header Styling *\/\n        .onsen-prod-wrapper .sub-header {\n            font-size: 15px;\n            color: var(--on-muted);\n            font-weight: 500;\n            line-height: 1.4;\n            margin: 12px auto 0 auto;\n            text-align: center;\n            max-width: 720px;\n        }\n\n        \/* Simplified Sales Highlights List without boxes or emojis *\/\n        .onsen-prod-wrapper .sales-highlights {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px 30px;\n            margin: 30px 0 40px 0;\n        }\n\n        .onsen-prod-wrapper .highlight-item {\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n\n        .onsen-prod-wrapper .highlight-item h4 {\n            margin: 0;\n            font-size: 14px;\n            font-weight: 800;\n            text-transform: uppercase;\n            color: var(--on-dark);\n            letter-spacing: 0.5px;\n        }\n\n        .onsen-prod-wrapper .highlight-item p {\n            margin: 0;\n            font-size: 13.5px;\n            color: var(--on-muted);\n            line-height: 1.45;\n        }\n\n        \/* Reined-in Width wrapper to maintain perfect line lengths on desktop *\/\n        .onsen-prod-wrapper .onsen-narrow-box {\n            max-width: 720px;\n            margin: 0 auto;\n        }\n\n        \/* Simplified Specifications and Kit List Headers *\/\n        .onsen-prod-wrapper .section-title {\n            color: var(--on-dark);\n            font-weight: 800;\n            text-transform: uppercase;\n            font-size: 14px;\n            letter-spacing: 1px;\n            margin-bottom: 16px;\n            border-bottom: 1px solid var(--on-border);\n            padding-bottom: 6px;\n        }\n\n        \/* Highly Readable Specs Grid *\/\n        .onsen-prod-wrapper .specs-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 10px 40px;\n            margin-bottom: 35px;\n        }\n\n        .onsen-prod-wrapper .spec-item {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            border-bottom: 1px solid #e2e8f0;\n            padding: 6px 0;\n        }\n\n        .onsen-prod-wrapper .spec-label {\n            font-size: 11px;\n            font-weight: 700;\n            text-transform: uppercase;\n            color: var(--on-muted);\n            letter-spacing: 0.5px;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        .onsen-prod-wrapper .spec-value {\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--on-dark);\n            text-align: right;\n        }\n\n        \/* Gliding arrow icon parameters inside the specs list *\/\n        .onsen-prod-wrapper .convection-arrow {\n            width: 12px;\n            height: 12px;\n            display: inline-block;\n            flex-shrink: 0;\n        }\n\n        .onsen-prod-wrapper .tri-down-arrow {\n            fill: var(--on-blue);\n            animation: glideDown 3s infinite ease-in-out;\n        }\n\n        .onsen-prod-wrapper .tri-up-arrow {\n            fill: var(--on-red);\n            animation: glideUp 3s infinite ease-in-out;\n        }\n\n        @keyframes glideDown {\n            0%, 100% { transform: translateY(-2.5px); }\n            50% { transform: translateY(2.5px); }\n        }\n\n        @keyframes glideUp {\n            0%, 100% { transform: translateY(2.5px); }\n            50% { transform: translateY(-2.5px); }\n        }\n\n        \/* Highlighted Key Layman Tech Specs - Border only, no background coloring *\/\n        .onsen-prod-wrapper .spec-item-blue {\n            border-bottom: 1.5px solid var(--on-blue) !important;\n            background-color: transparent !important;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n\n        .onsen-prod-wrapper .spec-item-red {\n            border-bottom: 1.5px solid var(--on-red) !important;\n            background-color: transparent !important;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n\n        \/* Elegant Kit Contents List *\/\n        .onsen-prod-wrapper .kit-list {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n            margin-bottom: 40px;\n        }\n\n        .onsen-prod-wrapper .kit-row {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding-bottom: 8px;\n            border-bottom: 1px solid #e2e8f0;\n        }\n\n        .onsen-prod-wrapper .kit-name {\n            font-size: 13px;\n            font-weight: 700;\n            color: var(--on-dark);\n        }\n\n        .onsen-prod-wrapper .kit-detail {\n            font-size: 13px;\n            color: var(--on-muted);\n            text-align: right;\n        }\n\n        \/* Minimal Display Style for System Notes (No background or javascript wrapper) *\/\n        .onsen-prod-wrapper .minimal-notes-box {\n            margin-bottom: 40px;\n            border-left: 2px solid var(--on-border);\n            padding-left: 18px;\n        }\n\n        .onsen-prod-wrapper .minimal-notes-box ul {\n            margin: 0;\n            padding: 0;\n            list-style-type: none;\n        }\n\n        .onsen-prod-wrapper .minimal-notes-box li {\n            font-size: 13.5px;\n            color: var(--on-muted);\n            line-height: 1.55;\n            margin-bottom: 12px;\n            position: relative;\n        }\n\n        .onsen-prod-wrapper .minimal-notes-box li:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Link List to Other Models Section *\/\n        .onsen-prod-wrapper .other-models-section {\n            margin-bottom: 24px;\n        }\n\n        .onsen-prod-wrapper .subsection-title {\n            font-size: 11px;\n            font-weight: 800;\n            text-transform: uppercase;\n            color: var(--on-muted);\n            letter-spacing: 0.75px;\n            margin: 18px 0 10px 0;\n        }\n\n        \/* Grid locked to exactly 2 columns at all times on all screen breakpoints *\/\n        .onsen-prod-wrapper .models-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr) !important;\n            gap: 12px;\n        }\n\n        .onsen-prod-wrapper .model-link-btn {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 12px 16px;\n            background-color: #f8fafc;\n            border: 1px solid #e2e8f0;\n            border-radius: 6px;\n            color: var(--on-dark) !important;\n            text-decoration: none !important;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            transition: all 0.2s ease-in-out;\n        }\n\n        .onsen-prod-wrapper .model-link-btn:hover {\n            border-color: var(--on-blue);\n            background-color: rgba(86, 190, 218, 0.05);\n            transform: translateY(-1px);\n        }\n\n        .onsen-prod-wrapper .model-link-btn .arrow-icon {\n            color: var(--on-blue);\n            font-size: 14px;\n            transition: transform 0.2s ease-in-out;\n        }\n\n        .onsen-prod-wrapper .model-link-btn:hover .arrow-icon {\n            transform: translateX(3px);\n            color: var(--on-red);\n        }\n\n        \/* Footer card styling adjusted for Light Background Integration *\/\n        .onsen-prod-wrapper .light-footer-card {\n            background-color: #f8fafc;\n            border: 1px solid #e2e8f0;\n            border-radius: 6px;\n            padding: 18px 24px;\n            margin-top: 15px;\n        }\n\n        .onsen-prod-wrapper .support-footer {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            gap: 24px;\n            width: 100%;\n        }\n\n        .onsen-prod-wrapper .support-text-area {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 2px;\n        }\n\n        .onsen-prod-wrapper .support-footer h3 {\n            margin: 0;\n            font-size: 13px;\n            font-weight: 900;\n            text-transform: uppercase;\n            color: #000000; \n            letter-spacing: 0.5px;\n            border-left: 2px solid var(--on-red);\n            padding-left: 8px;\n        }\n\n        .onsen-prod-wrapper .support-footer p {\n            margin: 0;\n            font-size: 13px;\n            line-height: 1.4;\n            color: var(--on-muted);\n        }\n\n        .onsen-prod-wrapper .tel-link {\n            font-weight: 700;\n            color: var(--on-red); \n            text-decoration: underline;\n            white-space: nowrap;\n            display: inline-block;\n        }\n\n        .onsen-prod-wrapper .btn-group {\n            display: flex !important;\n            flex-direction: row !important;\n            flex-wrap: wrap !important;\n            gap: 8px !important;\n            flex-shrink: 1;\n        }\n\n        .onsen-prod-wrapper .quote-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            background-color: #0f172a; \n            color: #ffffff !important;\n            padding: 7px 12px;\n            border-radius: 4px;\n            text-decoration: none !important;\n            font-weight: 700;\n            font-size: 11px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            transition: all 0.2s ease-in-out;\n            white-space: nowrap;\n        }\n\n        .onsen-prod-wrapper .quote-btn-secondary {\n            background-color: transparent;\n            color: #0f172a !important;\n            border: 1px solid #cbd5e1;\n        }\n\n        .onsen-prod-wrapper .quote-btn:hover {\n            background-color: var(--on-blue);\n            color: #ffffff !important;\n            border-color: var(--on-blue);\n            transform: translateY(-1px);\n        }\n\n        .onsen-prod-wrapper .quote-btn-secondary:hover {\n            background-color: rgba(15, 23, 42, 0.04) !important;\n            border-color: #0f172a !important;\n            color: #0f172a !important;\n        }\n\n        @media screen and (max-width: 768px) {\n            .onsen-prod-wrapper h1 { font-size: 22px; }\n            .onsen-prod-wrapper .sub-header { font-size: 13px; }\n            .onsen-prod-wrapper .sales-highlights { grid-template-columns: 1fr; gap: 16px; margin: 25px 0 35px 0; }\n            .onsen-prod-wrapper .specs-grid { grid-template-columns: 1fr; gap: 4px; }\n            .onsen-prod-wrapper .kit-row { flex-direction: column; align-items: flex-start; gap: 2px; }\n            .onsen-prod-wrapper .kit-detail { text-align: left; }\n            \n            .onsen-prod-wrapper .support-footer {\n                flex-direction: column !important;\n                align-items: flex-start;\n                gap: 16px;\n            }\n            .onsen-prod-wrapper .btn-group {\n                width: auto !important;\n            }\n            .onsen-prod-wrapper .quote-btn {\n                flex: 0 0 auto !important;\n                padding: 8px 12px;\n                font-size: 11px;\n            }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"onsen-prod-wrapper\"\u003e\n    \u003c!-- Main Title Block with Flanking Animations --\u003e\n    \u003cdiv class=\"brand-header-area\"\u003e\n        \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\" style=\"width: 18px; height: 18px;\"\u003e\n            \u003cpolygon class=\"tri-down-arrow\" points=\"2,4 22,4 12,20\"\u003e\u003c\/polygon\u003e\n        \u003c\/svg\u003e\n        \u003ch1\u003eOnsen 26L Indoor Propane Tankless Water Heater\u003c\/h1\u003e\n        \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\" style=\"width: 18px; height: 18px;\"\u003e\n            \u003cpolygon class=\"tri-up-arrow\" points=\"12,4 22,20 2,20\"\u003e\u003c\/polygon\u003e\n        \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sub-header\" style=\"margin-top: 0; margin-bottom: 24px;\"\u003eEndless hot water, sized for smaller homes. Compact and certified indoor design built for apartments, cabins, and cottages.\u003c\/p\u003e\n\n    \u003c!-- Typographic Sales Highlight Rows --\u003e\n    \u003cdiv class=\"sales-highlights\"\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eCompact Indoor Design\u003c\/h4\u003e\n            \u003cp\u003eDirect-vent system supports space-saving vertical configurations in restricted areas.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eElectronic Ignition\u003c\/h4\u003e\n            \u003cp\u003eActivates instantly using a standard 120V household outlet—no continuous pilot light.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eEasy Temperature Control\u003c\/h4\u003e\n            \u003cp\u003eLED digital thermostat display operates with three built-in preset heating levels.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"highlight-item\"\u003e\n            \u003ch4\u003eEco Energy Savings\u003c\/h4\u003e\n            \u003cp\u003eSaves resources by executing powerful high-efficiency heating only on demand.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Narrow Box alignment zone --\u003e\n    \u003cdiv class=\"onsen-narrow-box\"\u003e\n        \n        \u003c!-- Technical Specifications Grid with Symmetric Highlight Alignment --\u003e\n        \u003cdiv class=\"section-title\"\u003eTechnical Specifications\u003c\/div\u003e\n        \u003cdiv class=\"specs-grid\"\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eModel SKU\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eOnsen 26L\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eFuel Type\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eLiquid Propane\u003c\/span\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- Side-by-Side Highlight Row Alignment --\u003e\n            \u003cdiv class=\"spec-item spec-item-blue\"\u003e\n                \u003cspan class=\"spec-label\" style=\"color: var(--on-blue); font-weight: 800;\"\u003e\n                    \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n                        \u003cpolygon class=\"tri-down-arrow\" points=\"2,4 22,4 12,20\"\u003e\u003c\/polygon\u003e\n                    \u003c\/svg\u003e\n                    Water Flow Rate\n                \u003c\/span\u003e\n                \u003cspan class=\"spec-value\" style=\"color: var(--on-blue); font-weight: 800;\"\u003e6.87 GPM (26 Liters\/Min)\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item spec-item-red\"\u003e\n                \u003cspan class=\"spec-label\" style=\"color: var(--on-red); font-weight: 800;\"\u003e\n                    \u003csvg class=\"convection-arrow\" viewbox=\"0 0 24 24\"\u003e\n                        \u003cpolygon class=\"tri-up-arrow\" points=\"12,4 22,20 2,20\"\u003e\u003c\/polygon\u003e\n                    \u003c\/svg\u003e\n                    Heating Output\n                \u003c\/span\u003e\n                \u003cspan class=\"spec-value\" style=\"color: var(--on-red); font-weight: 800;\"\u003e180,000 BTU\/HR\u003c\/span\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWater Connection\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e3\/4\" Fittings\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWater Pressure Required\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e15 - 150 PSI\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eIgnition System\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e120V Electric Plug\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eMax Temperature\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e60°C \/ 140°F\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eVent Configuration\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eDirect Vent (3\" Cat III venting)\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eUnit Weight\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e44 lbs \/ 20 kg\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eDimensions\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e27.24\" x 17.13\" x 8.08\"\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\" style=\"border-bottom: none;\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWarranty Scheme\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e2-Year Limited Warranty\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- High-readability Kit Contents list --\u003e\n        \u003cdiv class=\"section-title\"\u003eKit Contents\u003c\/div\u003e\n        \u003cdiv class=\"kit-list\"\u003e\n            \u003cdiv class=\"kit-row\" style=\"border-bottom: none;\"\u003e\n                \u003cspan class=\"kit-name\"\u003eOnsen 26L Indoor Gas Heater\u003c\/span\u003e\n                \u003cspan class=\"kit-detail\"\u003e1x CSA approved main indoor burner unit (venting components sold separately)\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Minimal Open Format System Notes Block --\u003e\n        \u003cdiv class=\"section-title\"\u003eImportant System Notes\u003c\/div\u003e\n        \u003cdiv class=\"minimal-notes-box\"\u003e\n            \u003cul\u003e\n                \u003cli\u003e\n\u003cstrong\u003eEnvironment Requirements:\u003c\/strong\u003e Certified and engineered strictly for indoor installations. Ensure direct venting to outdoor atmosphere is configured correctly.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eGas Configuration \u0026amp; Sizing:\u003c\/strong\u003e Units are factory-set and cannot be converted between gas types. A ¾-inch gas supply line is recommended to ensure sufficient propane flow to the unit. While a ½-inch line may work on very short pipe runs, it is not recommended for optimal performance.\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eSystem Compatibility:\u003c\/strong\u003e Not approved or certified for hydronic, closed-loop, recirculating, or standard floor-heating configurations.\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Compact Directory Link List --\u003e\n        \u003cdiv class=\"section-title\"\u003eOther Product Options\u003c\/div\u003e\n        \u003cdiv class=\"other-models-section\"\u003e\n            \u003cdiv class=\"models-grid\"\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-5l-portable-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    5L Portable \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-7l-portable-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    7L Portable \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-10l-portable-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    10L Portable \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-14l-indoor-propane-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    14L Indoor Propane \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv class=\"subsection-title\"\u003eNatural Gas Options\u003c\/div\u003e\n            \u003cdiv class=\"models-grid\"\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-14l-indoor-natural-gas-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    14L Indoor NG \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n                \u003ca href=\"https:\/\/thecabindepot.ca\/products\/onsen-26l-indoor-natural-gas-tankless-water-heater\" class=\"model-link-btn\" target=\"_blank\"\u003e\n                    26L Indoor NG \u003cspan class=\"arrow-icon\"\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Support footer block --\u003e\n        \u003cdiv class=\"light-footer-card\"\u003e\n            \u003cdiv class=\"support-footer\"\u003e\n                \u003cdiv class=\"support-text-area\"\u003e\n                    \u003ch3\u003ePLAN YOUR COMFORT\u003c\/h3\u003e\n                    \u003cp\u003eNeed assistance? Call our sales team toll-free at \u003cspan class=\"tel-link\"\u003e\u003ca href=\"tel:+18446034743\" class=\"tel-link\"\u003e+1 (844) 603-4743\u003c\/a\u003e\u003c\/span\u003e.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"btn-group\"\u003e\n                    \u003ca href=\"https:\/\/thecabindepot.ca\/pages\/solar-calculator\" target=\"_blank\" class=\"quote-btn quote-btn-secondary\"\u003eSolar Quote Request\u003c\/a\u003e\n                    \u003ca href=\"https:\/\/share.hsforms.com\/1gcABoX2FRCa8LnBu0QtmFgrbc1e\" target=\"_blank\" class=\"quote-btn\"\u003eContact Us Online\u003c\/a\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"Onsen","offers":[{"title":"Default Title","offer_id":45195352506465,"sku":"ON-I26L-LP","price":919.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Onsen26LIndoorPropaneTanklessWaterHeaterimg1.webp?v=1781715948"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/collections\/Onsen_Logo.png?v=1781704191","url":"https:\/\/thecabindepot.ca\/collections\/onsen-products.oembed","provider":"The Cabin Depot","version":"1.0","type":"link"}