{"title":"Adhésifs, joints et isolants","description":"\u003cdiv class=\"texts-box\"\u003e\n\n\u003cp class=\"description\"\u003eTrouvez les adhésifs, joints et isolants nécessaires à la réparation de votre appareil de chauffage ! Notre sélection de pièces est compatible avec les appareils de plusieurs marques.\u003c\/p\u003e\n\n\n\u003c\/div\u003e","products":[{"product_id":"high-temperature-red-silicone-300-ml-10-1-fl-oz","title":"SILICONE ROUGE HAUTE TEMPÉRATURE (300 mL - 10,1 FL.OZ.) ","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 \nMastic silicone 100 % de qualité supérieure, à flexibilité permanente. Idéal pour l'étanchéité autour des fenêtres, des conduits de gaz, des joints, des cheminées métalliques et des gaines de ventilation. Excellent produit pour remplacer les joints en liège et en feutre. Parfait pour la fixation des joints autour des portes de poêle et de cheminée. Compatible avec les sondes à oxygène. Résiste à des températures continues jusqu'à 260 °C (500 °F) et à des pics jusqu'à 316 °C (600 °F).\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\"\u003eManuels 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":43730436259891,"sku":"AC02040","price":14.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02040_H.webp?v=1762335631"},{"product_id":"high-temperature-clear-silicone-300-ml-10-1-fl-oz","title":"SILICONE TRANSPARENT HAUTE TEMPÉRATURE (300 mL - 10,1 FL.OZ.) ","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 Mastic silicone 100 % de qualité supérieure, à flexibilité permanente. Idéal pour l'étanchéité autour des vitres de four, des conduits de gaz, des joints, des cheminées métalliques et des gaines de ventilation ; excellent pour remplacer les joints en liège et en feutre ; parfait pour la fixation des joints autour des portes de poêle et de cheminée. Compatible avec les sondes à oxygène. Résiste à des températures continues jusqu'à 232 °C (450 °F).\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;\"\u003eAucune 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":43730436325427,"sku":"AC02045","price":13.5,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02045_H.webp?v=1762335653"},{"product_id":"16-x-24-x-1-ceramic-wool","title":"LAINE CÉRAMIQUE 16\" 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\u003c\/span\u003e\n 1 morceau de laine céramique de 40,6 cm x 61 cm x 2,5 cm. Cette laine céramique permet une utilisation continue à une température limite de 1 200 °C (2 100 °F).\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":43730436358195,"sku":"AC02520","price":26.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC02520.webp?v=1762335701"},{"product_id":"silicone-and-5-8-x-7-black-door-gasket-kit-high-density-ac-dgknc-hd","title":"KIT DE JOINT DE PORTE EN SILICONE ET NOIR 5\/8\" X 7' HAUTE DENSITÉ (AC-DGKNC) (HD) ","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 Idéal pour les poêles à bois et les cheminées à haut rendement homologués EPA, ce kit comprend un joint de porte noir de 16 mm x 180 mm et du silicone haute densité. Conçu pour garantir une étanchéité optimale et résister aux hautes températures, il assure la sécurité et l'efficacité de votre appareil de chauffage.\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":43730436882483,"sku":"AC03523","price":45.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC03529.webp?v=1762335791"},{"product_id":"door-gasket-kit-ac-dgkcs","title":"KIT DE JOINT DE PORTE (AC-DGKCS) ","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\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":43730436915251,"sku":"AC03525","price":35.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC06825.webp?v=1762335812"},{"product_id":"silicone-and-1-4-x-1-2-x-8-black-door-gasket-kit","title":"KIT DE JOINT DE PORTE NOIR EN SILICONE 1\/4\" x 1\/2\" x 8\" ","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 Idéal pour les poêles à bois, à granulés ou à gaz et les chaudières à granulés, ce kit comprend un joint de porte noir de 6,35 mm x 12,7 mm x 203 mm et du silicone rouge haute température. Conçu pour garantir une étanchéité optimale et résister aux hautes températures, il assure la sécurité et l'efficacité de votre appareil de chauffage. \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\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\u003c\/span\u003e","brand":"The North Flame","offers":[{"title":"Default Title","offer_id":43730443337779,"sku":"AC06100","price":15.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC06100.webp?v=1762336568"},{"product_id":"round-gasket-silicone-kit-3-8-x-6-6","title":"KIT DE JOINTS RONDS ET DE SILICONE 3\/8\" x 6,6\" ","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\"\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":43730443403315,"sku":"AC06300","price":24.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/Untitleddesign_17.png?v=1764790950"},{"product_id":"glue-and-gasket-kit-for-double-door-appliance","title":"KIT DE COLLE ET DE JOINT POUR APPAREIL À DOUBLE PORTE ","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;\"\u003eAucune 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":43730444976179,"sku":"AC06600","price":70.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC06600.webp?v=1762336837"},{"product_id":"glue-and-1-4-x-7-white-door-gasket-kit","title":"COLLE ET KIT DE JOINT DE PORTE BLANC 1\/4\" x 7' ","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 Joint blanc et flacon de colle (59 ml - 2 oz liq.). Recommandé pour les poêles à 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\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":43730445008947,"sku":"AC06705","price":12.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC06705.webp?v=1762336973"},{"product_id":"glue-and-3-8-x-7-white-door-gasket-kit","title":"COLLE ET KIT DE JOINT DE PORTE BLANC 3\/8\" x 7' ","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 un joint de 2,13 m et un flacon de colle de 59 ml. Recommandé pour certains poêles à 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\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\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":43730445238323,"sku":"AC06710","price":14.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC06710.webp?v=1762336953"},{"product_id":"glue-and-5-8-x-7-white-door-gasket-kit","title":"COLLE ET KIT DE JOINT DE PORTE BLANC 5\/8\" x 7' ","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 2,13 m de joint et un flacon de colle de 59 ml. Recommandé pour les poêles à 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\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\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":43730445303859,"sku":"AC06720","price":15.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC06720.webp?v=1762337035"},{"product_id":"glue-and-3-4-x-7-white-door-gasket-kit","title":"COLLE ET KIT DE JOINT DE PORTE BLANC 3\/4\" x 7' ","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 Joint blanc et flacon de colle (59 ml - 2 oz liq.). Recommandé pour certains poêles à bois et à granules.\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 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 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":43730445369395,"sku":"AC06725","price":19.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC06725.webp?v=1762337051"},{"product_id":"silicone-and-1-x-8-black-door-gasket-kit","title":"KIT DE JOINT DE PORTE NOIR EN SILICONE ET 1\" X 8\" ","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 \nIdéal pour certains foyers à bois, ce kit comprend un joint de porte noir de 2,5 cm x 20 cm et du silicone rouge haute température. Conçu pour garantir une étanchéité optimale et résister aux hautes températures, il assure la sécurité et l'efficacité de votre appareil de chauffage.\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 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 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":43730445434931,"sku":"AC06730","price":30.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC06730.webp?v=1762337273"},{"product_id":"1-8-x-3-8-x-6-self-adhesive-black-gasket","title":"Joint noir auto-adhésif 1\/8 po x 3\/8 po x 6 pi ","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\nAucune description disponible pour ce produit\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 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 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":43730445500467,"sku":"AC06810","price":10.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC06810.webp?v=1762337208"},{"product_id":"3-8-x-3-8-x-37-64-epdm-gasket-kit-5","title":"KIT DE JOINT EPDM 3\/8 x 3\/8 x 37\/64 (5') ","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\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 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 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":43730450219059,"sku":"AC06820","price":30.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC06820.webp?v=1762338413"},{"product_id":"1-2-x-9-black-round-gasket-with-adhesive-kit","title":"JOINT ROND NOIR 1\/2\" x 9' AVEC KIT D'ADHÉSIF ","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 9 pieds (2,7 m) de joint de rechange et un tube d'adhésif haute température d'origine (83 ml - 2,8 oz liq.) pour appareils de chauffage au bois ou aux granules.\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\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 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 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":43730450284595,"sku":"AC06900","price":17.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC06900.webp?v=1762338427"},{"product_id":"silicone-and-7-8-x-9-black-gasket-kit","title":"KIT DE JOINTS EN SILICONE ET NOIR 7\/8\" x 9\" ","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 \nIdéal pour les poêles et les cheminées, ce kit comprend un joint noir de 22 x 203 mm et du silicone haute température. Conçu pour garantir une étanchéité optimale et résister aux hautes températures, il assure la sécurité et l'efficacité de votre appareil de chauffage.\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 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 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":43730450350131,"sku":"AC06951","price":35.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC06951_3ef43ad2-26c7-401e-9ae3-1aa1d3590515.webp?v=1762338831"},{"product_id":"1-2-x-100-black-fiberglass-gasket-box","title":"Boîte à joints en fibre de verre noire 1\/2 po x 100 pi ","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\nLa pièce détachée est expédiée directement de l'usine à votre domicile.\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 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 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":43730450415667,"sku":"AC07800","price":195.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC07800.webp?v=1762338446"},{"product_id":"5-8-x-100-black-fiberglass-gasket-box","title":"Boîte à joints en fibre de verre noire 5\/8 po x 100 pi ","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\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\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\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 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":43730450481203,"sku":"AC07805","price":200.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC07805.webp?v=1762338459"},{"product_id":"1-4-x-1-2-x-100-black-fiberglass-gasket-box","title":"Boîte à joints en fibre de verre noire 1\/4 po x 1\/2 po x 100 pi ","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\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\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\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 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":43730451136563,"sku":"AC07810","price":195.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC07810.webp?v=1762338257"},{"product_id":"high-temperature-red-silicone-83-ml-2-8-fl-oz-1","title":"Joint en verre noir auto-adhésif 3\/4\" x 180' en rouleau (forme en U) ","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\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 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":43730454413363,"sku":"AC07816","price":300.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC07816.webp?v=1762338570"},{"product_id":"black-gasket-kit-for-3-pellet-pipe-6-units-1","title":"KIT DE JOINTS NOIRS POUR TUYAU À GRANULÉS DE 3\" (6 UNITÉS) ","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 Joint blanc et flacon de colle (59 ml - 2 oz liq.). Recommandé pour certains poêles à bois et à granules.\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 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 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":43730454478899,"sku":null,"price":37.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC09159_3fe19b09-16ce-49da-b455-f4fa145f81f5.webp?v=1762411923"},{"product_id":"high-temperature-red-silicone-83-ml-2-8-fl-oz-2","title":"SILICONE ROUGE HAUTE TEMPÉRATURE (83 mL - 2,8 FL.OZ.) ","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 Mastic silicone rouge de qualité supérieure, 100 % naturel, à flexibilité permanente. Idéal pour l'étanchéité autour des fenêtres, des conduits de gaz, des joints, des cheminées métalliques et des gaines de ventilation. Excellent produit pour remplacer les joints en liège et en feutre. Parfait pour la fixation des joints autour des portes de poêle et de cheminée. Compatible avec les sondes à oxygène. Résiste à des températures continues jusqu'à 260 °C (500 °F) et des pics à 316 °C (600 °F).\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\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 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 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":43730454544435,"sku":"AC07850","price":9.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC07850_H.webp?v=1762338582"},{"product_id":"black-gasket-kit-for-3-pellet-pipe-6-units-2","title":"KIT DE JOINTS NOIRS POUR TUYAU À GRANULÉS DE 3\" (6 UNITÉS) ","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 6 joints pour tuyau à granulé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\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 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":43730454609971,"sku":"AC09159","price":37.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC09159.webp?v=1762338618"},{"product_id":"black-gasket-kit-for-4-pellet-pipe-6-units-1","title":"KIT DE JOINTS NOIRS POUR TUYAU À GRANULÉS DE 4\" (6 UNITÉS) ","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 6 joints pour tuyau à granulé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;\"\u003eAucune 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 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":43730454642739,"sku":"AC09158","price":37.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC09158.webp?v=1762338644"},{"product_id":"35-series-maintenance-gasket-kit-0-02-m3","title":"KIT DE JOINTS D'ENTRETIEN SÉRIE 35 (0,02 m3) ","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 20 joints de brûleur et 4 joints de panneau de nettoyage. Compatible avec le poêle à granulés Drolet ECO-35. Durée de vie estimée : 2 ans.\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 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 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":43730469355571,"sku":"AC09188","price":34.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC09188.webp?v=1762339278"},{"product_id":"45-series-maintenance-gasket-kit","title":"KIT DE JOINTS D'ENTRETIEN SÉRIE 45 ","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 20 joints de brûleur et 4 joints de trappe de nettoyage. Compatible avec le poêle à granulés Drolet ECO-45. Durée de vie estimée : 2 ans.\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\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":43730469584947,"sku":"AC09189","price":19.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC09189.webp?v=1762339411"},{"product_id":"65-series-maintenance-gasket-kit","title":"KIT DE JOINTS D'ENTRETIEN SÉRIE 65 ","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 spécifiquement pour le modèle à granulés Drolet ECO-65 (numéros de série 100 à 1124). Le kit contient : 2 joints pour la porte de nettoyage du moteur d’échappement ; 2 joints pour le panneau de nettoyage droit ; 2 isolants pour la plaque de nettoyage arrière gauche et 2 autres pour la plaque de nettoyage avant gauche.\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 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;\"\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":43730469683251,"sku":"AC09190","price":80.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC09190.webp?v=1762339446"},{"product_id":"hopper-lid-self-adhesive-gasket-kit-1-flat-1-4-thick-pu-hlg-ac-hlgep","title":"KIT DE JOINT AUTO-ADHÉSIF POUR COUVERCLE DE TROTTOIR 1\" PLAT 1\/4\" ÉPAISSEUR (PU-HLG - AC-HLGEP) ","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 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 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":43730470076467,"sku":"AC09209","price":35.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/AC09209.webp?v=1762339504"},{"product_id":"silicone-and-7-8-x-8-black-door-gasket-kit","title":"KIT DE JOINT DE PORTE NOIR EN SILICONE ET 7\/8\" X 8\" ","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\nIdéal pour les poêles et les cheminées, ce kit comprend un joint noir de 22 x 203 mm et du silicone haute température. Conçu pour garantir une étanchéité optimale et résister aux hautes températures, il assure la sécurité et l'efficacité de votre appareil de chauffage.\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\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\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;\"\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":43730470174771,"sku":"OA11390","price":30.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/OA11390.webp?v=1762339603"},{"product_id":"silicone-3-4-x-8-gasket-kit","title":"KIT DE JOINTS EN SILICONE ET 3\/4\" X 8' ","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 Idéal pour les poêles à bois et les cheminées à haut rendement homologués EPA, ce kit comprend un joint noir de 19 mm x 203 mm et du silicone haute température. Conçu pour garantir une étanchéité optimale et résister aux hautes températures, il assure la sécurité et l'efficacité de votre appareil de chauffage.\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":43730470240307,"sku":"OA11400","price":24.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/OA11400.webp?v=1762339618"},{"product_id":"high-temperature-black-sealant-300-ml-10-1-fl-oz","title":"Mastic noir haute température (300 ml - 10,1 oz liq.) ","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\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":43730470404147,"sku":"OA11447","price":30.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/OA11447.webp?v=1762339692"},{"product_id":"maintenance-gasket-kit-alterna","title":"KIT DE JOINTS D'ENTRETIEN - ALTERNA ","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\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":43730470469683,"sku":"PA08595","price":175.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/PA08595.webp?v=1762339738"},{"product_id":"high-temperature-silver-silicone-300-ml-10-1-fl-oz-1","title":"SILICONE ARGENTÉ HAUTE TEMPÉRATURE (300 mL - 10,1 FL.OZ.) ","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\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\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\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":43730473680947,"sku":"OA11305","price":13.5,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/OA11305_H.webp?v=1762339521"},{"product_id":"royal-comfort-side-insulator","title":"ISOLATEUR LATÉRAL ROYAL COMFORT ","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\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\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\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 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":43732121354291,"sku":"PL04816","price":65.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/PL04816_6d34b57e-6698-42bf-be95-efec722565ab.webp?v=1762416095"},{"product_id":"baffle-insulation-8-1-2-x-24-x-1-2","title":"ISOLATION DU DÉFLECTEUR 8 1\/2 po x 24 po x 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 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\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\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 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":43732121387059,"sku":"PL07711","price":20.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/PL07711.webp?v=1762415959"},{"product_id":"rear-insulation","title":"ISOLATION ARRIÈ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 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 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 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":43732121419827,"sku":"PL07712","price":35.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/Untitleddesign_17.png?v=1764790950"},{"product_id":"9-1-2-x-12-x-1-baffle-insulation","title":"ISOLATION À DÉFLECTEURS 9 1\/2 po x 12 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\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 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 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":43732121452595,"sku":"PL09223","price":30.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/PL09223.webp?v=1762415973"},{"product_id":"10-1-2-x-13-1-2-x-1-baffle-insulation","title":"Isolation à déflecteur 10 1\/2 po x 13 1\/2 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\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 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;\"\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":43732121485363,"sku":"PL34047","price":25.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/PL34047.webp?v=1762415978"},{"product_id":"10-7-8-x-13-1-4-x-1-2-rigid-baffle-insulation-0-04m2","title":"ISOLATION À BAFFLE RIGIDE 10 7\/8 po x 13 1\/4 po x 1\/2 po 0,04 m² ","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\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\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":43732121518131,"sku":"PL35030","price":35.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/PL35030.webp?v=1762415982"},{"product_id":"10-7-8-x-13-1-4-x-1-2-rigid-baffle-insulation-0-04m2-1","title":"Isolation à cloison rigide 11 po x 9 5\/8 po x 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 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\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\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 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":43732121550899,"sku":"PL37027","price":25.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/PL37027.webp?v=1762416042"},{"product_id":"11-x-9-5-8-x-1-2-rigid-baffle-insulation","title":"ISOLATION DU DÉFLECTEUR 16 3\/8\" X 25\" X 1\/2\" ","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\nAucune description disponible pour ce produit\n\u003c\/p\u003e\n\n\n\u003c\/span\u003e\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\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\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":43732121583667,"sku":"PL39047","price":30.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/PL39047.webp?v=1762416051"},{"product_id":"baffle-insulation-16-3-8-x-25-x-1-2","title":"RETENUE DE JOINT ","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\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\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\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 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":43732121616435,"sku":"PL58609","price":12.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/PL58609_42aa7622-b8cb-474f-a375-362a371bccc3.webp?v=1762416742"},{"product_id":"gasket-retainer","title":"DOSSIER DE CRÉDENCE ","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\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\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\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 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":43732121911347,"sku":"PL74525","price":61.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/Untitleddesign_17.png?v=1764790950"},{"product_id":"burn-pot-gasket-kit-10-pieces","title":"KIT DE JOINTS POUR CAMP DE BRÛLAGE (10 PIÈCES) ","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 🌍 \u003cstrong\u003eFabriqué en :\u003c\/strong\u003e\n\u003cspan class=\"flags-inline\"\u003e\n\u003cspan class=\"flag-pair\"\u003e\u003c\/span\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\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\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 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":43734230630451,"sku":"SE21045","price":15.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/SE21045.webp?v=1762496085"},{"product_id":"manifold-baffle-with-insulation-dif-diamevo","title":"DÉFLECTEUR DE COLLECTEUR AVEC ISOLATION (DIF-DIAMEVO) ","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 🌍 \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\u003c\/span\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\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 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":43734230728755,"sku":"SE36528","price":235.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/SE36528.webp?v=1762496096"},{"product_id":"diffuser-support-kit-sup-diamevo","title":"KIT DE SUPPORT POUR DIFFUSEUR (SUP-DIAMEVO) ","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 🌍 \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\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":43734230794291,"sku":"SE36540","price":155.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/SE36540.webp?v=1762496109"},{"product_id":"cape-town-1800-glass-gasket","title":"Joint en verre CAPE TOWN 1800 ","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 🌍 \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\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 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":43734230827059,"sku":"SE36901","price":12.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/Untitleddesign_17.png?v=1764790950"},{"product_id":"cape-town-1800-5-16-gasket","title":"CAPE TOWN 1800 JOINT 5\/16\" ","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\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\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;\"\u003eAucune 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":43734234169395,"sku":"SE36902","price":10.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/Untitleddesign_17.png?v=1764790950"},{"product_id":"cape-town-1800-5mm-gasket","title":"CAPE TOWN 1800 JOINT DE 5 MM ","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;\"\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":43734234202163,"sku":"SE36903","price":25.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0665\/6871\/6339\/files\/Untitleddesign_17.png?v=1764790950"}],"url":"https:\/\/thenorthflame.com\/fr\/collections\/adhesives-gaskets-and-insulation.oembed","provider":"The North Flame","version":"1.0","type":"link"}