{"title":"Accessoires","description":"\u003cp class=\"description-accessoire-categories\"\u003e Apportez la touche finale à votre poêle ou à votre cheminée grâce à nos accessoires : ensembles d'outils, articles pratiques pour un entretien facile, et bien plus encore !\u003c\/p\u003e","products":[{"product_id":"cover-for-bora-outdoor-fireplace","title":"COUVERCLE POUR FOYER EXTÉRIEUR BORA","description":"\u003cp\u003e \u003cspan\u003eCette housse de protection est spécialement conçue pour notre foyer extérieur Bora. Fabriquée en polyester imperméable 600 deniers, elle offre une résistance accrue à la décoloration et aux intempéries, protégeant ainsi votre foyer lorsqu'il n'est pas utilisé. Les crochets en forme de U, situés sur le bord inférieur de la housse, se fixent à la base du foyer pour la maintenir bien en place.\u003c\/span\u003e\u003c\/p\u003e","brand":"The North Flame","offers":[{"title":"Default Title","offer_id":43692150816819,"sku":"AC00211","price":120.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC00211.webp?v=1760980766"},{"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"},{"product_id":"heat-shield-for-surround-shelf","title":"PROTECTION THERMIQUE POUR ENROUND\/ÉTAGÈRE ","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 dispositif permet de réduire la hauteur minimale requise entre la base d'un foyer et une étagère combustible lors de l'installation d'un foyer à dégagement nul. Il se place sous l'étagère et convient aux étagères d'une profondeur de 152 mm à 305 mm et d'une longueur maximale de 2,1 m.\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🌍 \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 Autorisations \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\/46127AF_2023-07-27.pdf?v=1761064596\" 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":43693328662579,"sku":"AC01223","price":135.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC01223.webp?v=1761064168"},{"product_id":"60-washed-cedar-non-combustible-mantel","title":"Cheminée incombustible en cèdre lavé de 60 pouces ","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 Quoi de mieux qu'une étagère pour sublimer votre cheminée ? Grâce à son mélange exclusif de béton renforcé de fibres de verre pour une durabilité accrue, cette magnifique étagère offre une multitude de possibilités, s'adaptant à toutes les configurations. Fabriquée artisanalement par moulage, chaque étagère est une pièce unique. Son effet trompe-l'œil imite à la perfection le bois et offre une finition esthétique incomparable.\n\n\u003cp\u003e\n \u003cstrong\u003eDimensions* :\u003c\/strong\u003e 60 po L x 4 po H x 8 1\/4 po P\n\u003c\/p\u003e\n\n\u003cp\u003e\n *Les dimensions sont approximatives et peuvent varier jusqu'à 1\/2''.\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\/usa-5bd2139a62f1d18a7eb84549b9847120.png?v=1758991655\" alt=\"Drapeau des États-Unis\"\u003e\n \u003cspan\u003eÉtats-Unis\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 Autorisations \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\/AC02780_81_82_83_A_2023-04-28.pdf?v=1761064869\" 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":43693406617651,"sku":"AC02780","price":1999.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02780-AC02781.webp?v=1761064714"},{"product_id":"72-washed-cedar-non-combustible-mantel","title":"Cheminée incombustible en cèdre lavé de 72 pouces ","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 Quoi de mieux qu'une étagère pour sublimer votre cheminée ? Grâce à son mélange exclusif de béton renforcé de fibres de verre pour une durabilité accrue, cette magnifique étagère offre une multitude de possibilités, s'adaptant à toutes les configurations. Fabriquée artisanalement par moulage, chaque étagère est une pièce unique. Son effet trompe-l'œil imite à la perfection le bois et offre une finition esthétique incomparable.\n\n\u003cp\u003e\n \u003cstrong\u003eDimensions* :\u003c\/strong\u003e 183 cm (L) x 10 cm (H) x 21 cm (P)\n\u003c\/p\u003e\n\n\u003cp\u003e\n *Les dimensions sont approximatives et peuvent varier jusqu'à 1\/2''.\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\/usa-5bd2139a62f1d18a7eb84549b9847120.png?v=1758991655\" alt=\"Drapeau des États-Unis\"\u003e\n \u003cspan\u003eÉtats-Unis\u003c\/span\u003e\n\u003c\/span\u003e\n\n\u003c\/span\u003e\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 Autorisations \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\/AC02780_81_82_83_A_2023-04-28.pdf?v=1761064869\" 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":43693486014515,"sku":"AC02781","price":2199.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02780-AC02781.webp?v=1761064714"},{"product_id":"72-tavern-brown-non-combustible-mantel","title":"Cheminée incombustible marron taverne de 72 pouces ","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 Quoi de mieux qu'une étagère pour sublimer votre cheminée ? Grâce à son mélange exclusif de béton renforcé de fibres de verre pour une durabilité accrue, cette magnifique étagère offre une multitude de possibilités, s'adaptant à toutes les configurations. Fabriquée artisanalement par moulage, chaque étagère est une pièce unique. Son effet trompe-l'œil imite à la perfection le bois et offre une finition esthétique incomparable.\n \n\u003cp\u003e\n\u003cstrong\u003eDimensions* :\u003c\/strong\u003e 183 cm (L) x 19 cm (H) x 19 cm (P)\n\u003c\/p\u003e\n\n\u003cp\u003e\n *Les dimensions sont approximatives et peuvent varier jusqu'à 1\/2''.\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\/usa-5bd2139a62f1d18a7eb84549b9847120.png?v=1758991655\" alt=\"Drapeau des États-Unis\"\u003e\n \u003cspan\u003eÉtats-Unis\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 Autorisations \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\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\/AC02780_81_82_83_A_2023-04-28.pdf?v=1761064869\" 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":43693489291315,"sku":"AC02783","price":2899.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02782_AC02783_H.webp?v=1761066093"},{"product_id":"17-1-2-x-12-x-4-3-4-universal-fireplace-grate","title":"GRILLE DE FOYER UNIVERSELLE 17 1\/2 po x 12 po x 4 3\/4 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 Accessoire en fonte nécessaire pour certaines cheminées à bois afin d'améliorer la combustion et le maintien des bûches.\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\/usa-5bd2139a62f1d18a7eb84549b9847120.png?v=1758991655\" alt=\"Drapeau des États-Unis\"\u003e\n \u003cspan\u003eÉtats-Unis\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43693625147443,"sku":"AC02300","price":60.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02300_c7679def-03b7-4f8c-804b-0e791cc10917.webp?v=1761076895"},{"product_id":"grate","title":"GRILLE ","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 Accessoire pour poêle à gaz SGS 5 ou 6 bûches.\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43693629079603,"sku":"PL29016","price":40.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/PL29016.webp?v=1761077096"},{"product_id":"andiron","title":"ANDIRON ","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 dispositif de retenue de bûches assure une sécurité accrue en empêchant les bûches de rouler ou de tomber ; il facilite également le travail en simplifiant la manutention du 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\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\"\u003eCaracté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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43693632978995,"sku":"PL53144","price":65.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/PL53144.webp?v=1761077218"},{"product_id":"stainless-steel-log-retainer","title":"SUPPORT DE BÛCHES EN ACIER INOXYDABLE ","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 Il assure une sécurité accrue en empêchant les grumes de rouler ou de tomber ; il facilite également le travail en simplifiant la manutention du 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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43693634551859,"sku":"PL74170","price":15.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/PL74170.webp?v=1761077302"},{"product_id":"cast-iron-grate","title":"GRILLE EN FONTE ","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 Dimensions : 21 7\/8 po L x 18 21\/32 po H x 9 1\/2 po P\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\u003cp\u003e Aucune spécification n'est disponible pour ce produit.\u003c\/p\u003e\n\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43693637599283,"sku":"VA1070","price":200.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/VA1070.webp?v=1761077380"},{"product_id":"cast-iron-grate-1","title":"GRILLE EN FONTE ","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 Dimensions avant : 15 17\/32\" et arrière : 17 7\/8\"\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\u003cp\u003e Aucune spécification n'est disponible pour ce produit.\u003c\/p\u003e\n\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":"Valcourt","offers":[{"title":"Default Title","offer_id":43693645692979,"sku":"VA2070","price":200.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/VA2070.webp?v=1761078038"},{"product_id":"painted-cast-iron-andiron","title":"chenet en fonte peinte ","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 dispositif de retenue de bûches assure une sécurité accrue en empêchant les bûches de rouler ou de tomber ; il facilite également le travail en simplifiant la manutention du 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\u003cp\u003e Aucune spécification n'est disponible pour ce produit.\u003c\/p\u003e\n\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":"Valcourt","offers":[{"title":"Default Title","offer_id":43693648478259,"sku":"VA7070","price":80.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/VA7070.webp?v=1761078147"},{"product_id":"equiss-freestanding-log-holder","title":"PORTE-BÛCHES AUTOPORTANT EQUISS ","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 porte-bûches compact et robuste est entièrement fabriqué au Canada en acier de haute qualité. Ses poignées intégrées facilitent sa manipulation. L'assemblage se fait en quelques secondes : il suffit d'emboîter les deux panneaux et le tour est joué ! Un élastique sécable est également fourni pour protéger votre sol et apporter une touche finale élégante. Une fois la saison de chauffage terminée, ce porte-bûches autoportant se démonte facilement et ne prendra pas de place dans votre espace de vie.\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\u003c\/span\u003e\u003c\/span\u003e \n\n\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43693652443187,"sku":"AC02350","price":190.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02350.webp?v=1761078680"},{"product_id":"48-wood-storage-with-finishing-trim","title":"Meuble de rangement en bois de 122 cm avec finitions. ","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\u003cp\u003e\u003c\/p\u003e\u003c\/span\u003e \nEncastrable ou autoportant, configurable verticalement ou horizontalement, vous apprécierez la polyvalence de ce rangement à bois. Il trouvera assurément sa place dans votre décor, que ce soit près de votre poêle à bois, de votre radiateur ou dans l'entrée où il peut servir de banc en position horizontale. Pour un décor épuré et minimaliste, le coffre peut être intégré à l'un de vos murs. Une moulure de finition est fournie pour un rendu impeccable. Très robuste, ce rangement à bois en acier épais (calibre 14) est revêtu de peinture en poudre et peut accueillir des bûches jusqu'à 45 cm de longueur. La structure en acier comprend quatre blocs de bois dissimulés pour protéger vos planchers. Un tiroir de rangement pour accessoires (43 x 38 x 15 cm) est offert en option. Rangez-y facilement le tisonnier et la pelle inclus! Livré dans un emballage compact, ce rangement à bois est très facile à assembler. Vous serez conquis! Fabriqué au Canada.\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 Autorisations \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\/45954AF_07-04-2018.pdf?v=1761078894\" 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":43693653884979,"sku":"AC02351","price":800.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02351_cc348916-98d1-42c0-a396-992b66dfd4c8.webp?v=1761078874"},{"product_id":"drawer-and-tool-kit-for-wood-storage-insert","title":"TIROIR ET TROUSSE À OUTILS POUR INSERT DE RANGEMENT EN BOIS ","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\u003c!-- PRODUCT DESCRIPTION (SENTENCE TEASER) --\u003e\n\u003cdiv\u003e\n\n\u003cp id=\"desc-teaser\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e Ce tiroir de rangement pour accessoires (43 x 38 x 15 cm) est un excellent complément à votre rangement pour le bois. Rangez-y le tisonnier et la pelle, fournis avec le tiroir, pour plus de praticité ! Ne cherchez plus, rassemblez tous vos outils au même endroit.\u003c\/p\u003e\n\n\u003cspan id=\"desc-more\" style=\"display: none;\"\u003e\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cp\u003e \u003cspan id=\"seeMoreDesc\" class=\"see-link\" style=\"margin-bottom: 20px; display: inline-block;\"\u003eDescription complète\u003c\/span\u003e\u003c\/p\u003e\n\n\u003c!-- QUICK SPECIFICATIONS BOX --\u003e\n\u003cdiv id=\"quick-specs\"\u003e\n\n\u003cdiv\u003e \u003cstrong\u003eFabriqué en\u003c\/strong\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e \u003cspan class=\"flags-inline\"\u003e\u003cspan class=\"flag-pair\"\u003e\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 \u003cspan\u003eCanada\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\n \u003cdiv style=\"margin-top: 10px;\"\u003e\n\u003cspan id=\"seeFullSpecs\" class=\"see-link\"\u003eSpécifications complètes\u003c\/span\u003e \u003c\/div\u003e\n\n\n\u003c\/div\u003e\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\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucune donnée de performance disponible pour ce produit. \u003c\/p\u003e\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; margin-bottom: 30px;\"\u003e\u003c\/table\u003e\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\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\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; margin-bottom: 30px;\"\u003e\u003c\/table\u003e\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 Autorisations\u003c\/h3\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\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; border-radius: 6px; overflow: hidden;\"\u003e\u003c\/table\u003e\n\n\u003c!-- See Less link inside accordion --\u003e\n\u003cdiv style=\"text-align: center; margin-top: 15px;\"\u003e \u003cspan id=\"seeLessSpecs\" class=\"see-link\" style=\"display: none;\"\u003eVoir moins\u003c\/span\u003e \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\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\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003e Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003cul\u003e\u003c!-- PDF Links Styled as Buttons --\u003e\u003c\/ul\u003e\n\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cp\u003e\u003c\/p\u003e","brand":"The North Flame","offers":[{"title":"Default Title","offer_id":43693656703027,"sku":"AC02353","price":379.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02353.webp?v=1761079053"},{"product_id":"fusio-log-holder","title":"PORTE-BÛCHES FUSIO ","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 porte-bûches original allie acier et bois de cerisier, et sa forme incurvée affirme un style résolument contemporain. Simplifiez-vous la vie en alimentant votre feu sans jamais être pris au dépourvu. Fabriqué au Canada avec un savoir-faire exceptionnel.\n\n\u003cp\u003e\n \u003cstrong\u003eDimensions :\u003c\/strong\u003e 20 po H x 18 1\/2 po L x 24 po P.\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\n\u003c\/span\u003e\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43693658636339,"sku":"AC02627","price":255.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02627_web.webp?v=1761079202"},{"product_id":"duplex-fireplace-tool-set","title":"ENSEMBLE D'OUTILS POUR FOYER DUPLEX ","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\u003cp\u003e\u003c\/p\u003e\u003c\/span\u003e \nCet ensemble d'outils de cheminée unique comprend quatre instruments : un tisonnier, un balai, une pelle et un grattoir – tout le nécessaire pour l'utilisation et l'entretien de votre appareil de chauffage au bois. Ses lignes épurées et l'alliance de l'acier et du bois lui confèrent un style résolument contemporain. Hauteur de l'ensemble : 69 cm (27 1\/4 po). Fabriqué avec fierté au Canada.\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\u003cp\u003e Aucune spécification n'est disponible pour ce produit.\u003c\/p\u003e\n\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 Autorisations \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;\"\u003eAucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43693660569651,"sku":"AC02620","price":330.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02620.webp?v=1761079395"},{"product_id":"ineo-fireplace-tool-set","title":"ENSEMBLE D'OUTILS POUR CHEMINÉE INEO ","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 Cet ensemble d'outils de cheminée distinctif comprend quatre outils de qualité : un tisonnier, un balai, une pelle et un grattoir – tout ce dont vous avez besoin pour utiliser et entretenir votre appareil de chauffage au bois. Ses lignes épurées et sa simplicité affirment un style contemporain affirmé. Hauteur de l'ensemble : 73 cm (28 5\/8 po). Fabriqué avec fierté au Canada.\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 Autorisations \n\n\u003c\/h3\u003e\n\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 14px; border-radius: 6px; overflow: hidden;\"\u003e \n\u003cp style=\"font-size: 14px; margin: 0 0 15px;\"\u003eAucune 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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43693663387699,"sku":"AC02621","price":215.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02621.webp?v=1761079608"},{"product_id":"papyrus-fireplace-tool-set","title":"ENSEMBLE D'OUTILS POUR CHEMINÉE PAPYRUS ","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 Cet ensemble d'outils de cheminée original comprend quatre instruments : un tisonnier, un balai, une pelle et un grattoir – tout le nécessaire pour l'utilisation et l'entretien de votre appareil de chauffage au bois. L'utilisation remarquable de l'acier lui confère un style contemporain affirmé. Hauteur de l'ensemble : 69 cm (27 1\/2 po). Ø 19 cm (7 1\/2 po). Fabriqué avec fierté au Canada.\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\"\u003eCaracté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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43693668171827,"sku":"AC02622","price":190.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02622.webp?v=1761079831"},{"product_id":"nordik-fireplace-tool-set","title":"ENSEMBLE D'OUTILS POUR CHEMINÉE NORDIK ","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 Cet élégant ensemble d'outils pour cheminée comprend quatre instruments : tisonnier, balai, pelle et serre-joint – tous les outils nécessaires à l'utilisation et à l'entretien de votre poêle à bois ou cheminée. Hauteur du support : 53 cm. Dimensions de la base carrée : 24 cm x 12 cm. Fabriqué en France avec un savoir-faire exceptionnel.\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 \u003cp\u003eAucune spécification n'est disponible pour ce produit.\u003c\/p\u003e\n\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43693669220403,"sku":"AC02628","price":340.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02628_nordik_web.webp?v=1761079923"},{"product_id":"petal-fireplace-tool-set","title":"ENSEMBLE D'OUTILS POUR CHEMINÉE PETAL ","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\u003cp\u003e\u003c\/p\u003e\u003c\/span\u003e \nCet ensemble d'outils de cheminée original comprend quatre instruments : un tisonnier, un balai, une pelle et un serre-joint – tous les outils nécessaires à l'utilisation et à l'entretien de votre poêle à bois ou de votre cheminée. Une option idéale pour ceux qui souhaitent dissimuler leurs outils pour un style plus décoratif. Hauteur du support : 51 cm. Diamètre de la base : 19 cm. Fabriqué en France avec un savoir-faire exceptionnel.\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\u003cp\u003e Aucune spécification n'est disponible pour ce produit.\u003c\/p\u003e\n\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 Autorisations \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;\"\u003eAucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43693672890419,"sku":"AC02629","price":295.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02629.webp?v=1761080031"},{"product_id":"spektra-fireplace-tool-set","title":"ENSEMBLE D'OUTILS POUR CHEMINÉE SPEKTRA ","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 Cet ensemble d'outils de cheminée original comprend quatre instruments : un tisonnier, un balai, une pelle et un serre-joint – tous les outils nécessaires à l'utilisation et à l'entretien de votre poêle à bois ou de votre cheminée. Son design futuriste apportera une touche d'originalité à votre intérieur. Hauteur du support : 51 cm. Diamètre de la base : 19 cm. Fabriqué en France avec un savoir-faire exceptionnel.\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\u003cp\u003e Aucune spécification n'est disponible pour ce produit.\u003c\/p\u003e\n\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43693674364979,"sku":"AC02631","price":205.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02631.webp?v=1761080157"},{"product_id":"fireplace-carrying-handles","title":"POIGNÉES DE TRANSPORT POUR CHEMINÉE ","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 Ces poignées de transport sont destinées exclusivement aux cheminées fabriquées par SBI. Elles sont conçues pour soulever la cheminée, et non pour la tirer ou la faire glisser.\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 Autorisations \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;\"\u003eAucune 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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43693674823731,"sku":"AC09200","price":95.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC09200.webp?v=1761080227"},{"product_id":"kevlar-thread-wood-stove-and-fireplace-gloves","title":"GANTS POUR POÊLES À BOIS ET CHEMINÉES, FIL KEVLAR ","description":"\u003cdiv class=\"product-expandable-box open\" id=\"description\"\u003e\n\n\u003cdiv class=\"children\"\u003e\n\n\u003cdiv class=\"description-text\"\u003e\n\n\u003cp\u003e Recommandé pour une utilisation propre et sûre de tout type d'appareil de chauffage au bois. Coutures en Kevlar résistant au feu. \u003c\/p\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"The North Flame","offers":[{"title":"Default Title","offer_id":43693674987571,"sku":"AC07820","price":30.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC07820.webp?v=1772849115"},{"product_id":"19-kevlar-thread-sewn-fireplace-gloves","title":"Gants de cheminée cousus avec du fil Kevlar de 19 pouces ","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\u003c!-- PRODUCT DESCRIPTION (SENTENCE TEASER) --\u003e\n\u003cdiv\u003e\n\n\u003cp id=\"desc-teaser\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eGants de protection thermique avec longs poignets (19\" ou 48 cm).\u003c\/span\u003e\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cp\u003e\u003c\/p\u003e","brand":"The North Flame","offers":[{"title":"Default Title","offer_id":43693675511859,"sku":"AC07822","price":55.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC07822.webp?v=1761080473"},{"product_id":"start-up-kit","title":"KIT DE DÉMARRAGE ","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 Comprend : allume-feu (50 sachets), peinture pour poêle 12 oz, gants de haute qualité, humidimètre numérique, nettoyant pour vitres (500 ml - 16,9 oz liq.) et thermomètre avec sonde pour ventilation à double paroi.\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\u003cp\u003e Aucune spécification n'est disponible pour ce produit.\u003c\/p\u003e\n\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43693676757043,"sku":"AC01380","price":189.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC01380_web.webp?v=1761080732"},{"product_id":"3-pellet-stove-cleaning-kit","title":"KIT DE NETTOYAGE POUR POÊLE À GRANULÉS DE 3\"","description":"\u003cp\u003e\u003cspan\u003eComprend : une brosse à poils en acier inoxydable et un long grattoir doté d'une lame en acier robuste et d'une poignée ergonomique. Élimine efficacement les dépôts durcis sur la surface et les orifices du creuset, ainsi que sur la sortie du boîtier de la vis d'alimentation en granulés. Une brosse de cheminée de 76 mm (Ø 76 mm) (filetage 1\/4\"-20) avec des tiges flexibles permettant un nettoyage jusqu'à 3,04 m. Facilite l'entretien des systèmes d'évacuation des fumées décalés. Une brosse conique à poils en nylon avec une longue tige en acier et un manche en bois. Idéale pour les espaces restreints et les diamètres compris entre 25 mm (1\") et 57 mm (2 1\/4\"). Un nettoyant pour vitres (500 ml). Utilisé régulièrement, il prévient les taches permanentes sur le verre.\u003c\/span\u003e\u003c\/p\u003e","brand":"The North Flame","offers":[{"title":"Default Title","offer_id":43693677412403,"sku":"AC02712","price":110.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02712.webp?v=1761080927"},{"product_id":"4-pellet-stove-cleaning-kit","title":"KIT DE NETTOYAGE POUR POÊLE À GRANULÉS 4\"","description":"\u003cp\u003e\u003cspan\u003eComprend : une brosse à poils en acier inoxydable et un long grattoir doté d'une lame en acier robuste et d'une poignée ergonomique. Élimine efficacement les dépôts durcis sur la surface et les orifices du creuset, ainsi que sur la sortie du boîtier de la vis d'alimentation en granulés. Une brosse de cheminée de 102 mm (filetage 1\/4\"-20) avec des tiges flexibles permettant un nettoyage jusqu'à 3,04 m. Facilite l'entretien des systèmes d'évacuation des fumées décalés. Une brosse conique à poils en nylon avec une longue tige en acier et un manche en bois. Idéale pour les espaces restreints et les diamètres compris entre 25 mm et 57 mm. Un nettoyant pour vitres (500 ml). Utilisé régulièrement, il prévient les taches permanentes sur le verre.\u003c\/span\u003e\u003c\/p\u003e","brand":"The North Flame","offers":[{"title":"Default Title","offer_id":43693678985267,"sku":"AC02714","price":125.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02712.webp?v=1761080927"},{"product_id":"cardboard-frame-air-filter-with-support-20-x-15-x-1","title":"FILTRE À AIR AVEC CADRE EN CARTON ET SUPPORT (50,8 cm x 38,1 cm x 2,5 cm)","description":"\u003cp\u003e \u003cspan\u003eLe kit comprend : 1 support, 2 plaques de boîtier, 1 filtre et 24 vis.\u003c\/span\u003e\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\/45695A-F_16-04-2015.pdf?v=1761081556\"\u003eManuel d'installation et d'utilisation\u003c\/a\u003e \u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"manual-description-text\"\u003e\u003c\/div\u003e","brand":"The North Flame","offers":[{"title":"Default Title","offer_id":43693681246259,"sku":"AC01390","price":79.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC01390.webp?v=1761081434"},{"product_id":"washable-aluminum-air-filter-with-support-20-x-15-x-1","title":"FILTRE À AIR EN ALUMINIUM LAVABLE AVEC SUPPORT (51 x 38 x 2,5 cm)","description":"\u003cp\u003e \u003cspan\u003eContenu : 1 filtre lavable, 1 porte-filtre, 2 déflecteurs d'air et les vis de fixation. Veillez à nettoyer et à remplacer régulièrement le filtre de votre poêle à bois afin de protéger le moteur du ventilateur contre l'accumulation de poussière. Un filtre non nettoyé régulièrement peut entraîner une surchauffe du poêle.\u003c\/span\u003e\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\/45695A-F_16-04-2015.pdf?v=1761081556\"\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":43693683015731,"sku":"AC01391","price":100.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC01391.webp?v=1761081716"},{"product_id":"cold-air-return-housing-with-filter","title":"BOÎTIER DE RETOUR D'AIR FROID AVEC FILTRE","description":"\u003cp\u003e\u003cspan\u003ePermet l'installation d'un conduit de retour d'air froid et comprend le support nécessaire à la pose d'un filtre à air. Contenu : 1 couvercle, 1 fond, 2 panneaux latéraux, 1 filtre, 1 porte-filtre, 2 déflecteurs d'air et les vis de fixation. Veillez à nettoyer et à remplacer régulièrement le filtre de votre poêle à bois afin de protéger le moteur du ventilateur contre l'accumulation de poussière.\u003c\/span\u003e\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\/45696A-F_17-12-2014.pdf?v=1761100818\"\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":43695130443827,"sku":"AC01392","price":100.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC01392_2025_MFP.webp?v=1761100763"},{"product_id":"hepa-filter-with-spark-arrestor-for-ash-vacuum-ac02582","title":"FILTRE HEPA AVEC PARE-ÉTINCELLES POUR ASPIRATEUR À CENDRES (AC02582) ","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\u003cp\u003e\u003c\/p\u003e\u003c\/span\u003e \nCe filtre HEPA permet de retenir efficacement les fines particules de déchets secs. L'air aspiré par l'aspirateur est filtré et débarrassé d'une grande partie des allergènes, pour un air plus sain. Résistant et facile à nettoyer, il suffit de le secouer ou de le rincer pour éliminer les impuretés.\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\u003cp\u003e Aucune spécification n'est disponible pour ce produit.\u003c\/p\u003e\n\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43695144173619,"sku":"AC02581","price":19.5,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02581.webp?v=1761101227"},{"product_id":"sootstop-fabric-pre-filter-with-metal-filter-for-ac02582-ash-vacuum","title":"PRÉFILTRE EN TISSU SOOTSTOP AVEC FILTRE MÉTALLIQUE POUR ASPIRATEUR À CENDRES AC02582 ","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 Pour prolonger la durée de vie du moteur de votre balayeuse, ajoutez un filtre HEPA. Ce préfiltre les particules de suie en tissu et en métal. Spécialement conçu pour retenir efficacement les particules très fines et volatiles comme les cendres, il conservera toute sa puissance d'aspiration malgré l'accumulation de poussière. Entretien facile : il suffit de le secouer ou de le laver. Remplacez-le immédiatement si le tissu est endommagé.\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\u003cp\u003e Aucune spécification n'est disponible pour ce produit.\u003c\/p\u003e\n\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 Autorisations \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;\"\u003eAucune 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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43695146631219,"sku":"AC02584","price":13.5,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02584.webp?v=1761101453"},{"product_id":"filter-kit-for-ac02586-ash-vacuum-cleaner","title":"KIT DE FILTRES POUR ASPIRATEUR À CENDRES (AC02586) ","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 piéger efficacement les particules fines et volatiles, comme les cendres refroidies, son filtre HEPA garantit un air plus sain et améliore la qualité de l'air que vous respirez. Durable et facile à installer, il suffit de le remplacer dès que le tissu est saturé ou endommagé pour prolonger la durée de vie du moteur de l'aspirateur.\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\u003cp\u003e Aucune spécification n'est disponible pour ce produit.\u003c\/p\u003e\n\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43695146795059,"sku":"AC02587","price":26.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02587.webp?v=1761116087"},{"product_id":"20-x-16-x-1-cardboard-air-filter-12-box","title":"FILTRE À AIR EN CARTON 20\" x 16\" x 1\" (12\/BOÎTE) ","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 Boîte économique de 12 filtres en carton.\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\u003cp\u003e Aucune spécification n'est disponible pour ce produit.\u003c\/p\u003e\n\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43695344779315,"sku":"AC02764B","price":119.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02764B.webp?v=1761116271"},{"product_id":"filter-support-housing","title":"BOÎTIER DE SUPPORT DE FILTRE ","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 Aucune description disponible pour ce produit\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\u003cp\u003e Aucune spécification n'est disponible pour ce produit.\u003c\/p\u003e\n\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit.\u003c\/p\u003e \n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43695346384947,"sku":"SE68609","price":200.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/SE68609.webp?v=1761116402"},{"product_id":"cardboard-air-filter-11-x-20-x-1","title":"FILTRE À AIR EN CARTON 11\" x 20\" x 1\" ","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 filtre à air pour fournaise joue un rôle clé dans le bon fonctionnement de votre fournaise et l'amélioration de la qualité de l'air intérieur.\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\u003cp\u003e Aucune spécification n'est disponible pour ce produit.\u003c\/p\u003e\n\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43695352873011,"sku":"21040","price":25.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/21040.webp?v=1761116816"},{"product_id":"cardboard-frame-air-filter-20-x-15-x-1","title":"FILTRE À AIR À CADRE EN CARTON 20\" x 15\" x 1\" ","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\u003cspan id=\"desc-more\" style=\"display:none;\"\u003e\n\u003cp\u003e\nCe filtre à air pour fournaise joue un rôle clé dans le bon fonctionnement de votre fournaise et l'amélioration de la qualité de l'air intérieur.\n\u003c\/p\u003e\n\n\u003c\/span\u003e\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\u003cp\u003e Aucune spécification n'est disponible pour ce produit.\u003c\/p\u003e\n\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43695352938547,"sku":"21044","price":20.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/21044.webp?v=1761116855"},{"product_id":"filter-12-x-24-x-1","title":"FILTRE 12\" x 24\" x 1\" ","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\u003cp\u003e\u003c\/p\u003e\u003c\/span\u003e \nCe filtre à air pour fournaise joue un rôle clé dans le bon fonctionnement de votre fournaise et l'amélioration de la qualité de l'air intérieur.\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\u003cp\u003e Aucune spécification n'est disponible pour ce produit.\u003c\/p\u003e\n\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43695356018739,"sku":"21063","price":20.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/21063.webp?v=1761117396"},{"product_id":"cardboard-air-filter-20-x-16-x-1","title":"FILTRE À AIR EN CARTON 20\" x 16\" x 1\" ","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\u003cp\u003e\u003c\/p\u003e\u003c\/span\u003e \nCe filtre à air pour fournaise joue un rôle clé dans le bon fonctionnement de votre fournaise et l'amélioration de la qualité de l'air intérieur.\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\u003cp\u003e Aucune spécification n'est disponible pour ce produit.\u003c\/p\u003e\n\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43695356051507,"sku":"21231","price":20.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/21231.webp?v=1761117470"},{"product_id":"axial-blower-air-filter","title":"FILTRE À AIR POUR SOUFFLEUR AXIAL ","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\u003cp\u003e\u003c\/p\u003e\u003c\/span\u003e \nCe filtre à air pour fournaise joue un rôle clé dans le bon fonctionnement de votre fournaise et l'amélioration de la qualité de l'air intérieur.\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\u003cp\u003e Aucune spécification n'est disponible pour ce produit.\u003c\/p\u003e\n\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43695356084275,"sku":"21300","price":25.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/21300.webp?v=1761117522"},{"product_id":"cardboard-air-filter-25-x-14-x-1","title":"FILTRE À AIR EN CARTON 25 po x 14 po x 1 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\u003cp\u003e\u003c\/p\u003e\u003c\/span\u003e \nCe filtre à air pour fournaise joue un rôle clé dans le bon fonctionnement de votre fournaise et l'amélioration de la qualité de l'air intérieur.\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\u003cp\u003e Aucune spécification n'est disponible pour ce produit.\u003c\/p\u003e\n\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 Autorisations \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 Aucun manuel ni dépliant n'est disponible pour ce produit. \u003c\/p\u003e\n\n\u003c!-- PDF Links Styled as Buttons --\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px;\"\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":43695356117043,"sku":"21367","price":20.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/21367.webp?v=1761117574"}],"url":"https:\/\/thenorthflame.com\/fr\/collections\/accessories.oembed","provider":"The North Flame","version":"1.0","type":"link"}