{"product_id":"einhell-18v-cooler-warmer-starter-kit-with-1-4-ah-battery","title":"Einhell 18V Cooler\/Warmer Box","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        \/* Main container styling - Compact vertical spacing *\/\n        .einhell-prod-wrapper {\n            font-family: 'Inter', -apple-system, sans-serif;\n            background-color: transparent !important;\n            color: #1a1a1a !important; \n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 5px 15px 10px;\n            line-height: 1.5;\n            box-sizing: border-box;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .einhell-prod-wrapper * { box-sizing: border-box; }\n\n        \/* Brand design tokens *\/\n        .einhell-prod-wrapper {\n            --ein-red: #e30613;\n            --ein-dark: #1a1a1a;\n            --ein-muted: #64748b;\n            --ein-light-bg: rgba(0, 0, 0, 0.03);\n            --ein-border: rgba(0, 0, 0, 0.1);\n        }\n\n        \/* SYNCED CYLINDER PUMP ANIMATION:\n           Rhythmic mechanical motion applied to section headers.\n        *\/\n        .einhell-prod-wrapper .section-title {\n            position: relative;\n            color: var(--ein-dark);\n            font-weight: 800;\n            text-transform: uppercase;\n            font-size: 16px;\n            margin-bottom: 22px;\n            display: inline-block;\n        }\n\n        .einhell-prod-wrapper .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -6px;\n            left: 0;\n            height: 3px;\n            background: var(--ein-red);\n            border-radius: 2px;\n            animation: cylinderPump 7s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);\n            will-change: width, opacity;\n        }\n\n        \/* Offset the second cylinder to be off-kilter (firing order effect) *\/\n        .einhell-prod-wrapper .specs-section-title::after {\n            animation-delay: -3.5s;\n        }\n\n        @keyframes cylinderPump {\n            0%, 100% { width: 20px; opacity: 0.2; filter: brightness(0.9); }\n            50% { width: 120px; opacity: 1; filter: brightness(1.2); }\n        }\n\n        \/* Slanted performance badge *\/\n        .einhell-prod-wrapper .perf-badge {\n            display: inline-flex;\n            align-items: center;\n            background: var(--ein-red);\n            padding: 5px 15px;\n            border-radius: 3px;\n            font-weight: 800;\n            font-size: 11px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            transform: skewX(-10deg);\n            margin-bottom: 25px;\n            white-space: nowrap;\n            box-shadow: 4px 4px 0px rgba(0,0,0,0.05);\n        }\n\n        .einhell-prod-wrapper .perf-badge span {\n            transform: skewX(10deg);\n            color: #ffffff;\n        }\n\n        \/* Typography *\/\n        .einhell-prod-wrapper h2 {\n            font-size: 32px;\n            font-weight: 900;\n            text-transform: uppercase;\n            margin: 0 0 10px 0;\n            letter-spacing: -1px;\n            line-height: 1.1;\n            color: var(--ein-dark);\n            font-style: italic;\n        }\n\n        .einhell-prod-wrapper .sub-header {\n            font-size: 18px;\n            color: #475569;\n            margin-bottom: 30px;\n            font-weight: 500;\n        }\n\n        .einhell-prod-wrapper .highlight { color: var(--ein-red); font-weight: 700; }\n\n        \/* Feature grid - 2x2 forced layout *\/\n        .einhell-prod-wrapper .feature-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n            margin-bottom: 40px;\n        }\n\n        .einhell-prod-wrapper .feature-card {\n            background: #ffffff;\n            border: 1px solid var(--ein-border);\n            padding: 24px;\n            border-radius: 24px 0 24px 0; \/* Apex Clipping *\/\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.02);\n            position: relative;\n        }\n\n        .einhell-prod-wrapper .feature-card:hover {\n            border-color: var(--ein-red);\n            transform: translateY(-5px);\n            box-shadow: 0 8px 24px rgba(227, 6, 19, 0.08);\n        }\n\n        .einhell-prod-wrapper .feature-card strong {\n            display: block;\n            font-size: 14px;\n            text-transform: uppercase;\n            margin-bottom: 8px;\n            letter-spacing: 1px;\n            color: var(--ein-dark);\n        }\n\n        .einhell-prod-wrapper .feature-card p {\n            font-size: 13px;\n            color: var(--ein-muted);\n            margin: 0;\n            line-height: 1.4;\n        }\n\n        \/* Technical block container *\/\n        .einhell-prod-wrapper .pit-stop-container {\n            position: relative;\n            border: 2px dashed var(--ein-border);\n            padding: 30px;\n            margin-bottom: 10px;\n            background: #ffffff;\n            border-radius: 32px 0 32px 0;\n        }\n\n        \/* Persistent 2-column specs *\/\n        .einhell-prod-wrapper .specs-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr !important;\n            gap: 12px 40px;\n        }\n\n        .einhell-prod-wrapper .spec-item {\n            display: flex;\n            flex-direction: column;\n            border-bottom: 1px solid rgba(0,0,0,0.05);\n            padding: 6px 0;\n        }\n\n        .einhell-prod-wrapper .spec-label { font-size: 11px; text-transform: uppercase; color: var(--ein-muted); font-weight: 600; }\n        .einhell-prod-wrapper .spec-value { font-weight: 700; color: var(--ein-dark); }\n\n        \/* Animated Divider *\/\n        .einhell-prod-wrapper .ein-hr {\n            position: relative !important;\n            width: 140px !important;\n            height: 2px !important;\n            background-color: rgba(0, 0, 0, 0.1) !important;\n            margin: 25px auto 5px !important; \n            overflow: hidden !important;\n            display: block !important;\n        }\n\n        .einhell-prod-wrapper .ein-shimmer {\n            position: absolute !important;\n            top: 0 !important;\n            left: 0 !important;\n            width: 50% !important;\n            height: 100% !important;\n            background: linear-gradient(90deg, transparent, var(--ein-red), transparent) !important;\n            animation: ein_glide 2s infinite linear !important;\n            -webkit-animation: ein_glide 2s infinite linear !important;\n            will-change: transform;\n        }\n\n        @keyframes ein_glide {\n            0% { transform: translateX(-150%); }\n            100% { transform: translateX(250%); }\n        }\n\n        \/* Mobile Adjustments *\/\n        @media (max-width: 600px) {\n            .einhell-prod-wrapper h2 { font-size: 26px; }\n            .einhell-prod-wrapper .feature-grid { gap: 12px; }\n            .einhell-prod-wrapper .feature-card { padding: 15px; }\n            .einhell-prod-wrapper .feature-card strong { font-size: 12px; }\n            .einhell-prod-wrapper .feature-card p { font-size: 11px; line-height: 1.3; }\n            .einhell-prod-wrapper { padding-top: 5px; }\n            .einhell-prod-wrapper .section-title { font-size: 14px; }\n            @keyframes cylinderPump {\n                0%, 100% { width: 15px; opacity: 0.2; }\n                50% { width: 90px; opacity: 1; }\n            }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"einhell-prod-wrapper\"\u003e\n    \u003c!-- Brand identity header --\u003e\n    \u003cdiv class=\"perf-badge\"\u003e\n        \u003cspan\u003eGerman Engineering | NASCAR Performance\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003ch2\u003e18V Cordless Cooler \/ Warmer Box\u003c\/h2\u003e\n    \u003cp class=\"sub-header\"\u003e27L Capacity. \u003cspan class=\"highlight\"\u003e3-Way Power Hybrid.\u003c\/span\u003e\u003c\/p\u003e\n\n    \u003c!-- Core product features 2x2 grid --\u003e\n    \u003cdiv class=\"feature-grid\"\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cstrong\u003eHybrid Power\u003c\/strong\u003e\n            \u003cp\u003eOperate via 18V PXC battery, 12V vehicle socket, or 120V mains power with automatic switching priority.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cstrong\u003eThermal Versatility\u003c\/strong\u003e\n            \u003cp\u003eKeeps contents cold down to 5°C (20°C below ambient) or hot up to 60°C for professional jobsite meals.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cstrong\u003eSmart Storage\u003c\/strong\u003e\n            \u003cp\u003e27L volume holds 36 cans or 6x 1.5L bottles. Features a removable divider and multiple accessory pockets.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"feature-card\"\u003e\n            \u003cstrong\u003eRugged Utility\u003c\/strong\u003e\n            \u003cp\u003eIncludes a built-in bottle opener and a multi-function carry handle that secures the lid or keeps it propped open.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Technical specs table with synced off-kilter animation --\u003e\n    \u003cdiv class=\"pit-stop-container\"\u003e\n        \u003cdiv class=\"section-title specs-section-title\"\u003eTechnical Specifications\u003c\/div\u003e\n        \u003cdiv class=\"specs-grid\"\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eCapacity\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e27 L (28.5 qt)\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eVoltage Sources\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e18V \/ 12V \/ 120V\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eCooling Range\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eMin. 5°C\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWarming Max\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eMax. 60°C\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eModes\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eECO \/ MAX\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eWeight\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e13.2 lbs\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eIndicator\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003eLED Battery Level\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"spec-item\"\u003e\n                \u003cspan class=\"spec-label\"\u003eProtection\u003c\/span\u003e\n                \u003cspan class=\"spec-value\"\u003e12V Low-Voltage Cutoff\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp style=\"font-size: 11px; color: var(--ein-muted); margin-top: 25px; font-style: italic; text-align: center;\"\u003e\n            *Battery and charger sold separately. Includes 12V and 120V connection cables.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Animated horizontal divider --\u003e\n    \u003cdiv class=\"ein-hr\"\u003e\n        \u003cdiv class=\"einhell-shimmer\"\u003e \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"Einhell","offers":[{"title":"Default Title","offer_id":44090043236449,"sku":"2048425","price":199.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Einhell18VCooler_Warmerimg1.webp?v=1778676598","url":"https:\/\/thecabindepot.ca\/products\/einhell-18v-cooler-warmer-starter-kit-with-1-4-ah-battery","provider":"The Cabin Depot","version":"1.0","type":"link"}