{"title":"Écrans thermiques","description":"\u003cdiv class=\"page-headers\"\u003e\n\n\u003cdiv class=\"texts-box\"\u003e\n\n\u003cp class=\"description\"\u003eNos écrans thermiques permettent de réduire efficacement les distances de sécurité par rapport aux matériaux combustibles, assurant ainsi une installation sûre et flexible de votre poêle.\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","products":[{"product_id":"vinyl-siding-standoff-kit","title":"KIT D'ENTRETOISE POUR REVÊTEMENT DE VINYLE ","description":"\u003cstyle\u003e\n \/* Accordion styling *\/\n .accordion {\n border: 1px solid #ddd;\n border-radius: 5px;\n margin-bottom: 20px;\n background: #f9f9f9;\n }\n .accordion-header {\n padding: 12px;\n font-weight: bold;\n cursor: pointer;\n background: #eee;\n }\n .accordion-header:hover {\n background: #ddd;\n }\n .accordion-content {\n display: none;\n padding: 15px;\n border-top: 1px solid #ddd;\n background: #fff;\n }\n .accordion-content.open {\n display: block;\n }\n\n \/* Unified link styling *\/\n .see-link {\n color: #f37021; \/* orange *\/\n text-decoration: none;\n font-weight: bold;\n cursor: pointer;\n }\n .see-link:hover {\n text-decoration: underline;\n }\n\n \/* Quick specs box *\/\n #quick-specs {\n border: 1px solid #ddd;\n border-radius: 8px;\n padding: 15px;\n background: #fff;\n margin: 20px 0;\n font-size: 14px;\n line-height: 1.5;\n }\n #quick-specs div {\n margin-bottom: 8px;\n }\n #quick-specs strong {\n font-weight: bold;\n }\n\n \/* Keep the flags and country names on one line (when space allows) *\/\n .flags-inline {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-left: 5px;\n white-space: nowrap;\n }\n .flag-pair {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n }\n .flag-image {\n width: 22px;\n height: auto;\n vertical-align: middle;\n }\n\u003c\/style\u003e\n\n\u003c!-- PRODUCT DESCRIPTION (SENTENCE TEASER) --\u003e\n\u003cdiv\u003e\n\n\u003cp id=\"desc-teaser\"\u003e\u003c\/p\u003e\n\n\u003cspan id=\"desc-more\" style=\"display:none;\"\u003e\n\u003c\/span\u003e\n Connecteur mural en acier inoxydable comprenant : 1 protection en vinyle, 8 rivets en acier et 1 tube de 300 ml de silicone argenté haute température. \n\n\n\n\u003c\/div\u003e\n\n\u003cspan id=\"seeMoreDesc\" class=\"see-link\" style=\"margin-bottom:20px; display:inline-block;\"\u003e \nDescription complète\n\n\n\u003c!-- QUICK SPECIFICATIONS BOX --\u003e\n\u003cdiv id=\"quick-specs\"\u003e\n\n\u003cdiv\u003e\n\n 🌍 \u003cstrong\u003eFabriqué en :\u003c\/strong\u003e\n \u003cspan class=\"flags-inline\"\u003e\n\u003cspan class=\"flag-pair\"\u003e\n\u003cimg class=\"flag-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/download.png?v=1758991613\" alt=\"Drapeau du Canada\"\u003e\n \u003cspan\u003eCanada\u003c\/span\u003e\n\u003c\/span\u003e\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv style=\"margin-top: 10px;\"\u003e\n\n \u003cspan id=\"seeFullSpecs\" class=\"see-link\"\u003eSpécifications complètes\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- SPECIFICATIONS COLLAPSIBLE --\u003e\n\u003cdiv id=\"specs-accordion\" class=\"accordion\"\u003e\n\n\u003cdiv class=\"accordion-header\"\u003e Caractéristiques \u003c\/div\u003e\n\n\u003cdiv class=\"accordion-content\"\u003e\n\n\u003c!-- Appliance Performance Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e Performance des appareils \u003c\/h3\u003e\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; margin-bottom: 30px;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune donnée de performance disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- General Features Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e Caractéristiques générales \u003c\/h3\u003e\n\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; margin-bottom: 30px;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune fonctionnalité générale n'est disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- Clearances Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e\n\n Dédouanements \n\n\u003c\/h3\u003e\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; border-radius: 6px; overflow: hidden;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune dédouanement n'est disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- See Less link inside accordion --\u003e\n\u003cdiv style=\"text-align:center; margin-top: 15px;\"\u003e\n\n \u003cspan id=\"seeLessSpecs\" class=\"see-link\" style=\"display:none;\"\u003eVoir moins\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- MANUALS COLLAPSIBLE --\u003e\n\u003cdiv id=\"manuals-accordion\" class=\"accordion\"\u003e\n\n\u003cdiv class=\"accordion-header\"\u003e Manuels et instructions \u003c\/div\u003e\n\n\u003cdiv class=\"accordion-content\"\u003e\n\n\u003cul\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Consultez les manuels et brochures disponibles pour plus d'informations sur les performances, l'installation, les exigences d'utilisation, etc. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\u003e\n\n\u003c!-- Installation Instructions --\u003e \n\u003ca style=\"flex: 1; min-width: 250px; text-decoration: none; background: #f7f7f7; padding: 12px 15px; border-radius: 6px; display: flex; align-items: center; font-size: 14px; color: #000; border: 1px solid #e0e0e0;\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/46184AF_27-05-2020.pdf?v=1760981087\" target=\"_blank\"\u003e\n📄 Instructions d'installation \u003cspan style=\"margin-left: auto;\"\u003e🔗\u003c\/span\u003e\n\u003c\/a\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function () {\n \/\/ TEASER: compute first sentence from the full description content (desc-more)\n const descTeaserP = document.getElementById('desc-teaser');\n const descMoreSpan = document.getElementById('desc-more');\n const descToggle = document.getElementById('seeMoreDesc');\n\n \/\/ use textContent of the hidden desc-more to compute the first sentence\n const fullText = descMoreSpan ? descMoreSpan.innerText.trim() : '';\n let firstPeriod = fullText.indexOf('.');\n if (firstPeriod === -1) firstPeriod = fullText.length;\n descTeaserP.textContent = fullText.substring(0, firstPeriod + (firstPeriod \u003c fullText.length ? 1 : 0)).trim();\n\n \/\/ Initially ensure full description hidden and teaser visible\n descMoreSpan.style.display = 'none';\n descTeaserP.style.display = 'block';\n descToggle.textContent = 'Full Description';\n\n descToggle.addEventListener('click', function () {\n const teaser = descTeaserP;\n const moreText = descMoreSpan;\n\n if (moreText.style.display === 'none') {\n \/\/ Expand full description: hide teaser\n teaser.style.display = 'none';\n moreText.style.display = 'block';\n this.textContent = 'See Less';\n \/\/ optional: scroll into view so user sees the expanded description\n this.scrollIntoView({ behavior: 'smooth', block: 'center' });\n } else {\n \/\/ Collapse to teaser\n moreText.style.display = 'none';\n teaser.style.display = 'block';\n this.textContent = 'Full Description';\n }\n });\n\n \/\/ ACCORDION logic (only one open at a time) + quick-specs handling\n const accordions = document.querySelectorAll('.accordion');\n const quickSpecs = document.getElementById('quick-specs');\n const specsAccordion = document.getElementById('specs-accordion');\n const specsContent = specsAccordion.querySelector('.accordion-content');\n const seeLessSpecs = document.getElementById('seeLessSpecs');\n const seeFullSpecs = document.getElementById('seeFullSpecs');\n\n function closeAllAccordions(exceptAccordion) {\n accordions.forEach(acc =\u003e {\n if (acc !== exceptAccordion) {\n acc.querySelector('.accordion-content').classList.remove('open');\n }\n });\n }\n\n function refreshUIState() {\n \/\/ If specs open =\u003e hide quick-specs and show See Less inside specs\n if (specsContent.classList.contains('open')) {\n quickSpecs.style.display = 'none';\n seeLessSpecs.style.display = 'inline-block';\n } else {\n quickSpecs.style.display = 'block';\n seeLessSpecs.style.display = 'none';\n }\n }\n\n \/\/ Set up header click handlers to toggle and enforce \"one open at a time\"\n document.querySelectorAll('.accordion').forEach(acc =\u003e {\n const header = acc.querySelector('.accordion-header');\n const content = acc.querySelector('.accordion-content');\n\n header.addEventListener('click', function () {\n \/\/ if clicking the same accordion that is open =\u003e close it\n if (content.classList.contains('open')) {\n content.classList.remove('open');\n } else {\n closeAllAccordions(acc); \/\/ close others\n content.classList.add('open');\n }\n refreshUIState();\n });\n });\n\n \/\/ \"Full Specifications\" link: open the specs accordion (or close if already open)\n seeFullSpecs.addEventListener('click', function () {\n if (!specsContent.classList.contains('open')) {\n closeAllAccordions(specsAccordion);\n specsContent.classList.add('open');\n } else {\n specsContent.classList.remove('open');\n }\n refreshUIState();\n \/\/ scroll to specifications area when opening\n if (specsContent.classList.contains('open')) {\n specsAccordion.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n\n \/\/ \"See Less\" link located inside the Specifications content (after Clearances)\n seeLessSpecs.addEventListener('click', function () {\n if (specsContent.classList.contains('open')) {\n specsContent.classList.remove('open');\n refreshUIState();\n \/\/ Reset the top Full Specifications link text if you want (kept as \"Full Specifications\")\n \/\/ show quick specs again (handled in refreshUIState)\n \/\/ scroll to the quick-specs area for the user's convenience\n document.getElementById('quick-specs').scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n\n \/\/ Initial UI state\n refreshUIState();\n });\n\u003c\/script\u003e\n\u003c\/span\u003e","brand":"The North Flame","offers":[{"title":"Default Title","offer_id":43692151504947,"sku":"AC01051","price":59.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC01051.webp?v=1760981027"},{"product_id":"extension-for-modular-heat-shield-system-ac02762","title":"EXTENSION POUR SYSTÈME DE PROTECTION THERMIQUE MODULAIRE AC02762 ","description":"\u003cstyle\u003e\n \/* Accordion styling *\/\n .accordion {\n border: 1px solid #ddd;\n border-radius: 5px;\n margin-bottom: 20px;\n background: #f9f9f9;\n }\n .accordion-header {\n padding: 12px;\n font-weight: bold;\n cursor: pointer;\n background: #eee;\n }\n .accordion-header:hover {\n background: #ddd;\n }\n .accordion-content {\n display: none;\n padding: 15px;\n border-top: 1px solid #ddd;\n background: #fff;\n }\n .accordion-content.open {\n display: block;\n }\n\n \/* Unified link styling *\/\n .see-link {\n color: #f37021; \/* orange *\/\n text-decoration: none;\n font-weight: bold;\n cursor: pointer;\n }\n .see-link:hover {\n text-decoration: underline;\n }\n\n \/* Quick specs box *\/\n #quick-specs {\n border: 1px solid #ddd;\n border-radius: 8px;\n padding: 15px;\n background: #fff;\n margin: 20px 0;\n font-size: 14px;\n line-height: 1.5;\n }\n #quick-specs div {\n margin-bottom: 8px;\n }\n #quick-specs strong {\n font-weight: bold;\n }\n\n \/* Keep the flags and country names on one line (when space allows) *\/\n .flags-inline {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-left: 5px;\n white-space: nowrap;\n }\n .flag-pair {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n }\n .flag-image {\n width: 22px;\n height: auto;\n vertical-align: middle;\n }\n\u003c\/style\u003e\n\n\u003c!-- PRODUCT DESCRIPTION (SENTENCE TEASER) --\u003e\n\u003cdiv\u003e\n\n\u003cp id=\"desc-teaser\"\u003e\u003c\/p\u003e\n\n\u003cspan id=\"desc-more\" style=\"display:none;\"\u003e\n\u003c\/span\u003e\n Permet d'étendre le système de protection thermique modulaire certifié (AC02762). Fabriqué en acier thermolaqué, il garantit une durabilité et une qualité supérieures. Panneaux et supports muraux inclus.\n\n\u003cp\u003e\n \u003cstrong\u003eDimensions :\u003c\/strong\u003e 36 cm (L) x 135 cm (H) x 6,5 cm (P)\n\u003c\/p\u003e\n\n\u003cp\u003e\n \u003cstrong\u003ePoids :\u003c\/strong\u003e 17 lb (7,7 kg)\n\u003c\/p\u003e\n\n\u003cp\u003e\n Pour plus de détails sur l'installation de ce produit, veuillez consulter le manuel d'utilisation. Testé en matière de sécurité conformément aux normes UL 1618 et ULC S632 par un laboratoire accrédité.\n\u003c\/p\u003e \n\n\n\u003c\/div\u003e\n\n\u003cspan id=\"seeMoreDesc\" class=\"see-link\" style=\"margin-bottom:20px; display:inline-block;\"\u003e\nDescription complète\n\u003c\/span\u003e \n\n\u003c!-- QUICK SPECIFICATIONS BOX --\u003e\n\u003cdiv id=\"quick-specs\"\u003e\n\n\u003cdiv\u003e\n\n 🌍 \u003cstrong\u003eFabriqué en :\u003c\/strong\u003e\n \u003cspan class=\"flags-inline\"\u003e\n\u003cspan class=\"flag-pair\"\u003e\n\u003cimg class=\"flag-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/download.png?v=1758991613\" alt=\"Drapeau du Canada\"\u003e\n \u003cspan\u003eCanada\u003c\/span\u003e\n\u003c\/span\u003e\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv style=\"margin-top: 10px;\"\u003e\n\n \u003cspan id=\"seeFullSpecs\" class=\"see-link\"\u003eSpécifications complètes\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- SPECIFICATIONS COLLAPSIBLE --\u003e\n\u003cdiv id=\"specs-accordion\" class=\"accordion\"\u003e\n\n\u003cdiv class=\"accordion-header\"\u003e Caractéristiques \u003c\/div\u003e\n\n\u003cdiv class=\"accordion-content\"\u003e\n\n\u003c!-- Appliance Performance Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e Performance des appareils \u003c\/h3\u003e\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; margin-bottom: 30px;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune donnée de performance disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- General Features Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e Caractéristiques générales \u003c\/h3\u003e\n\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; margin-bottom: 30px;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune fonctionnalité générale n'est disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- Clearances Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e\n\n Dédouanements \n\n\u003c\/h3\u003e\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; border-radius: 6px; overflow: hidden;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune dédouanement n'est disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- See Less link inside accordion --\u003e\n\u003cdiv style=\"text-align:center; margin-top: 15px;\"\u003e\n\n \u003cspan id=\"seeLessSpecs\" class=\"see-link\" style=\"display:none;\"\u003eVoir moins\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- MANUALS COLLAPSIBLE --\u003e\n\u003cdiv id=\"manuals-accordion\" class=\"accordion\"\u003e\n\n\u003cdiv class=\"accordion-header\"\u003e Manuels et instructions \u003c\/div\u003e\n\n\u003cdiv class=\"accordion-content\"\u003e\n\n\u003cul\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Consultez les manuels et brochures disponibles pour plus d'informations sur les performances, l'installation, les exigences d'utilisation, etc. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\u003e\n\n\u003c!-- Installation \u0026 User's Manual --\u003e \n\u003ca style=\"flex: 1; min-width: 250px; text-decoration: none; background: #f7f7f7; padding: 12px 15px; border-radius: 6px; display: flex; align-items: center; font-size: 14px; color: #000; border: 1px solid #e0e0e0;\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/53-x-29-14-certified-modular-heat-shield-system_Manual_001.pdf?v=1760981171\" target=\"_blank\"\u003e\n📄 Manuel d'installation et d'utilisation \u003cspan style=\"margin-left: auto;\"\u003e🔗\u003c\/span\u003e\n\u003c\/a\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function () {\n \/\/ TEASER: compute first sentence from the full description content (desc-more)\n const descTeaserP = document.getElementById('desc-teaser');\n const descMoreSpan = document.getElementById('desc-more');\n const descToggle = document.getElementById('seeMoreDesc');\n\n \/\/ use textContent of the hidden desc-more to compute the first sentence\n const fullText = descMoreSpan ? descMoreSpan.innerText.trim() : '';\n let firstPeriod = fullText.indexOf('.');\n if (firstPeriod === -1) firstPeriod = fullText.length;\n descTeaserP.textContent = fullText.substring(0, firstPeriod + (firstPeriod \u003c fullText.length ? 1 : 0)).trim();\n\n \/\/ Initially ensure full description hidden and teaser visible\n descMoreSpan.style.display = 'none';\n descTeaserP.style.display = 'block';\n descToggle.textContent = 'Full Description';\n\n descToggle.addEventListener('click', function () {\n const teaser = descTeaserP;\n const moreText = descMoreSpan;\n\n if (moreText.style.display === 'none') {\n \/\/ Expand full description: hide teaser\n teaser.style.display = 'none';\n moreText.style.display = 'block';\n this.textContent = 'See Less';\n \/\/ optional: scroll into view so user sees the expanded description\n this.scrollIntoView({ behavior: 'smooth', block: 'center' });\n } else {\n \/\/ Collapse to teaser\n moreText.style.display = 'none';\n teaser.style.display = 'block';\n this.textContent = 'Full Description';\n }\n });\n\n \/\/ ACCORDION logic (only one open at a time) + quick-specs handling\n const accordions = document.querySelectorAll('.accordion');\n const quickSpecs = document.getElementById('quick-specs');\n const specsAccordion = document.getElementById('specs-accordion');\n const specsContent = specsAccordion.querySelector('.accordion-content');\n const seeLessSpecs = document.getElementById('seeLessSpecs');\n const seeFullSpecs = document.getElementById('seeFullSpecs');\n\n function closeAllAccordions(exceptAccordion) {\n accordions.forEach(acc =\u003e {\n if (acc !== exceptAccordion) {\n acc.querySelector('.accordion-content').classList.remove('open');\n }\n });\n }\n\n function refreshUIState() {\n \/\/ If specs open =\u003e hide quick-specs and show See Less inside specs\n if (specsContent.classList.contains('open')) {\n quickSpecs.style.display = 'none';\n seeLessSpecs.style.display = 'inline-block';\n } else {\n quickSpecs.style.display = 'block';\n seeLessSpecs.style.display = 'none';\n }\n }\n\n \/\/ Set up header click handlers to toggle and enforce \"one open at a time\"\n document.querySelectorAll('.accordion').forEach(acc =\u003e {\n const header = acc.querySelector('.accordion-header');\n const content = acc.querySelector('.accordion-content');\n\n header.addEventListener('click', function () {\n \/\/ if clicking the same accordion that is open =\u003e close it\n if (content.classList.contains('open')) {\n content.classList.remove('open');\n } else {\n closeAllAccordions(acc); \/\/ close others\n content.classList.add('open');\n }\n refreshUIState();\n });\n });\n\n \/\/ \"Full Specifications\" link: open the specs accordion (or close if already open)\n seeFullSpecs.addEventListener('click', function () {\n if (!specsContent.classList.contains('open')) {\n closeAllAccordions(specsAccordion);\n specsContent.classList.add('open');\n } else {\n specsContent.classList.remove('open');\n }\n refreshUIState();\n \/\/ scroll to specifications area when opening\n if (specsContent.classList.contains('open')) {\n specsAccordion.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n\n \/\/ \"See Less\" link located inside the Specifications content (after Clearances)\n seeLessSpecs.addEventListener('click', function () {\n if (specsContent.classList.contains('open')) {\n specsContent.classList.remove('open');\n refreshUIState();\n \/\/ Reset the top Full Specifications link text if you want (kept as \"Full Specifications\")\n \/\/ show quick specs again (handled in refreshUIState)\n \/\/ scroll to the quick-specs area for the user's convenience\n document.getElementById('quick-specs').scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n\n \/\/ Initial UI state\n refreshUIState();\n });\n\u003c\/script\u003e\n","brand":"The North Flame","offers":[{"title":"Default Title","offer_id":43692152487987,"sku":"AC02713","price":160.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02713.webp?v=1760981197"},{"product_id":"53-x-58-1-2-certified-modular-heat-shield-system","title":"SYSTÈME DE PROTECTION THERMIQUE MODULAIRE CERTIFIÉ 53 po x 58 1\/2 po ","description":"\u003cstyle\u003e\n \/* Accordion styling *\/\n .accordion {\n border: 1px solid #ddd;\n border-radius: 5px;\n margin-bottom: 20px;\n background: #f9f9f9;\n }\n .accordion-header {\n padding: 12px;\n font-weight: bold;\n cursor: pointer;\n background: #eee;\n }\n .accordion-header:hover {\n background: #ddd;\n }\n .accordion-content {\n display: none;\n padding: 15px;\n border-top: 1px solid #ddd;\n background: #fff;\n }\n .accordion-content.open {\n display: block;\n }\n\n \/* Unified link styling *\/\n .see-link {\n color: #f37021; \/* orange *\/\n text-decoration: none;\n font-weight: bold;\n cursor: pointer;\n }\n .see-link:hover {\n text-decoration: underline;\n }\n\n \/* Quick specs box *\/\n #quick-specs {\n border: 1px solid #ddd;\n border-radius: 8px;\n padding: 15px;\n background: #fff;\n margin: 20px 0;\n font-size: 14px;\n line-height: 1.5;\n }\n #quick-specs div {\n margin-bottom: 8px;\n }\n #quick-specs strong {\n font-weight: bold;\n }\n\n \/* Keep the flags and country names on one line (when space allows) *\/\n .flags-inline {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-left: 5px;\n white-space: nowrap;\n }\n .flag-pair {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n }\n .flag-image {\n width: 22px;\n height: auto;\n vertical-align: middle;\n }\n\u003c\/style\u003e\n\n\u003c!-- PRODUCT DESCRIPTION (SENTENCE TEASER) --\u003e\n\u003cdiv\u003e\n\n\u003cp id=\"desc-teaser\"\u003e\u003c\/p\u003e\n\n\u003cspan id=\"desc-more\" style=\"display:none;\"\u003e\n\u003c\/span\u003e\n Conçu pour les poêles à combustible solide autoportants. Une solution simple, esthétique et sûre pour réduire efficacement l'encombrement mural. Fabriqué en acier thermolaqué, garantissant une durabilité et une qualité supérieures. Panneaux et supports muraux inclus.\n\n\u003cp\u003e\n \u003cstrong\u003eDimensions :\u003c\/strong\u003e 148,6 cm (L) x 134,6 cm (H) x 6,4 cm (P)\n\u003c\/p\u003e\n\n\u003cp\u003e\n \u003cstrong\u003ePoids :\u003c\/strong\u003e 61 lb (28 kg)\n\u003c\/p\u003e\n\n\u003cp\u003e \nPour plus de détails sur l'installation de ce produit, veuillez consulter le manuel d'utilisation. Testé en matière de sécurité conformément aux normes UL 1618 et ULC S632 par un laboratoire accrédité.\n\u003c\/p\u003e\n\n\n\n\u003c\/div\u003e\n\n \u003cspan id=\"seeMoreDesc\" class=\"see-link\" style=\"margin-bottom:20px; display:inline-block;\"\u003e\nDescription complète\n\u003c\/span\u003e \n\n\u003c!-- QUICK SPECIFICATIONS BOX --\u003e\n\u003cdiv id=\"quick-specs\"\u003e\n\n\u003cdiv\u003e\n\n 🌍 \u003cstrong\u003eFabriqué en :\u003c\/strong\u003e\n \u003cspan class=\"flags-inline\"\u003e\n\u003cspan class=\"flag-pair\"\u003e\n\u003cimg class=\"flag-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/download.png?v=1758991613\" alt=\"Drapeau du Canada\"\u003e\n \u003cspan\u003eCanada\u003c\/span\u003e\n\u003c\/span\u003e\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv style=\"margin-top: 10px;\"\u003e\n\n \u003cspan id=\"seeFullSpecs\" class=\"see-link\"\u003eSpécifications complètes\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- SPECIFICATIONS COLLAPSIBLE --\u003e\n\u003cdiv id=\"specs-accordion\" class=\"accordion\"\u003e\n\n\u003cdiv class=\"accordion-header\"\u003e Caractéristiques \u003c\/div\u003e\n\n\u003cdiv class=\"accordion-content\"\u003e\n\n\u003c!-- Appliance Performance Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e Performance des appareils \u003c\/h3\u003e\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; margin-bottom: 30px;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune donnée de performance disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- General Features Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e Caractéristiques générales \u003c\/h3\u003e\n\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; margin-bottom: 30px;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune fonctionnalité générale n'est disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- Clearances Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e\n\n Dédouanements \n\n\u003c\/h3\u003e\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; border-radius: 6px; overflow: hidden;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune dédouanement n'est disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- See Less link inside accordion --\u003e\n\u003cdiv style=\"text-align:center; margin-top: 15px;\"\u003e\n\n \u003cspan id=\"seeLessSpecs\" class=\"see-link\" style=\"display:none;\"\u003eVoir moins\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- MANUALS COLLAPSIBLE --\u003e\n\u003cdiv id=\"manuals-accordion\" class=\"accordion\"\u003e\n\n\u003cdiv class=\"accordion-header\"\u003e Manuels et instructions \u003c\/div\u003e\n\n\u003cdiv class=\"accordion-content\"\u003e\n\n\u003cul\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Consultez les manuels et brochures disponibles pour plus d'informations sur les performances, l'installation, les exigences d'utilisation, etc.\u003c\/p\u003e \n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\u003e\n\n\u003c!-- Installation \u0026 User's Manual --\u003e\n \u003ca style=\"flex: 1; min-width: 250px; text-decoration: none; background: #f7f7f7; padding: 12px 15px; border-radius: 6px; display: flex; align-items: center; font-size: 14px; color: #000; border: 1px solid #e0e0e0;\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/53-x-29-14-certified-modular-heat-shield-system_Manual_001.pdf?v=1760981171\" target=\"_blank\"\u003e\n📄 Manuel d'installation et d'utilisation \u003cspan style=\"margin-left: auto;\"\u003e🔗\u003c\/span\u003e\n\u003c\/a\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function () {\n \/\/ TEASER: compute first sentence from the full description content (desc-more)\n const descTeaserP = document.getElementById('desc-teaser');\n const descMoreSpan = document.getElementById('desc-more');\n const descToggle = document.getElementById('seeMoreDesc');\n\n \/\/ use textContent of the hidden desc-more to compute the first sentence\n const fullText = descMoreSpan ? descMoreSpan.innerText.trim() : '';\n let firstPeriod = fullText.indexOf('.');\n if (firstPeriod === -1) firstPeriod = fullText.length;\n descTeaserP.textContent = fullText.substring(0, firstPeriod + (firstPeriod \u003c fullText.length ? 1 : 0)).trim();\n\n \/\/ Initially ensure full description hidden and teaser visible\n descMoreSpan.style.display = 'none';\n descTeaserP.style.display = 'block';\n descToggle.textContent = 'Full Description';\n\n descToggle.addEventListener('click', function () {\n const teaser = descTeaserP;\n const moreText = descMoreSpan;\n\n if (moreText.style.display === 'none') {\n \/\/ Expand full description: hide teaser\n teaser.style.display = 'none';\n moreText.style.display = 'block';\n this.textContent = 'See Less';\n \/\/ optional: scroll into view so user sees the expanded description\n this.scrollIntoView({ behavior: 'smooth', block: 'center' });\n } else {\n \/\/ Collapse to teaser\n moreText.style.display = 'none';\n teaser.style.display = 'block';\n this.textContent = 'Full Description';\n }\n });\n\n \/\/ ACCORDION logic (only one open at a time) + quick-specs handling\n const accordions = document.querySelectorAll('.accordion');\n const quickSpecs = document.getElementById('quick-specs');\n const specsAccordion = document.getElementById('specs-accordion');\n const specsContent = specsAccordion.querySelector('.accordion-content');\n const seeLessSpecs = document.getElementById('seeLessSpecs');\n const seeFullSpecs = document.getElementById('seeFullSpecs');\n\n function closeAllAccordions(exceptAccordion) {\n accordions.forEach(acc =\u003e {\n if (acc !== exceptAccordion) {\n acc.querySelector('.accordion-content').classList.remove('open');\n }\n });\n }\n\n function refreshUIState() {\n \/\/ If specs open =\u003e hide quick-specs and show See Less inside specs\n if (specsContent.classList.contains('open')) {\n quickSpecs.style.display = 'none';\n seeLessSpecs.style.display = 'inline-block';\n } else {\n quickSpecs.style.display = 'block';\n seeLessSpecs.style.display = 'none';\n }\n }\n\n \/\/ Set up header click handlers to toggle and enforce \"one open at a time\"\n document.querySelectorAll('.accordion').forEach(acc =\u003e {\n const header = acc.querySelector('.accordion-header');\n const content = acc.querySelector('.accordion-content');\n\n header.addEventListener('click', function () {\n \/\/ if clicking the same accordion that is open =\u003e close it\n if (content.classList.contains('open')) {\n content.classList.remove('open');\n } else {\n closeAllAccordions(acc); \/\/ close others\n content.classList.add('open');\n }\n refreshUIState();\n });\n });\n\n \/\/ \"Full Specifications\" link: open the specs accordion (or close if already open)\n seeFullSpecs.addEventListener('click', function () {\n if (!specsContent.classList.contains('open')) {\n closeAllAccordions(specsAccordion);\n specsContent.classList.add('open');\n } else {\n specsContent.classList.remove('open');\n }\n refreshUIState();\n \/\/ scroll to specifications area when opening\n if (specsContent.classList.contains('open')) {\n specsAccordion.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n\n \/\/ \"See Less\" link located inside the Specifications content (after Clearances)\n seeLessSpecs.addEventListener('click', function () {\n if (specsContent.classList.contains('open')) {\n specsContent.classList.remove('open');\n refreshUIState();\n \/\/ Reset the top Full Specifications link text if you want (kept as \"Full Specifications\")\n \/\/ show quick specs again (handled in refreshUIState)\n \/\/ scroll to the quick-specs area for the user's convenience\n document.getElementById('quick-specs').scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n\n \/\/ Initial UI state\n refreshUIState();\n });\n\u003c\/script\u003e\n","brand":"The North Flame","offers":[{"title":"Default Title","offer_id":43692152815667,"sku":"AC02762","price":450.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02762.webp?v=1760981564"},{"product_id":"60-x-64-1-8-certified-modular-heat-shield-system","title":"SYSTÈME DE PROTECTION THERMIQUE MODULAIRE CERTIFIÉ 60\" x 64 1\/8\"","description":"\u003cp\u003e Conçu pour les réchauds à combustible solide. Une solution simple, esthétique et sûre pour réduire efficacement l'encombrement mural. Comprend les panneaux et les supports muraux.\u003c\/p\u003e\n\n\u003cp\u003e \u003cstrong\u003eDimensions :\u003c\/strong\u003e 64 1\/8 po L x 60 po H x 2 1\/2 po P\u003cbr\u003e \u003cstrong\u003ePoids :\u003c\/strong\u003e 72 lb (32,7 kg)\u003c\/p\u003e\n\n\u003cp\u003e Une extension (AC02766) est disponible pour les appareils nécessitant une protection murale plus importante.\u003c\/p\u003e\n\n \u003cp\u003ePour plus de détails sur l'installation de ce produit, veuillez consulter le manuel d'utilisation. Testé en matière de sécurité conformément aux normes UL 1618 et ULC S632 par un laboratoire accrédité.\u003c\/p\u003e\n\n\u003ch4\u003e \u003cstrong\u003eManuels et instructions\u003c\/strong\u003e\n\u003c\/h4\u003e\n\n\u003cdiv class=\"manual-description-text\"\u003e\n\n\u003cp\u003e Consultez les manuels et brochures disponibles pour plus d'informations sur les performances, l'installation, les exigences d'utilisation, etc.\u003c\/p\u003e\n\n\u003cp\u003e 🔗\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/46335A_2022-11-30.pdf?v=1760981595\"\u003eManuel d'installation et d'utilisation\u003c\/a\u003e\u003c\/p\u003e\n\n\n\u003c\/div\u003e","brand":"The North Flame","offers":[{"title":"Default Title","offer_id":43692152913971,"sku":"AC02765","price":679.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02765_H.webp?v=1760981620"},{"product_id":"extension-for-modular-heat-shield-system-ac02765","title":"EXTENSION POUR SYSTÈME DE PROTECTION THERMIQUE MODULAIRE AC02765 ","description":"\u003cstyle\u003e\n \/* Accordion styling *\/\n .accordion {\n border: 1px solid #ddd;\n border-radius: 5px;\n margin-bottom: 20px;\n background: #f9f9f9;\n }\n .accordion-header {\n padding: 12px;\n font-weight: bold;\n cursor: pointer;\n background: #eee;\n }\n .accordion-header:hover {\n background: #ddd;\n }\n .accordion-content {\n display: none;\n padding: 15px;\n border-top: 1px solid #ddd;\n background: #fff;\n }\n .accordion-content.open {\n display: block;\n }\n\n \/* Unified link styling *\/\n .see-link {\n color: #f37021; \/* orange *\/\n text-decoration: none;\n font-weight: bold;\n cursor: pointer;\n }\n .see-link:hover {\n text-decoration: underline;\n }\n\n \/* Quick specs box *\/\n #quick-specs {\n border: 1px solid #ddd;\n border-radius: 8px;\n padding: 15px;\n background: #fff;\n margin: 20px 0;\n font-size: 14px;\n line-height: 1.5;\n }\n #quick-specs div {\n margin-bottom: 8px;\n }\n #quick-specs strong {\n font-weight: bold;\n }\n\n \/* Keep the flags and country names on one line (when space allows) *\/\n .flags-inline {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-left: 5px;\n white-space: nowrap;\n }\n .flag-pair {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n }\n .flag-image {\n width: 22px;\n height: auto;\n vertical-align: middle;\n }\n\u003c\/style\u003e\n\n\u003c!-- PRODUCT DESCRIPTION (SENTENCE TEASER) --\u003e\n\u003cdiv\u003e\n\n\u003cp id=\"desc-teaser\"\u003e\u003c\/p\u003e\n\n\u003cspan id=\"desc-more\" style=\"display:none;\"\u003e\n\u003c\/span\u003e\n Permet d'étendre le système de protection thermique modulaire certifié AC02765. Comprend des panneaux et des supports muraux.\n\n\u003cp\u003e\n \u003cstrong\u003eDimensions :\u003c\/strong\u003e 51 cm (L) x 152 cm (H) x 6,3 cm (P)\n\u003c\/p\u003e\n\n\u003cp\u003e\n \u003cstrong\u003ePoids :\u003c\/strong\u003e 25 lb (11,3 kg)\n\u003c\/p\u003e\n\n\u003cp\u003e\n Pour plus de détails sur l'installation de ce produit, veuillez consulter le manuel d'utilisation. Testé en matière de sécurité conformément aux normes UL 1618 et ULC S632 par un laboratoire accrédité.\n\u003c\/p\u003e\n\n\n\n\u003c\/div\u003e \n\u003cspan id=\"seeMoreDesc\" class=\"see-link\" style=\"margin-bottom:20px; display:inline-block;\"\u003e\nDescription complète\n\u003c\/span\u003e \n\n\u003c!-- QUICK SPECIFICATIONS BOX --\u003e\n\u003cdiv id=\"quick-specs\"\u003e\n\n\u003cdiv\u003e\n\n 🌍 \u003cstrong\u003eFabriqué en :\u003c\/strong\u003e\n \u003cspan class=\"flags-inline\"\u003e\n\u003cspan class=\"flag-pair\"\u003e\n\u003cimg class=\"flag-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/download.png?v=1758991613\" alt=\"Drapeau du Canada\"\u003e\n \u003cspan\u003eCanada\u003c\/span\u003e\n\u003c\/span\u003e\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv style=\"margin-top: 10px;\"\u003e\n\n \u003cspan id=\"seeFullSpecs\" class=\"see-link\"\u003eSpécifications complètes\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- SPECIFICATIONS COLLAPSIBLE --\u003e\n\u003cdiv id=\"specs-accordion\" class=\"accordion\"\u003e\n\n\u003cdiv class=\"accordion-header\"\u003e Caractéristiques \u003c\/div\u003e\n\n\u003cdiv class=\"accordion-content\"\u003e\n\n\u003c!-- Appliance Performance Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e Performance des appareils \u003c\/h3\u003e\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; margin-bottom: 30px;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune donnée de performance disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- General Features Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e Caractéristiques générales \u003c\/h3\u003e\n\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; margin-bottom: 30px;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune fonctionnalité générale n'est disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- Clearances Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e\n\n Dédouanements \n\n\u003c\/h3\u003e\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; border-radius: 6px; overflow: hidden;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune dédouanement n'est disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- See Less link inside accordion --\u003e\n\u003cdiv style=\"text-align:center; margin-top: 15px;\"\u003e\n\n \u003cspan id=\"seeLessSpecs\" class=\"see-link\" style=\"display:none;\"\u003eVoir moins\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- MANUALS COLLAPSIBLE --\u003e\n\u003cdiv id=\"manuals-accordion\" class=\"accordion\"\u003e\n\n\u003cdiv class=\"accordion-header\"\u003e Manuels et instructions \u003c\/div\u003e\n\n\u003cdiv class=\"accordion-content\"\u003e\n\n\u003cul\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Consultez les manuels et brochures disponibles pour plus d'informations sur les performances, l'installation, les exigences d'utilisation, etc. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\u003e\n\n\u003c!-- Installation Instructions --\u003e \n\u003ca style=\"flex: 1; min-width: 250px; text-decoration: none; background: #f7f7f7; padding: 12px 15px; border-radius: 6px; display: flex; align-items: center; font-size: 14px; color: #000; border: 1px solid #e0e0e0;\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/46335A_2022-11-30.pdf?v=1760981595\" target=\"_blank\"\u003e\n📄 Instructions d'installation \u003cspan style=\"margin-left: auto;\"\u003e🔗\u003c\/span\u003e\n\u003c\/a\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function () {\n \/\/ TEASER: compute first sentence from the full description content (desc-more)\n const descTeaserP = document.getElementById('desc-teaser');\n const descMoreSpan = document.getElementById('desc-more');\n const descToggle = document.getElementById('seeMoreDesc');\n\n \/\/ use textContent of the hidden desc-more to compute the first sentence\n const fullText = descMoreSpan ? descMoreSpan.innerText.trim() : '';\n let firstPeriod = fullText.indexOf('.');\n if (firstPeriod === -1) firstPeriod = fullText.length;\n descTeaserP.textContent = fullText.substring(0, firstPeriod + (firstPeriod \u003c fullText.length ? 1 : 0)).trim();\n\n \/\/ Initially ensure full description hidden and teaser visible\n descMoreSpan.style.display = 'none';\n descTeaserP.style.display = 'block';\n descToggle.textContent = 'Full Description';\n\n descToggle.addEventListener('click', function () {\n const teaser = descTeaserP;\n const moreText = descMoreSpan;\n\n if (moreText.style.display === 'none') {\n \/\/ Expand full description: hide teaser\n teaser.style.display = 'none';\n moreText.style.display = 'block';\n this.textContent = 'See Less';\n \/\/ optional: scroll into view so user sees the expanded description\n this.scrollIntoView({ behavior: 'smooth', block: 'center' });\n } else {\n \/\/ Collapse to teaser\n moreText.style.display = 'none';\n teaser.style.display = 'block';\n this.textContent = 'Full Description';\n }\n });\n\n \/\/ ACCORDION logic (only one open at a time) + quick-specs handling\n const accordions = document.querySelectorAll('.accordion');\n const quickSpecs = document.getElementById('quick-specs');\n const specsAccordion = document.getElementById('specs-accordion');\n const specsContent = specsAccordion.querySelector('.accordion-content');\n const seeLessSpecs = document.getElementById('seeLessSpecs');\n const seeFullSpecs = document.getElementById('seeFullSpecs');\n\n function closeAllAccordions(exceptAccordion) {\n accordions.forEach(acc =\u003e {\n if (acc !== exceptAccordion) {\n acc.querySelector('.accordion-content').classList.remove('open');\n }\n });\n }\n\n function refreshUIState() {\n \/\/ If specs open =\u003e hide quick-specs and show See Less inside specs\n if (specsContent.classList.contains('open')) {\n quickSpecs.style.display = 'none';\n seeLessSpecs.style.display = 'inline-block';\n } else {\n quickSpecs.style.display = 'block';\n seeLessSpecs.style.display = 'none';\n }\n }\n\n \/\/ Set up header click handlers to toggle and enforce \"one open at a time\"\n document.querySelectorAll('.accordion').forEach(acc =\u003e {\n const header = acc.querySelector('.accordion-header');\n const content = acc.querySelector('.accordion-content');\n\n header.addEventListener('click', function () {\n \/\/ if clicking the same accordion that is open =\u003e close it\n if (content.classList.contains('open')) {\n content.classList.remove('open');\n } else {\n closeAllAccordions(acc); \/\/ close others\n content.classList.add('open');\n }\n refreshUIState();\n });\n });\n\n \/\/ \"Full Specifications\" link: open the specs accordion (or close if already open)\n seeFullSpecs.addEventListener('click', function () {\n if (!specsContent.classList.contains('open')) {\n closeAllAccordions(specsAccordion);\n specsContent.classList.add('open');\n } else {\n specsContent.classList.remove('open');\n }\n refreshUIState();\n \/\/ scroll to specifications area when opening\n if (specsContent.classList.contains('open')) {\n specsAccordion.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n\n \/\/ \"See Less\" link located inside the Specifications content (after Clearances)\n seeLessSpecs.addEventListener('click', function () {\n if (specsContent.classList.contains('open')) {\n specsContent.classList.remove('open');\n refreshUIState();\n \/\/ Reset the top Full Specifications link text if you want (kept as \"Full Specifications\")\n \/\/ show quick specs again (handled in refreshUIState)\n \/\/ scroll to the quick-specs area for the user's convenience\n document.getElementById('quick-specs').scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n\n \/\/ Initial UI state\n refreshUIState();\n });\n\u003c\/script\u003e\n","brand":"The North Flame","offers":[{"title":"Default Title","offer_id":43692153929779,"sku":"AC02766","price":225.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02766_H.webp?v=1760981871"},{"product_id":"heat-shield-double-pipe-only","title":"ÉCRAN THERMIQUE (DOUBLE TUYAU UNIQUEMENT) ","description":"\u003cstyle\u003e\n \/* Accordion styling *\/\n .accordion {\n border: 1px solid #ddd;\n border-radius: 5px;\n margin-bottom: 20px;\n background: #f9f9f9;\n }\n .accordion-header {\n padding: 12px;\n font-weight: bold;\n cursor: pointer;\n background: #eee;\n }\n .accordion-header:hover {\n background: #ddd;\n }\n .accordion-content {\n display: none;\n padding: 15px;\n border-top: 1px solid #ddd;\n background: #fff;\n }\n .accordion-content.open {\n display: block;\n }\n\n \/* Unified link styling *\/\n .see-link {\n color: #f37021; \/* orange *\/\n text-decoration: none;\n font-weight: bold;\n cursor: pointer;\n }\n .see-link:hover {\n text-decoration: underline;\n }\n\n \/* Quick specs box *\/\n #quick-specs {\n border: 1px solid #ddd;\n border-radius: 8px;\n padding: 15px;\n background: #fff;\n margin: 20px 0;\n font-size: 14px;\n line-height: 1.5;\n }\n #quick-specs div {\n margin-bottom: 8px;\n }\n #quick-specs strong {\n font-weight: bold;\n }\n\n \/* Keep the flags and country names on one line (when space allows) *\/\n .flags-inline {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-left: 5px;\n white-space: nowrap;\n }\n .flag-pair {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n }\n .flag-image {\n width: 22px;\n height: auto;\n vertical-align: middle;\n }\n\u003c\/style\u003e\n\n\u003c!-- PRODUCT DESCRIPTION (SENTENCE TEASER) --\u003e\n\u003cdiv\u003e\n\n\u003cp id=\"desc-teaser\"\u003e\u003c\/p\u003e\n\n\u003cspan id=\"desc-more\" style=\"display:none;\"\u003e\n\u003c\/span\u003e\n Le pare-chaleur optionnel Cape Town 1800 est utilisé uniquement avec un double tuyau pour protéger les surfaces environnantes de la chaleur intense générée par le poêle à bois.\n\n\n\n\u003c\/div\u003e\n\n \u003cspan id=\"seeMoreDesc\" class=\"see-link\" style=\"margin-bottom:20px; display:inline-block;\"\u003e\nDescription complète\n\u003c\/span\u003e \n\n\u003c!-- QUICK SPECIFICATIONS BOX --\u003e\n\u003cdiv id=\"quick-specs\"\u003e\n\n\u003cdiv\u003e\n\n 🌍 \u003cstrong\u003eFabriqué en :\u003c\/strong\u003e\n \u003cspan class=\"flags-inline\"\u003e\n\u003cspan class=\"flag-pair\"\u003e\n\u003cimg class=\"flag-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/download.png?v=1758991613\" alt=\"Drapeau du Canada\"\u003e\n \u003cspan\u003eCanada\u003c\/span\u003e\n\u003c\/span\u003e\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv style=\"margin-top: 10px;\"\u003e \n\u003cspan id=\"seeFullSpecs\" class=\"see-link\"\u003eSpécifications complètes\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- SPECIFICATIONS COLLAPSIBLE --\u003e\n\u003cdiv id=\"specs-accordion\" class=\"accordion\"\u003e\n\n\u003cdiv class=\"accordion-header\"\u003e Caractéristiques \u003c\/div\u003e\n\n\u003cdiv class=\"accordion-content\"\u003e\n\n\u003c!-- Appliance Performance Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e Performance des appareils \u003c\/h3\u003e\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; margin-bottom: 30px;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune donnée de performance disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- General Features Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e Caractéristiques générales \u003c\/h3\u003e\n\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; margin-bottom: 30px;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune fonctionnalité générale n'est disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- Clearances Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e\n\n Dédouanements \n\n\u003c\/h3\u003e\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; border-radius: 6px; overflow: hidden;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune dédouanement n'est disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- See Less link inside accordion --\u003e\n\u003cdiv style=\"text-align:center; margin-top: 15px;\"\u003e\n\n \u003cspan id=\"seeLessSpecs\" class=\"see-link\" style=\"display:none;\"\u003eVoir moins\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- MANUALS COLLAPSIBLE --\u003e\n\u003cdiv id=\"manuals-accordion\" class=\"accordion\"\u003e\n\n\u003cdiv class=\"accordion-header\"\u003e Manuels et instructions \u003c\/div\u003e\n\n\u003cdiv class=\"accordion-content\"\u003e\n\n\u003cul\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Consultez les manuels et brochures disponibles pour plus d'informations sur les performances, l'installation, les exigences d'utilisation, etc. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\u003e\n\n\u003c!-- Installation \u0026 User's Manual --\u003e\n\u003ca style=\"flex: 1; min-width: 250px; text-decoration: none; background: #f7f7f7; padding: 12px 15px; border-radius: 6px; display: flex; align-items: center; font-size: 14px; color: #000; border: 1px solid #e0e0e0;\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/46224AF_2020-07-13.pdf?v=1760982073\" target=\"_blank\"\u003e \n📄 Manuel d'installation et d'utilisation \u003cspan style=\"margin-left: auto;\"\u003e🔗\u003c\/span\u003e \n\n\u003c\/a\u003e\n\u003c\/div\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function () {\n \/\/ TEASER: compute first sentence from the full description content (desc-more)\n const descTeaserP = document.getElementById('desc-teaser');\n const descMoreSpan = document.getElementById('desc-more');\n const descToggle = document.getElementById('seeMoreDesc');\n\n \/\/ use textContent of the hidden desc-more to compute the first sentence\n const fullText = descMoreSpan ? descMoreSpan.innerText.trim() : '';\n let firstPeriod = fullText.indexOf('.');\n if (firstPeriod === -1) firstPeriod = fullText.length;\n descTeaserP.textContent = fullText.substring(0, firstPeriod + (firstPeriod \u003c fullText.length ? 1 : 0)).trim();\n\n \/\/ Initially ensure full description hidden and teaser visible\n descMoreSpan.style.display = 'none';\n descTeaserP.style.display = 'block';\n descToggle.textContent = 'Full Description';\n\n descToggle.addEventListener('click', function () {\n const teaser = descTeaserP;\n const moreText = descMoreSpan;\n\n if (moreText.style.display === 'none') {\n \/\/ Expand full description: hide teaser\n teaser.style.display = 'none';\n moreText.style.display = 'block';\n this.textContent = 'See Less';\n \/\/ optional: scroll into view so user sees the expanded description\n this.scrollIntoView({ behavior: 'smooth', block: 'center' });\n } else {\n \/\/ Collapse to teaser\n moreText.style.display = 'none';\n teaser.style.display = 'block';\n this.textContent = 'Full Description';\n }\n });\n\n \/\/ ACCORDION logic (only one open at a time) + quick-specs handling\n const accordions = document.querySelectorAll('.accordion');\n const quickSpecs = document.getElementById('quick-specs');\n const specsAccordion = document.getElementById('specs-accordion');\n const specsContent = specsAccordion.querySelector('.accordion-content');\n const seeLessSpecs = document.getElementById('seeLessSpecs');\n const seeFullSpecs = document.getElementById('seeFullSpecs');\n\n function closeAllAccordions(exceptAccordion) {\n accordions.forEach(acc =\u003e {\n if (acc !== exceptAccordion) {\n acc.querySelector('.accordion-content').classList.remove('open');\n }\n });\n }\n\n function refreshUIState() {\n \/\/ If specs open =\u003e hide quick-specs and show See Less inside specs\n if (specsContent.classList.contains('open')) {\n quickSpecs.style.display = 'none';\n seeLessSpecs.style.display = 'inline-block';\n } else {\n quickSpecs.style.display = 'block';\n seeLessSpecs.style.display = 'none';\n }\n }\n\n \/\/ Set up header click handlers to toggle and enforce \"one open at a time\"\n document.querySelectorAll('.accordion').forEach(acc =\u003e {\n const header = acc.querySelector('.accordion-header');\n const content = acc.querySelector('.accordion-content');\n\n header.addEventListener('click', function () {\n \/\/ if clicking the same accordion that is open =\u003e close it\n if (content.classList.contains('open')) {\n content.classList.remove('open');\n } else {\n closeAllAccordions(acc); \/\/ close others\n content.classList.add('open');\n }\n refreshUIState();\n });\n });\n\n \/\/ \"Full Specifications\" link: open the specs accordion (or close if already open)\n seeFullSpecs.addEventListener('click', function () {\n if (!specsContent.classList.contains('open')) {\n closeAllAccordions(specsAccordion);\n specsContent.classList.add('open');\n } else {\n specsContent.classList.remove('open');\n }\n refreshUIState();\n \/\/ scroll to specifications area when opening\n if (specsContent.classList.contains('open')) {\n specsAccordion.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n\n \/\/ \"See Less\" link located inside the Specifications content (after Clearances)\n seeLessSpecs.addEventListener('click', function () {\n if (specsContent.classList.contains('open')) {\n specsContent.classList.remove('open');\n refreshUIState();\n \/\/ Reset the top Full Specifications link text if you want (kept as \"Full Specifications\")\n \/\/ show quick specs again (handled in refreshUIState)\n \/\/ scroll to the quick-specs area for the user's convenience\n document.getElementById('quick-specs').scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n\n \/\/ Initial UI state\n refreshUIState();\n });\n\u003c\/script\u003e\n","brand":"The North Flame","offers":[{"title":"Default Title","offer_id":43692154224691,"sku":"AC02791","price":120.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02791.webp?v=1760982207"},{"product_id":"rear-heat-shield-for-atlas-cook-stove","title":"PARE-CHALEUR ARRIÈRE POUR CUISINIÈRE ATLAS ","description":"\u003cstyle\u003e\n \/* Accordion styling *\/\n .accordion {\n border: 1px solid #ddd;\n border-radius: 5px;\n margin-bottom: 20px;\n background: #f9f9f9;\n }\n .accordion-header {\n padding: 12px;\n font-weight: bold;\n cursor: pointer;\n background: #eee;\n }\n .accordion-header:hover {\n background: #ddd;\n }\n .accordion-content {\n display: none;\n padding: 15px;\n border-top: 1px solid #ddd;\n background: #fff;\n }\n .accordion-content.open {\n display: block;\n }\n\n \/* Unified link styling *\/\n .see-link {\n color: #f37021; \/* orange *\/\n text-decoration: none;\n font-weight: bold;\n cursor: pointer;\n }\n .see-link:hover {\n text-decoration: underline;\n }\n\n \/* Quick specs box *\/\n #quick-specs {\n border: 1px solid #ddd;\n border-radius: 8px;\n padding: 15px;\n background: #fff;\n margin: 20px 0;\n font-size: 14px;\n line-height: 1.5;\n }\n #quick-specs div {\n margin-bottom: 8px;\n }\n #quick-specs strong {\n font-weight: bold;\n }\n\n \/* Keep the flags and country names on one line (when space allows) *\/\n .flags-inline {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-left: 5px;\n white-space: nowrap;\n }\n .flag-pair {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n }\n .flag-image {\n width: 22px;\n height: auto;\n vertical-align: middle;\n }\n\u003c\/style\u003e\n\n\u003c!-- PRODUCT DESCRIPTION (SENTENCE TEASER) --\u003e\n\u003cdiv\u003e\n\n\u003cp id=\"desc-teaser\"\u003e\u003c\/p\u003e\n\n\u003cspan id=\"desc-more\" style=\"display:none;\"\u003e\n\u003c\/span\u003e\n Ce bouclier thermique optionnel protège les surfaces environnantes de la chaleur intense générée par votre poêle à bois Atlas.\n\n\n\n\u003c\/div\u003e\n\n \u003cspan id=\"seeMoreDesc\" class=\"see-link\" style=\"margin-bottom:20px; display:inline-block;\"\u003e\nDescription complète\n\u003c\/span\u003e \n\n\u003c!-- QUICK SPECIFICATIONS BOX --\u003e\n\u003cdiv id=\"quick-specs\"\u003e\n\n\u003cdiv\u003e\n\n 🌍 \u003cstrong\u003eFabriqué en :\u003c\/strong\u003e\n \u003cspan class=\"flags-inline\"\u003e\n\u003cspan class=\"flag-pair\"\u003e\n\u003cimg class=\"flag-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/download.png?v=1758991613\" alt=\"Drapeau du Canada\"\u003e\n \u003cspan\u003eCanada\u003c\/span\u003e\n\u003c\/span\u003e\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv style=\"margin-top: 10px;\"\u003e\n\n \u003cspan id=\"seeFullSpecs\" class=\"see-link\"\u003eSpécifications complètes\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- SPECIFICATIONS COLLAPSIBLE --\u003e\n\u003cdiv id=\"specs-accordion\" class=\"accordion\"\u003e\n\n\u003cdiv class=\"accordion-header\"\u003e Caractéristiques \u003c\/div\u003e\n\n\u003cdiv class=\"accordion-content\"\u003e\n\n\u003c!-- Appliance Performance Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e Performance des appareils \u003c\/h3\u003e\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; margin-bottom: 30px;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune donnée de performance disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- General Features Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e Caractéristiques générales \u003c\/h3\u003e\n\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; margin-bottom: 30px;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune fonctionnalité générale n'est disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- Clearances Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e\n\n Dédouanements \n\n\u003c\/h3\u003e\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; border-radius: 6px; overflow: hidden;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune dédouanement n'est disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- See Less link inside accordion --\u003e\n\u003cdiv style=\"text-align:center; margin-top: 15px;\"\u003e \n\u003cspan id=\"seeLessSpecs\" class=\"see-link\" style=\"display:none;\"\u003eVoir moins\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- MANUALS COLLAPSIBLE --\u003e\n\u003cdiv id=\"manuals-accordion\" class=\"accordion\"\u003e\n\n\u003cdiv class=\"accordion-header\"\u003e Manuels et instructions \u003c\/div\u003e\n\n\u003cdiv class=\"accordion-content\"\u003e\n\n\u003cul\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Consultez les manuels et brochures disponibles pour plus d'informations sur les performances, l'installation, les exigences d'utilisation, etc. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\u003e\n\n\u003c!-- Installation \u0026 User's Manual --\u003e\n \u003ca style=\"flex: 1; min-width: 250px; text-decoration: none; background: #f7f7f7; padding: 12px 15px; border-radius: 6px; display: flex; align-items: center; font-size: 14px; color: #000; border: 1px solid #e0e0e0;\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/45963AF_2018-10-29.pdf?v=1761013019\" target=\"_blank\"\u003e\n📄 Manuel d'installation et d'utilisation \u003cspan style=\"margin-left: auto;\"\u003e🔗\u003c\/span\u003e\n\u003c\/a\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function () {\n \/\/ TEASER: compute first sentence from the full description content (desc-more)\n const descTeaserP = document.getElementById('desc-teaser');\n const descMoreSpan = document.getElementById('desc-more');\n const descToggle = document.getElementById('seeMoreDesc');\n\n \/\/ use textContent of the hidden desc-more to compute the first sentence\n const fullText = descMoreSpan ? descMoreSpan.innerText.trim() : '';\n let firstPeriod = fullText.indexOf('.');\n if (firstPeriod === -1) firstPeriod = fullText.length;\n descTeaserP.textContent = fullText.substring(0, firstPeriod + (firstPeriod \u003c fullText.length ? 1 : 0)).trim();\n\n \/\/ Initially ensure full description hidden and teaser visible\n descMoreSpan.style.display = 'none';\n descTeaserP.style.display = 'block';\n descToggle.textContent = 'Full Description';\n\n descToggle.addEventListener('click', function () {\n const teaser = descTeaserP;\n const moreText = descMoreSpan;\n\n if (moreText.style.display === 'none') {\n \/\/ Expand full description: hide teaser\n teaser.style.display = 'none';\n moreText.style.display = 'block';\n this.textContent = 'See Less';\n \/\/ optional: scroll into view so user sees the expanded description\n this.scrollIntoView({ behavior: 'smooth', block: 'center' });\n } else {\n \/\/ Collapse to teaser\n moreText.style.display = 'none';\n teaser.style.display = 'block';\n this.textContent = 'Full Description';\n }\n });\n\n \/\/ ACCORDION logic (only one open at a time) + quick-specs handling\n const accordions = document.querySelectorAll('.accordion');\n const quickSpecs = document.getElementById('quick-specs');\n const specsAccordion = document.getElementById('specs-accordion');\n const specsContent = specsAccordion.querySelector('.accordion-content');\n const seeLessSpecs = document.getElementById('seeLessSpecs');\n const seeFullSpecs = document.getElementById('seeFullSpecs');\n\n function closeAllAccordions(exceptAccordion) {\n accordions.forEach(acc =\u003e {\n if (acc !== exceptAccordion) {\n acc.querySelector('.accordion-content').classList.remove('open');\n }\n });\n }\n\n function refreshUIState() {\n \/\/ If specs open =\u003e hide quick-specs and show See Less inside specs\n if (specsContent.classList.contains('open')) {\n quickSpecs.style.display = 'none';\n seeLessSpecs.style.display = 'inline-block';\n } else {\n quickSpecs.style.display = 'block';\n seeLessSpecs.style.display = 'none';\n }\n }\n\n \/\/ Set up header click handlers to toggle and enforce \"one open at a time\"\n document.querySelectorAll('.accordion').forEach(acc =\u003e {\n const header = acc.querySelector('.accordion-header');\n const content = acc.querySelector('.accordion-content');\n\n header.addEventListener('click', function () {\n \/\/ if clicking the same accordion that is open =\u003e close it\n if (content.classList.contains('open')) {\n content.classList.remove('open');\n } else {\n closeAllAccordions(acc); \/\/ close others\n content.classList.add('open');\n }\n refreshUIState();\n });\n });\n\n \/\/ \"Full Specifications\" link: open the specs accordion (or close if already open)\n seeFullSpecs.addEventListener('click', function () {\n if (!specsContent.classList.contains('open')) {\n closeAllAccordions(specsAccordion);\n specsContent.classList.add('open');\n } else {\n specsContent.classList.remove('open');\n }\n refreshUIState();\n \/\/ scroll to specifications area when opening\n if (specsContent.classList.contains('open')) {\n specsAccordion.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n\n \/\/ \"See Less\" link located inside the Specifications content (after Clearances)\n seeLessSpecs.addEventListener('click', function () {\n if (specsContent.classList.contains('open')) {\n specsContent.classList.remove('open');\n refreshUIState();\n \/\/ Reset the top Full Specifications link text if you want (kept as \"Full Specifications\")\n \/\/ show quick specs again (handled in refreshUIState)\n \/\/ scroll to the quick-specs area for the user's convenience\n document.getElementById('quick-specs').scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n\n \/\/ Initial UI state\n refreshUIState();\n });\n\u003c\/script\u003e\n","brand":"The North Flame","offers":[{"title":"Default Title","offer_id":43692704464947,"sku":"AC02784","price":169.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02784.webp?v=1761012822"},{"product_id":"black-heat-shield","title":"BOUCLIER THERMIQUE NOIR ","description":"\u003cstyle\u003e\n \/* Accordion styling *\/\n .accordion {\n border: 1px solid #ddd;\n border-radius: 5px;\n margin-bottom: 20px;\n background: #f9f9f9;\n }\n .accordion-header {\n padding: 12px;\n font-weight: bold;\n cursor: pointer;\n background: #eee;\n }\n .accordion-header:hover {\n background: #ddd;\n }\n .accordion-content {\n display: none;\n padding: 15px;\n border-top: 1px solid #ddd;\n background: #fff;\n }\n .accordion-content.open {\n display: block;\n }\n\n \/* Unified link styling *\/\n .see-link {\n color: #f37021; \/* orange *\/\n text-decoration: none;\n font-weight: bold;\n cursor: pointer;\n }\n .see-link:hover {\n text-decoration: underline;\n }\n\n \/* Quick specs box *\/\n #quick-specs {\n border: 1px solid #ddd;\n border-radius: 8px;\n padding: 15px;\n background: #fff;\n margin: 20px 0;\n font-size: 14px;\n line-height: 1.5;\n }\n #quick-specs div {\n margin-bottom: 8px;\n }\n #quick-specs strong {\n font-weight: bold;\n }\n\n \/* Keep the flags and country names on one line (when space allows) *\/\n .flags-inline {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-left: 5px;\n white-space: nowrap;\n }\n .flag-pair {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n }\n .flag-image {\n width: 22px;\n height: auto;\n vertical-align: middle;\n }\n\u003c\/style\u003e\n\n\u003c!-- PRODUCT DESCRIPTION (SENTENCE TEASER) --\u003e\n\u003cdiv\u003e\n\n\u003cp id=\"desc-teaser\"\u003e\u003c\/p\u003e\n\n\u003cspan id=\"desc-more\" style=\"display:none;\"\u003e\n\u003c\/span\u003e\n Conçu pour protéger vos murs de la chaleur intense dégagée par votre poêle à bois. Fabriqué en acier résistant à la chaleur, il offre une protection fiable et durable. Facile à installer et à monter.\n\n\u003cp\u003e \n\u003cstrong\u003eDimensions :\u003c\/strong\u003e panneau central 107 cm (H) x 76 cm (L) \/ panneaux latéraux 107 cm (H) x 27 cm (L)\n\u003c\/p\u003e\n\n\n\n\u003c\/div\u003e\n\n \u003cspan id=\"seeMoreDesc\" class=\"see-link\" style=\"margin-bottom:20px; display:inline-block;\"\u003e\nDescription complète\n\u003c\/span\u003e \n\n\u003c!-- QUICK SPECIFICATIONS BOX --\u003e\n\u003cdiv id=\"quick-specs\"\u003e\n\n\u003cdiv\u003e\n\n 🌍 \u003cstrong\u003eFabriqué en :\u003c\/strong\u003e\n \u003cspan class=\"flags-inline\"\u003e\n\u003cspan class=\"flag-pair\"\u003e\n\u003cimg class=\"flag-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/download.png?v=1758991613\" alt=\"Drapeau du Canada\"\u003e\n \u003cspan\u003eCanada\u003c\/span\u003e\n\u003c\/span\u003e\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv style=\"margin-top: 10px;\"\u003e\n\n \u003cspan id=\"seeFullSpecs\" class=\"see-link\"\u003eSpécifications complètes\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- SPECIFICATIONS COLLAPSIBLE --\u003e\n\u003cdiv id=\"specs-accordion\" class=\"accordion\"\u003e\n\n\u003cdiv class=\"accordion-header\"\u003e Caractéristiques \u003c\/div\u003e\n\n\u003cdiv class=\"accordion-content\"\u003e\n\n\u003c!-- Appliance Performance Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e Performance des appareils \u003c\/h3\u003e\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; margin-bottom: 30px;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune donnée de performance disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- General Features Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e Caractéristiques générales \u003c\/h3\u003e\n\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; margin-bottom: 30px;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune fonctionnalité générale n'est disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- Clearances Subheader --\u003e\n\u003ch3 style=\"font-size: 16px; font-weight: bold; margin: 20px 0 10px; border-bottom: 2px solid #ddd; padding-bottom: 5px;\"\u003e\n\n Dédouanements \n\n\u003c\/h3\u003e\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; border-radius: 6px; overflow: hidden;\"\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune dédouanement n'est disponible pour ce produit. \u003c\/p\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003c!-- See Less link inside accordion --\u003e\n\u003cdiv style=\"text-align:center; margin-top: 15px;\"\u003e\n\n \u003cspan id=\"seeLessSpecs\" class=\"see-link\" style=\"display:none;\"\u003eVoir moins\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- MANUALS COLLAPSIBLE --\u003e\n\u003cdiv id=\"manuals-accordion\" class=\"accordion\"\u003e\n\n\u003cdiv class=\"accordion-header\"\u003e Manuels et instructions \u003c\/div\u003e\n\n\u003cdiv class=\"accordion-content\"\u003e\n\n\u003cul\u003e\n\n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Consultez les manuels et brochures disponibles pour plus d'informations sur les performances, l'installation, les exigences d'utilisation, etc. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\u003e\n\n\u003c!-- Installation \u0026 User's Manual --\u003e \n\u003ca style=\"flex: 1; min-width: 250px; text-decoration: none; background: #f7f7f7; padding: 12px 15px; border-radius: 6px; display: flex; align-items: center; font-size: 14px; color: #000; border: 1px solid #e0e0e0;\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/black-heat-shield--optimized-packaging_Manual_001.pdf?v=1761013283\" target=\"_blank\"\u003e\n📄 Manuel d'installation et d'utilisation \u003cspan style=\"margin-left: auto;\"\u003e🔗\u003c\/span\u003e\n\u003c\/a\u003e \n\n\u003c\/div\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function () {\n \/\/ TEASER: compute first sentence from the full description content (desc-more)\n const descTeaserP = document.getElementById('desc-teaser');\n const descMoreSpan = document.getElementById('desc-more');\n const descToggle = document.getElementById('seeMoreDesc');\n\n \/\/ use textContent of the hidden desc-more to compute the first sentence\n const fullText = descMoreSpan ? descMoreSpan.innerText.trim() : '';\n let firstPeriod = fullText.indexOf('.');\n if (firstPeriod === -1) firstPeriod = fullText.length;\n descTeaserP.textContent = fullText.substring(0, firstPeriod + (firstPeriod \u003c fullText.length ? 1 : 0)).trim();\n\n \/\/ Initially ensure full description hidden and teaser visible\n descMoreSpan.style.display = 'none';\n descTeaserP.style.display = 'block';\n descToggle.textContent = 'Full Description';\n\n descToggle.addEventListener('click', function () {\n const teaser = descTeaserP;\n const moreText = descMoreSpan;\n\n if (moreText.style.display === 'none') {\n \/\/ Expand full description: hide teaser\n teaser.style.display = 'none';\n moreText.style.display = 'block';\n this.textContent = 'See Less';\n \/\/ optional: scroll into view so user sees the expanded description\n this.scrollIntoView({ behavior: 'smooth', block: 'center' });\n } else {\n \/\/ Collapse to teaser\n moreText.style.display = 'none';\n teaser.style.display = 'block';\n this.textContent = 'Full Description';\n }\n });\n\n \/\/ ACCORDION logic (only one open at a time) + quick-specs handling\n const accordions = document.querySelectorAll('.accordion');\n const quickSpecs = document.getElementById('quick-specs');\n const specsAccordion = document.getElementById('specs-accordion');\n const specsContent = specsAccordion.querySelector('.accordion-content');\n const seeLessSpecs = document.getElementById('seeLessSpecs');\n const seeFullSpecs = document.getElementById('seeFullSpecs');\n\n function closeAllAccordions(exceptAccordion) {\n accordions.forEach(acc =\u003e {\n if (acc !== exceptAccordion) {\n acc.querySelector('.accordion-content').classList.remove('open');\n }\n });\n }\n\n function refreshUIState() {\n \/\/ If specs open =\u003e hide quick-specs and show See Less inside specs\n if (specsContent.classList.contains('open')) {\n quickSpecs.style.display = 'none';\n seeLessSpecs.style.display = 'inline-block';\n } else {\n quickSpecs.style.display = 'block';\n seeLessSpecs.style.display = 'none';\n }\n }\n\n \/\/ Set up header click handlers to toggle and enforce \"one open at a time\"\n document.querySelectorAll('.accordion').forEach(acc =\u003e {\n const header = acc.querySelector('.accordion-header');\n const content = acc.querySelector('.accordion-content');\n\n header.addEventListener('click', function () {\n \/\/ if clicking the same accordion that is open =\u003e close it\n if (content.classList.contains('open')) {\n content.classList.remove('open');\n } else {\n closeAllAccordions(acc); \/\/ close others\n content.classList.add('open');\n }\n refreshUIState();\n });\n });\n\n \/\/ \"Full Specifications\" link: open the specs accordion (or close if already open)\n seeFullSpecs.addEventListener('click', function () {\n if (!specsContent.classList.contains('open')) {\n closeAllAccordions(specsAccordion);\n specsContent.classList.add('open');\n } else {\n specsContent.classList.remove('open');\n }\n refreshUIState();\n \/\/ scroll to specifications area when opening\n if (specsContent.classList.contains('open')) {\n specsAccordion.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n\n \/\/ \"See Less\" link located inside the Specifications content (after Clearances)\n seeLessSpecs.addEventListener('click', function () {\n if (specsContent.classList.contains('open')) {\n specsContent.classList.remove('open');\n refreshUIState();\n \/\/ Reset the top Full Specifications link text if you want (kept as \"Full Specifications\")\n \/\/ show quick specs again (handled in refreshUIState)\n \/\/ scroll to the quick-specs area for the user's convenience\n document.getElementById('quick-specs').scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n });\n\n \/\/ Initial UI state\n refreshUIState();\n });\n\u003c\/script\u003e\n","brand":"The North Flame","offers":[{"title":"Default Title","offer_id":43692707315763,"sku":"AC05555","price":210.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC05555_d8b1173c-0859-42a1-b9dc-4f7fbc523dad.webp?v=1761013426"}],"url":"https:\/\/thenorthflame.com\/fr\/collections\/heat-shields.oembed","provider":"The North Flame","version":"1.0","type":"link"}